网页版餐厅点餐系统（六）
把主启动文件修改为：var express = require('express');var app = express();
var mymodel=require('./db/db.js');
var bodyParser = require('body-parser');
var doregist = require('./control/doregist.js');
var dosignin = require('./control/dosignin.js');
var admin = require('./control/admin.js');
app.set('view engine','ejs');
app.use(express.static('./public'));
app.get('/',function(req,res,next){
res.render('./home.ejs');
});
app.get('/regist', function (req,res,next){
res.render('./regist.ejs');
});
app.get('/signin',function(req,res,next){
res.render('signin.ejs');
});
app.post('/myjson',function(req,res,next){
mymodel.find({},function(err,result){
res.json(result);
});
});
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.post('/doregist',doregist);
app.post('/dosignin',dosignin);
app.get('/submit',function(req,res){res.send('您已提交成功')});
app.post('/admin',admin);
app.post('/myjson2',function(req,res,next){
console.log(req.body.foods)
mymodel.update({username:req.body.user},
{ $set: { foods: req.body.foods,
price:req.body.price,
date:new Date()
}}).exec();
});
app.listen(3000);
这就是这个文件的最终形态了。然后在control文件夹里新建admin.js文件：var mymodel=require('../db/db.js');
module.exports = function(req,res,next){
mymodel.find({},function(err,result){
res.render('admin.ejs',{result:result});
});
}这个文件的作用是把数据提取到admin.ejs文件里。当然还要在views文件夹里新建admin.ejs文件：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>FISHC RESTAURANT</title>
<link rel="stylesheet" href="bootstrap3/css/bootstrap.min.css">
<script src="bootstrap3/js/jquery.min.js"></script>
<script src="bootstrap3/js/bootstrap.min.js"></script>
</head>
<body class="container">
<h1 class="page-header text-center">管理员界面</h1>
<%for(i=0;i<result.length;i++){%>
<ul>
<li>
用户名：<%=result.username%>
</li>
<li>
密码：<%=result.password%>
</li>
<li>
点餐数量：<%=result.foods%>
</li>
<li>
总价：<%=result.price%>
</li>
<li>
日期：<%=result.date%>
</li>
</ul>
<%}%>
</body>
</html>
这就是我们的管理员页面，用的是后端模板的循环语句把数据显示出来。现在我们所有的程序都做完了。这个项目是真正的全栈开发，我们主要学习的是大的框架，不要太在乎细节。这个项目虽然结束了，可我的学习笔记还没写完，大家期待我下一期的笔记{:10_320:} 赞~{:10_275:}
页:
[1]