# 在线点餐系统
> 这是一个采用 Vue 和 Node.js 开发的在线点餐管理系统,作为我的毕业设计。其主要功能包含对订单的实时提醒以及商品分类的管理和商品的管理。用到的主要技术有:express、bcrypt、passport、passport-jwt、jsonwebtoken、formidable、gravatar、mongoose、socket.io、element-ui、axios、better-scroll、qrcode、vue-echarts、vue-router、vuex等。
## 1.效果展示
![点餐界面](https://i.loli.net/2020/03/29/wylN8gI5ntEfzLe.jpg)
![后台首页](https://i.loli.net/2020/03/29/mhxiITEpjyrYwQ1.jpg)
![后台商品管理](https://i.loli.net/2020/03/29/soTrGU2bnL1Z6Cx.jpg)
## 2.运行环境
Vue:@vue/cli 4.2.2
Node:v12.16.1
MongoDB:4.2.3
## 3.运行说明
### 3.1开发环境
- 修改**config/config.js**设置MongoDB数据库连接和jsonwebtoken密钥
- 修改**client/src/main.js**设置**connection**连接地址(设置为你服务端的IP地址)
- 在根目录执行`npm install`,执行完成后通过`node server.js`启动服务端
- 进入**client**目录执行`npm install`,执行完成后通过`npm run serve`启动vue项目
### 3.2生产环境
- 将node项目放入pm2中运行
- 将client文件夹中的项目通过`npm run build`进行编译,编译完成后放到服务器上在nginx中配置代理和路由并重启nginx服务即可
```nginx
#路由模式(非history模式不需要添加)
location / {
try_files $uri $uri/ /index.html;
}
#api代理
location /api/ {
proxy_pass http://yourdomain.com:3000/api/;
}
```
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
## 开发工具: WebStorm 开发环境:Nodejs + vue + express + mongodb数据库 这是一个采用 Vue 和 Node.js 开发的在线点餐管理系统,包括了用户和管理员2个身份。管理员登陆后首页展示今天营业统计和历史统计图,可以添加管理商品分类,添加管理商品信息,商品带图片上传,处理用户的订单,查询历史订单信息,管理桌号点餐码,修改店铺和个人信息;用户前台根据桌号点餐,提交订单后后台管理员可以收到语音提示! 用到的主要技术有:express、bcrypt、passport、passport-jwt、jsonwebtoken、formidable、gravatar、mongoose、socket.io、element-ui、axios、better-scroll、qrcode、vue-echarts、vue-router、vuex等。 管理员账号密码: manage/123456
资源推荐
资源详情
资源评论
收起资源包目录
Vue_Express_Mongodb_Online_ordering-master.zip (84个子文件)
Vue_Express_Mongodb_Online_ordering-master
client
.editorconfig 121B
babel.config.js 73B
src
App.vue 1KB
plugins
axios.js 2KB
element.js 119B
store
index.js 748B
assets
logo.png 7KB
audio
ding.mp3 6KB
images
notice.png 2KB
loginBG.svg 9KB
main.js 660B
components
admin
LeftNav.vue 3KB
ShowQRCode.vue 927B
TableNumDialog.vue 2KB
CategoryDialog.vue 2KB
TopNav.vue 4KB
CommodityDialog.vue 6KB
user
CommodityDetail.vue 5KB
Commodities.vue 9KB
Confirm.vue 6KB
ShopCart.vue 9KB
Header.vue 6KB
CartControl.vue 2KB
router
index.js 4KB
views
admin
Category.vue 4KB
History.vue 8KB
Shop.vue 5KB
User.vue 3KB
Login.vue 4KB
Index.vue 1KB
Home.vue 7KB
404.vue 829B
user
Index.vue 613B
init
Init.vue 2KB
Shop.vue 5KB
Complete.vue 801B
Admin.vue 4KB
package.json 1KB
public
css
reset.css 1KB
favicon.ico 4KB
index.html 663B
package-lock.json 472KB
vue.config.js 2KB
.gitignore 214B
README.md 318B
orderSYS
plugins
SocketIO.js 475B
LICENSE 34KB
server.js 1KB
.idea
orderSYS-master.iml 469B
workspace.xml 13KB
misc.xml 179B
modules.xml 289B
encodings.xml 138B
package.json 852B
public
goods
yuerji.jpg 38KB
yongchuangpijiu.jpg 45KB
mianbaodianxin.jpg 33KB
商品图片存放目录 0B
yuxiangqiezi.jpg 66KB
qingjiao.jpg 84KB
shop
店铺logo存放目录 0B
18.jpg 39KB
routes
api
category.js 2KB
commodity.js 3KB
users.js 4KB
init.js 1KB
shop.js 2KB
qrCode.js 1KB
statisticData.js 2KB
package-lock.json 45KB
models
Shop.js 369B
Category.js 282B
Order.js 562B
Init.js 270B
QRCode.js 272B
ChartsData.js 370B
User.js 416B
Commodity.js 596B
.gitignore 2KB
README.MD 2KB
config
passport.js 655B
config.js 92B
mongodb数据库脚本
orderSYS.sql 8KB
README.md 897B
共 84 条
- 1
资源评论
程序源码工
- 粉丝: 47
- 资源: 469
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功