mongodb +express +ejs 的基本用法

2019-02-19  本文已影响0人  vioi

var express = require('express');
var app = express();
var MongoClient = require('mongodb').MongoClient;
var dburl = 'mongodb://localhost:27017/class';

app.set('view engine','ejs');
app.get('/home',function(req,res){
res.render('home', {
"username":"admin",
"password":666666,
"ouxiang" : [
{"xingming" : "王俊凯" , "nianling" : 16},
{"xingming" : "王宝强" , "nianling" : 26},
{"xingming" : "宋小宝" , "nianling" : 36}
]

});

});
app.get('/list',function(req,res){

MongoClient.connect(dburl, function (err, db) {

    console.log("数据库连接成功");
    db.collection("team").find({}).toArray(function(err,response){
            if (err) {
                console.log("查询数据失败!");
                return;
            }
            //res.json(response)将数据库中查找的数据以json数组的方式返回到前端页面

            /*res.json({data:response})将数据库中查找的数据以json对象的方式返回到前端页面
            给指定数据包一个{data:response}这样json数组就成了json对象,对象内的数组也有了
            名字:"data"
            */
            
            
            console.log({data:response});
            /*res.render给指定模板页面传送json数据,当路由为list时网页被渲染,
            list.ejs模板获取json对象数据{data:response},并对json对象进行填充操作.  
            */           
            res.render('list',{data:response})
            console.log("FIND成功");
        }
    );

})

});
app.use("/",express.static("public"));
app.listen(3000);
console.log('ok')

新建文件夹 命名views

文件夹下文件后缀 ,ejs
代码规范:
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<h1>haah</h1>
<body>
<div><%= username %></div>
<div><%= password %></div>
<% for(var i = 0 ;i<ouxiang.length;i++){ %>
<p><%= ouxiang[i].xingming %></p>
<p><%= ouxiang[i].nianling %></p>
<img src="Penguins.jpg" alt="">

    <% } %>   
</body>

</html>

上一篇 下一篇

猜你喜欢

热点阅读