# 在线点餐系统
> 这是一个采用 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/;
}
```
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
毕业设计:这是一个基于Vue和Node.js的轻量级点餐系统 这是一个采用 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等。 运行说明 3.1开发环境 ● 修改**config/config.js**设置MongoDB数据库连接和jsonwebtoken密钥 ● 修改**client/src/main.js**设置**connection**连接地址(设置为你服务端的IP地址) ● 在根目录执行 npm install ,执行完成后通过 node server.js 启动服务端 ● 进入**client**目录执行 npm install ,执行完成后通过 npm run s
资源推荐
资源详情
资源评论
收起资源包目录
基于Vue和Node.js开发的在线点餐管理系统.zip (74个子文件)
orderSYS-master
plugins
SocketIO.js 475B
LICENSE 34KB
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
QRCode.vue 5KB
History.vue 8KB
Shop.vue 5KB
User.vue 3KB
Login.vue 4KB
Index.vue 1KB
Commodity.vue 7KB
Order.vue 7KB
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
vue.config.js 1KB
.gitignore 214B
README.md 318B
server.js 1KB
package.json 854B
public
goods
商品图片存放目录 0B
shop
店铺logo存放目录 0B
routes
api
category.js 2KB
commodity.js 3KB
users.js 4KB
init.js 1KB
shop.js 2KB
qrCode.js 1KB
order.js 3KB
statisticData.js 2KB
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
说明_.txt 70B
共 74 条
- 1
资源评论
- 是木木啦2024-01-14发现一个超赞的资源,赶紧学习起来,大家一起进步,支持!
人工智能教学实践
- 粉丝: 547
- 资源: 308
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于Python和Shell语言的奥多户外活动系统服务器端设计源码
- 基于Django+Shell的多人共享小网盘设计源码
- 基于Python语言的QuModLibs_NX11浏览版MCMOD开发设计源码
- 基于Vue框架的奥思德建材项目前端代码设计源码
- manage-costs-and-avoid-overspending-AVS.mp4
- 基于Java语言开发的办公自动化系统后端设计源码
- 基于Java及Shell开发的WeCross跨链账户服务设计源码
- fe0b65b5-3727-4c2c-88b4-04264b022e9f.mp4
- 基于Java的Android快递拿取平台设计源码
- 基于CRNN和CTPN技术的装备分数自动计算设计源码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功