/orderSYS

毕业设计:这是一个基于Vue和Node.js的轻量级点餐系统

Primary LanguageVueGNU General Public License v3.0GPL-3.0

在线点餐系统

这是一个采用 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.效果展示

点餐界面

后台首页

后台商品管理

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服务即可

    #路由模式(非history模式不需要添加)
    	location / {
            try_files $uri $uri/ /index.html;
        }
    #api代理
    location /api/ {
        proxy_pass   http://yourdomain.com:3000/api/;
    }