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>