Vue3+SpringBoot快速开发模板

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

一.功能预览

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

  • 登录 \ 注册
  • 密码修改 \ 重置
  • 用户管理(增删改分页)
  • 个人信息查看 \ 修改
  • 头像上传

(1) 登录

登录、注册、修改密码、重置密码表单后端已实现基础的格式校验。
Vue3+SpringBoot快速开发模板_第1张图片

(2) 注册

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

  • 手机验证码
  • 邮箱验证码
    Vue3+SpringBoot快速开发模板_第2张图片

(3) 重置密码

Vue3+SpringBoot快速开发模板_第3张图片

(4) 主页

Vue3+SpringBoot快速开发模板_第4张图片

(5) 用户管理

基础的增删改查功能,包括图片上传(admin角色状态展示)

Vue3+SpringBoot快速开发模板_第5张图片

(6) 修改密码

Vue3+SpringBoot快速开发模板_第6张图片

(7) 个人信息

Vue3+SpringBoot快速开发模板_第7张图片

(8) 编辑个人信息

Vue3+SpringBoot快速开发模板_第8张图片

二.必备配置

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

  • 前端
    • 使用如下指令安装依赖包即可
# 1. 安装依赖包
pnpm install
# 2. 启动项目
pnpm dev
  • 后端
    • 根据/sql目录下的/create_table.sql创建表
    • 修改application.yml文件中的 MySQL数据库连接Redis数据库连接
    • 修改/utils/CodeUtils.java中的邮箱配置
    • 阿里云oss配置

三.代码说明

  • 代码地址:https://gitee.com/fspStudy/quick-develop-template.git (前后端项目放在了同一个父目录中,可以根据需要分别管理)

  • 前端模板基于Pure Admin 进行二次开发,可以参考一下原始模板。

  • 后端模板基于b站程序员鱼皮编程导航中的通用版本模板进行二次开发。

你可能感兴趣的:(项目开发,spring,boot,后端,java)