Vue3+SpringBoot快速开发模板

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

一.功能预览

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

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

(1) 登录

登录、注册、修改密码、重置密码表单后端已实现基础的格式校验。

(2) 注册

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

(3) 重置密码

(4) 主页

(5) 用户管理

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

(6) 修改密码

(7) 个人信息

(8) 编辑个人信息

二.必备配置

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

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

三.代码说明

相关推荐
Victor3562 分钟前
Hibernate(36)Hibernate如何处理多对多关系?
后端
曹轲恒2 分钟前
方法finalize对垃圾回收器的影响
java·jvm
ybb_ymm3 分钟前
尝试新版idea及免费学习使用
java·学习·intellij-idea
Victor3564 分钟前
Hibernate(35)什么是Hibernate的聚合函数?
后端
潇潇云起5 分钟前
mapdb
java·开发语言·数据结构·db
MXM_7777 分钟前
laravel 并发控制写法-涉及资金
java·数据库·oracle
进阶的小名8 分钟前
[超轻量级消息队列(MQ)] Redis 不只是缓存:我用 Redis Stream 实现了一个 MQ(自定义注解方式)
数据库·spring boot·redis·缓存·消息队列·个人开发
这就是佬们吗14 分钟前
告别 Node.js 版本冲突:NVM 安装与使用全攻略
java·linux·前端·windows·node.js·mac·web
何中应14 分钟前
@Autowrited和@Resource注解的区别及使用场景
java·开发语言·spring boot·后端·spring
源代码•宸14 分钟前
Golang语法进阶(Context)
开发语言·后端·算法·golang·context·withvalue·withcancel