一、效果展示
1、登录界面
2、后台管理界面
二、工具介绍
1、后端
数据库:Mysql8.0.22
Web服务器:Tomcat8.5
集成开发工具:eclipse4.16.0
后端框架:SSM
项目类型:Dynamic Web Project
JDK:15.0.1
依赖:源码里
2、前端
项目类型:Vue-Cli
前端框架:Vue
组件框架:Element-UI
三、源码解析
1、前端和后端数据交流
前端发送Axios请求给后端,参数利用地址传参,后端接受到前端数据后,经过处理,返回Json数据。
2、后端数据处理过程(前后端未分离的流程图)
3、需要掌握知识
- RESTful
- SSM框架
- Vue
- Element-UI
- Vue-cli
4、了解知识 - Node.js
- webPack
5、vue中的知识 - router,嵌套路由
- axios
- 组件之间的传参–利用路由
- vue的声明周期–为了加载界面的运行
四、源码地址
链接:https://pan.baidu.com/s/18qVk5NwWr3SLA661xJNKBA
提取码:yqlp
复制这段内容后打开百度网盘手机App,操作更方便哦
五、启动项目
1、数据库自己导入mysql数据库中
2、后端的数据库密码改下自己的
3、vue运行需要下载vue-cli和安以下步骤
# 进入项目目录
cd E:\Item\matchItem\master_front_end(自己安装的地址)
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev