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配置

三.代码说明

相关推荐
小小小米粒2 小时前
Maven Tools
java
苏三说技术2 小时前
xxl-job 和 elastic-job,哪个更好?
后端
三小河3 小时前
Agent Skill与Rules的区别——以Cursor为例
前端·javascript·后端
kali-Myon3 小时前
2025春秋杯网络安全联赛冬季赛-day1
java·sql·安全·web安全·ai·php·web
我是咸鱼不闲呀3 小时前
力扣Hot100系列20(Java)——[动态规划]总结(下)( 单词拆分,最大递增子序列,乘积最大子数组 ,分割等和子集,最长有效括号)
java·leetcode·动态规划
三小河3 小时前
前端视角详解 Agent Skill
前端·javascript·后端
清水白石0083 小时前
深入解析 LRU 缓存:从 `@lru_cache` 到手动实现的完整指南
java·python·spring·缓存
牛奔3 小时前
Go 是如何做抢占式调度的?
开发语言·后端·golang
颜酱3 小时前
二叉树遍历思维实战
javascript·后端·算法
符哥20083 小时前
C++ 进阶知识点整理
java·开发语言·jvm