|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
把主启动文件修改为:- 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[i].username%>
- </li>
- <li>
- 密码:<%=result[i].password%>
- </li>
- <li>
- 点餐数量:<%=result[i].foods%>
- </li>
- <li>
- 总价:<%=result[i].price%>
- </li>
- <li>
- 日期:<%=result[i].date%>
- </li>
- </ul>
- <%}%>
- </body>
- </html>
复制代码
这就是我们的管理员页面,用的是后端模板的循环语句把数据显示出来。现在我们所有的程序都做完了。这个项目是真正的全栈开发,我们主要学习的是大的框架,不要太在乎细节。这个项目虽然结束了,可我的学习笔记还没写完,大家期待我下一期的笔记 |
评分
-
查看全部评分
|