springboot_vue_xhs/README.md
2024-12-06 22:42:03 +08:00

75 lines
2.6 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

**线上预览:** [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