一个使用Vue.js、Express、MongoDB构建的资金流水系统
-
在这个页面上下载.zip源文件并解压，或者直接在终端执行
git clone https://github.com/YeomanLi/Found-Managment.git -
进入项目目录，并在你的终端中执行如下命令：
# 安装后端接口的依赖 npm install # 安装前端依赖 cd client/ npm install cd ..
-
启动项目
前后端联载：
npm run dev
当然你也可以单独启动任一服务
# 启动后端服务 npm run server # 启动前端 npm run client
-
进入
http://localhost:8080/来查看、调试项目
- Express.js：服务端框架
- Vue.js：前端MVVM框架
- 数据库使用的是MongoDB，Mongoose来管理操作数据库，mLab来托管数据库
- Vue-CLI来打包构建
- Element-UI：UI框架
- Axios：发送接收请求
- 登录、注册
- 请求、响应拦截
- 路由守卫
- Token过期处理
- 权限控制
- 组件封装
- 页面刷新Vuex状态保持
- 身份验证：使用jwt验证，登录成功后保存在localStorage中，每次发送请求头部带上这个token
- 前端跨域直接在webpack上配置，自行参考
- Vuex刷新保持状态，路由刷新前保存在localStorage中，Vuex缺省值设置为localStorage即可