# quick-develop-template

**Repository Path**: fspStudy/quick-develop-template

## Basic Information

- **Project Name**: quick-develop-template
- **Description**: Vue3+SpringBoot项目快速开发模板，简单完善后端yml配置即可使用（登录、退出登录、注册、修改密码、重置密码、个人资料修改、头像上传）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 10
- **Forks**: 2
- **Created**: 2023-08-07
- **Last Updated**: 2025-07-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


> 起因：个人开发过程经常会使用到Vue3+SpringBoot技术栈来开发项目，每次在项目初始化时都需要涉及一些重复的整理工作，于是结合一些个人觉得不错的前后端模板进行整合，打通一些大多数项目都需要的实现的基础功能，以便于快速开发项目。代码已按个人力所能及的规范编写，如有不足多多见谅~

# 一.功能预览

为了提高模板的通用性与精简性，只实现一些基础的功能：

- 登录 \ 注册
- 密码修改 \ 重置
- 用户管理（增删改分页）
- 个人信息查看 \ 修改
- 头像上传
- 根据后端接口快速生成前端请求接口

## (1) 登录

登录、注册、修改密码、重置密码表单后端已实现基础的格式校验。
![1](assert/1.jpg)


## (2) 注册

验证码方面都是采用邮箱验证码，可根据个人需要进行配置或者修改。参考博客：

- [手机验证码](https://blog.csdn.net/m0_66570338/article/details/129041619)
- [邮箱验证码](https://blog.csdn.net/m0_66570338/article/details/128994951)
![1](assert/2.jpg)


## (3) 重置密码
![1](assert/3.jpg)

## (4) 主页
![1](assert/4.jpg)


## (5) 用户管理

基础的增删改查功能，包括图片上传（admin角色状态展示）

![1](assert/5.jpg)


## (6) 修改密码
![1](assert/6.jpg)


## (7) 个人信息
![1](assert/7.jpg)

## (8) 编辑个人信息
![1](assert/8.jpg)


# 二.必备配置

上述预览效果必要配置项：

- 前端
  - 使用如下指令安装依赖包即可 
  
  ```bash
  # 1. 安装依赖包
  pnpm install
  # 2. 启动项目
  pnpm dev
  ```
  
  - 修改后端项目后可执行如下命令快速生成接口
  
  ```bash
  pnpm openapi
  ```

- 后端
  - 根据`/sql`目录下的`/create_table.sql`创建表
  - 修改`application.yml`文件中的 `MySQL数据库连接`、`Redis数据库连接`
  - 修改`/utils/CodeUtils.java`中的邮箱配置
  - 完善阿里云oss配置

# 三.代码仓库

- 仓库地址：[https://gitee.com/fspStudy/quick-develop-template.git ](https://gitee.com/fspStudy/quick-develop-template.git) （前后端项目放在了同一个父目录中，可以根据需要分别管理）

# 四.更新日志

- **2025/05/31**
  - 后端：修改华为云obs为腾讯云cos
  
- **2025/05/30**
  - 微信小程序：添加`@`别称映射根路径
  - 微信小程序：补充登录界面模板

- **2025/02/22**
  - 后端：去除es
  - 后端：使用thumbnailator对上传图片进行压缩

- **2024/12/17**
  - 后端：完善文件上传功能，使用工厂模式 + Spring配置化 配置多种对象存储源

- **2024/11/29**
  - 前端：添加图片/图片列表上传组件
  - 前端：用户管理添加筛选查询
  - 前端：完善顶部导航栏和左侧导航栏
  - 前端：抽离头像下拉框组件
  - 前端：借鉴ant design pro修改登录界面
  - 前端：主页添加背景图片


- **2024/11/8**
  - 前端：整合`@umijs/plugin-openapi`可根据后端接口文档[快速生成前端接口](https://www.npmjs.com/package/@umijs/plugin-openapi)
  - 前端：重新封装`pure admin`请求工具类适配接口生成工具
  - 项目：去除账号字段，将邮箱改为登录账号

- **2024/6/23**
  - 前端：使用 `Prettier/ESLint` 规范代码
  - 前端：去除动态路由配置
  - 前端：登录记住密码
  - 后端：修复全局替换导致的配置错误