ICode9

精准搜索请尝试: 精确搜索
首页 > 数据库> 文章详细

nodejs mongo数据库提取数据展示

2022-09-11 09:32:50  阅读:259  来源: 互联网

标签:function arr mongo nodejs app db item var 数据库


初学nodejs,涉及内容太多,总找不到如何能处理数据之间的交换、提取,显示。查找众多资料,终于调试成功,为免遗忘,特记录如下:

安装nodejs,mongo数据库在这里不做记录了。

1、编写server.js文件:(C)

var express = require('express');
var app = express();
var path = require('path');
var db = require('./db1.js')
app.use(bodyParser.json());//数据JSON类型
app.use(bodyParser.urlencoded({ extended: false }));//解析post请求数据
app.use(express.static(path.join(__dirname, 'public')));
app.get('/allstudent', function (req, res) {
    db.getAllStudent((arr) => {
      res.json(arr);
    });
});
app.get('/jsonp.html', function (req, res) {
  res.sendFile(__dirname + '/json.html');
});
});
app.listen(1338);//监听localhost:1338端口

2、编写数据库访问文件db1.js(M)

const MongoClient = require('mongodb').MongoClient;
var ObjectID = require('mongodb').ObjectID;
const url = 'mongodb://localhost:27017';
const dbName = 'xuesheng';
function getAllStudent(callback){
    MongoClient.connect(url, {useNewUrlParser: true}, function(err, client) {
        if(err) {
            console.log("连接数据库失败,请mongod开机");
            return;
        }
        // Use the admin database for the operation
        const db = client.db(dbName);
        console.log("数据库连接成功");
        db.collection('banji').find({}).toArray(function (err,results){
            if(err) {
                console.log("查询数据失败!");
                return;
            }
            console.log(results);
            callback(results)
            //关闭数据库
            client.close();
        })

    })
}
exports.getAllStudent = getAllStudent;

3、编写数据展示json.html(V)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<title>JSON数据获取</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<style type="text/css">
    table{
        width: 78vw;
        margin: auto;
    }
    table,tr,td,th{
        border-collapse: collapse;
        border: 1px solid #ccc;
    }
    tr:first-child {
        background-color: skyblue;
    }
    #bb{
        margin-top: 40px;
    }
</style>
</head>
<body>
    <table id="bb">

    </table>
<script>
<script>
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            // arr=JSON.parse(this.responseText); //直接将接收返回的字符转换成JSON对象也可以
            arr=eval("("+this.responseText+")"); //利用eval加括号转换成一个js对象,从而可以访问其中的值
            str="<tr><th>姓名</th><th>年龄</th><th>性别</th><th>籍贯</th></tr>";
            arr.forEach((item) => {
                str += `<tr><td>${item.uname}</td><td>${item.age}</td><td>${item.sex}</td><td>${item.provice}</td></th>`
            });
            document.getElementById("bb").innerHTML =str;         
         }
    };
    xmlhttp.open("GET", "/allstudent", true);
    xmlhttp.send();
  </script>  
</body>
</html>

4 启动服务

node server

5 在IE中访问127.0.0.1:1338/json.html

 

标签:function,arr,mongo,nodejs,app,db,item,var,数据库
来源: https://www.cnblogs.com/ybHsir/p/16683514.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有