dinnerroom-vue

a vue project

在线预览

https://dinnerroom-marshtomp.herokuapp.com/

介绍

这个是一个展示饭堂菜单用的 vue+node+mongodb 的项目

用法

在项目的“系统说明”页有写详细的用法

使用

开发

npm i / cnpm i  #最好用cnpm（淘宝的镜像），这样会快点
cd server       
node index.js   #启动后端
cd .. 
cd dinnerroom
npm i / cnpm i  
npm run serve   #启动前端

部署

部署到生产环境

准备

cd server
npm run build

打包后的文件存放在 server/public文件夹中

服务器

1. 在服务器中建一个文件夹，
2. 将本地server文件夹中的public、routes、dinnerroomback.js文件整个上传到服务器文件夹中，
3. 将本地项目根目录中node_modules和package.json文件上传到服务器文件夹中，
   PS：不是dinnerroom文件夹中的node_modules，无需上传dinnerroom文件夹中的node_modules；最好压缩后再上传，不然会由于文件数过多导致上传时间过久
4. 在服务器该项目存放的文件夹目录中打开终端命令

pm2 start dinnerroomback.js

即可启动项目。

其他命令：

pm2 stop dinnerroomback.js #关闭
pm2 restart dinnerroomback.js #重启

文件说明

server/routes/api/db.js

这个文件负责系统所用数据库的配置，如果数据库需要迁移则需修改

mongoose.connect('mongodb://localhost:27017/dinnerroom', {useNewUrlParser:true})

中的链接地址

server/routes/api/router.js

存放的是api，数据库增删查改

server/routes/dinnerroomback.js

这个是部署用的配置文件，在放到服务器后运行该文件启动项目 修改访问的端口可以通过修改21行

const port = 8082;

进行修改

server/routes/index.js

这是开发用的配置文件，负责开发环境的设置

dinnerroom

存放的是前端，具体逻辑略过