鱼C论坛

 找回密码
 立即注册
查看: 3163|回复: 1

[学习笔记] 网页版餐厅点餐系统(六)

[复制链接]
发表于 2017-7-6 10:28:43 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
把主启动文件修改为:
  1. var express = require('express');
  2. var app = express();
  3. var mymodel=require('./db/db.js');
  4. var bodyParser = require('body-parser');
  5. var doregist = require('./control/doregist.js');
  6. var dosignin = require('./control/dosignin.js');
  7. var admin = require('./control/admin.js');
  8. app.set('view engine','ejs');
  9. app.use(express.static('./public'));
  10. app.get('/',function(req,res,next){
  11.     res.render('./home.ejs');
  12. });
  13. app.get('/regist', function (req,res,next){
  14.     res.render('./regist.ejs');
  15. });
  16. app.get('/signin',function(req,res,next){
  17.     res.render('signin.ejs');
  18. });
  19. app.post('/myjson',function(req,res,next){
  20.     mymodel.find({},function(err,result){
  21.         res.json(result);
  22.     });
  23. });
  24. app.use(bodyParser.urlencoded({ extended: false }));
  25. app.use(bodyParser.json());
  26. app.post('/doregist',doregist);
  27. app.post('/dosignin',dosignin);
  28. app.get('/submit',function(req,res){res.send('您已提交成功')});
  29. app.post('/admin',admin);
  30. app.post('/myjson2',function(req,res,next){
  31.     console.log(req.body.foods)
  32.     mymodel.update({username:req.body.user},
  33.         { $set: { foods: req.body.foods,
  34.         price:req.body.price,
  35.         date:new Date()
  36.         }}).exec();
  37. });
  38. app.listen(3000);
复制代码

这就是这个文件的最终形态了。然后在control文件夹里新建admin.js文件:
  1. var mymodel=require('../db/db.js');
  2. module.exports = function(req,res,next){
  3.     mymodel.find({},function(err,result){
  4.         res.render('admin.ejs',{result:result});
  5.     });

  6. }
复制代码
这个文件的作用是把数据提取到admin.ejs文件里。当然还要在views文件夹里新建admin.ejs文件:
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  6.     <title>FISHC RESTAURANT</title>
  7.     <link rel="stylesheet" href="bootstrap3/css/bootstrap.min.css">
  8.     <script src="bootstrap3/js/jquery.min.js"></script>
  9.     <script src="bootstrap3/js/bootstrap.min.js"></script>
  10. </head>
  11. <body class="container">
  12. <h1 class="page-header text-center">管理员界面</h1>
  13. <%for(i=0;i<result.length;i++){%>
  14. <ul>
  15.     <li>
  16.         用户名:<%=result[i].username%>
  17.     </li>
  18.     <li>
  19.         密码:<%=result[i].password%>
  20.     </li>
  21.     <li>
  22.         点餐数量:<%=result[i].foods%>
  23.     </li>
  24.     <li>
  25.         总价:<%=result[i].price%>
  26.     </li>
  27.     <li>
  28.         日期:<%=result[i].date%>
  29.     </li>
  30. </ul>
  31. <%}%>
  32. </body>
  33. </html>
复制代码

这就是我们的管理员页面,用的是后端模板的循环语句把数据显示出来。现在我们所有的程序都做完了。这个项目是真正的全栈开发,我们主要学习的是大的框架,不要太在乎细节。这个项目虽然结束了,可我的学习笔记还没写完,大家期待我下一期的笔记

评分

参与人数 3荣誉 +11 鱼币 +11 贡献 +2 收起 理由
不二如是 + 3 + 3 热爱鱼C^_^
1137381680 + 5 + 5 + 2
小甲鱼 + 3 + 3 热爱鱼C^_^

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-7-8 17:24:43 | 显示全部楼层
赞~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 09:28

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表