springboot_vue_xhs/README.md

75 lines
2.6 KiB
Markdown
Raw Normal View History

2024-12-06 22:42:03 +08:00
**线上预览:** [http://120.26.95.195:8889/](http://120.26.95.195:8889/)
**欢迎页**
![欢迎页](preview/2021204%20(2).png)
**收银台**
![收银台](preview/2021204%20(5).png)
![收银台-开卡](preview/2021204%20(4).png)
**会员管理**
![会员管理](preview/2021204%20(6).png)
**库存管理**
![入库](preview/2021204%20(1).png)
![选择商品](preview/2021204%20(8).png)
**订单管理**
![订单管理](preview/2021204%20(3).png)
## 简单版思维导图
![思维导图](whiteboard_exported_image.png)
## springboot_vue
正式开发前我们都需要一个完整的 可拓展性基础框架用于后续项目进行 这里我就把自己用的一套整合出来供大家学习使用
## 首先你要掌握的技能
在这里我不再对整合进行赘述 技能从来都是从实战中积累的:
1. springboot框架的基本使用
2. jwt security的基本整合
3. mybatisplus 的使用 (基于瓷完成了前后端代码生成);
4. rabc框架的基本理解
5. vue环境的基本搭建 npm命令使用
6. element框架的整合
7. linux简单部署这个后续我会结合脚本来进行
## 我们将要做的系统的一个展示
![系统演示](a5ce34cbfe774c9fbad8be527b869f3b.png)
1. 动态路由 有了这个功能 前端就不用进行硬代码的配置 后台编辑即可 也可以快速的进行路由的改名和删除
2. 多角色 基础动态路由 多角色就变的简单了 同时也更方便管理系统
3. 多tab客户还是习惯像打开浏览器那也操作我们的系统 所以这个必不可少
## 包结构说名
后端
- 目前后端功能基本能满足我们需求
- 后续开发建立和system同级目录 进行功能开发即可
![后台包目录](07e05adbd0ad444c94dbff007c286782.png)
前端
![前台包目录](7107613a141f4739ad385773b0199aa9.png)
## 程序的运行
**后端**
1. 导入pom文件进行依赖下载
2. 修改yml数据源和缓存配置
3. 运行AdminApplication 启动
**前端**
1. 执行npm install 下载依赖(下载慢可以执行) `npm conf set registry https://registry.npm.taobao.org`
2. npm run dev进行系统的启动
## 启动后截图
**登陆**
![登陆](b41683ee6b144da7afed88e485882213.png)
**工作台**
![工作台](9ab46710e8134feda151c12b282a931f.png)
**菜单权限管理**
![输入图片说明](3281c7e277534f11b7fb431afcf4b8b1.png)
![输入图片说明](132ecc5b910049c5a970a32c42d9d069.png)
## 写到最后
**代码地址** [https://gitee.com/ddeatrr/springboot_vue](https://gitee.com/xay12/springboot_vue)
**问题反馈** qq: 727869402 wx: MAMBA_4EVER24