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

三.代码说明

相关推荐
风象南3 分钟前
WHAT? AI把我仓库内容全删了!!!
后端
Seven975 分钟前
Condition底层机制剖析:多线程等待与通知机制
java
摸鱼的春哥7 分钟前
春哥的Agent通关秘籍12:本地RAG实战(中下)向量化与落库
前端·javascript·后端
JaguarJack10 分钟前
告别 Laravel 缓慢的 Blade!Livewire Blaze 来了,为你的 Laravel 性能提速
后端·php·laravel
摸鱼的春哥11 分钟前
专家实验让AI做战争决策,AI的选择太暴力了
前端·javascript·后端
Victor3567 小时前
MongoDB(15) 如何在MongoDB中启用身份验证?
后端
Victor3567 小时前
MongoDB(14)如何修改MongoDB的默认端口?
后端
怒放吧德德9 小时前
Spring Boot 实战:RSA+AES 接口全链路加解密(防篡改 / 防重放)
java·spring boot·后端
陈随易12 小时前
真的,你可以不用TypeScript
前端·后端·程序员
郑州光合科技余经理13 小时前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php