# SpringBoot-Vue-Demo

**Repository Path**: gitee-xk/springboot-vue-demo

## Basic Information

- **Project Name**: SpringBoot-Vue-Demo
- **Description**: 前后端分离的管理系统框架
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 285
- **Created**: 2022-04-08
- **Last Updated**: 2022-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SringBoot+Vue脚手架

## QQ群

- 559291872（ 内卷1群 [满] ）
- 916215755（ 内卷2群 [满] ）
- 682199702（ 内卷3群 [新] ）

## 微信公众号：Java学习指南

关注公众号，回复【软件】，获取配套软件一份

## B站视频教程

https://www.bilibili.com/video/BV14y4y1M7Nc/

## 介绍

这是一个极其简单的前后端分离项目脚手架

前端：Vue，Vue-Router，Vuex，Axios，ElementUI

后台：SpringBoot，Mybatis-Plus（不用写sql，简单！）

## 如何使用

后台：maven导入springboot工程，然后配置数据库，启动后台

前台：进入vue文件夹，执行命令：
```
npm install
```

```
npm run serve
```
即可启动前台vue工程

## 功能清单

- 登录注册
- 基于RBAC的权限模型（可分配角色和菜单权限）
- 单表增删改查（包括分页模糊查询）
- 登录验证码
- 文件上传
- 导入导出
- 服务器部署
- 富文本编辑器
- 树形表格（数据可作为树形菜单使用）  
- JWT权限
- 后端1对多查询
- 批量删除
- 百度地图
- 在线聊天室
- 在线留言
- 个人头像
- 整合Echarts图表  
- 支付宝沙箱支付
- SpringSecurity密码加密验证



## 注意
> 1. 数据库的字段设计要以下划线分割，而不是驼峰，例如 可以使用 user_id 而不要使用 userId，字段设计的名称一定要规范
> 2. 不要使用单个字母作为分割的一部分，例如：不要使用 u_id，而推荐你使用user_id
> 3. 数据库多表关联查询推荐使用单独的VO来做扩展，尽量不要改动数据库映射的entity，比如你可以加一个类UserVO来扩充一些字段，而不是在User实体里面扩展
> 4. 如果非要在User实体里面扩展，你需要加上 @TableField(exist=false) 来表示这个字段在数据库不存在，否则会报错
> 5. 日期字段的格式化，需要使用  @JsonFormat(pattern = "yyyy-MM-dd", timezone = "GMT+8") 注解来做日期解析，可以参考Book实体里面的createTime字段

## 最后，我就问一句
## 简单不？好使不？三连了没？star了没？
## 哈哈哈，后面再更新吧~大家保持关注鸭