前后端分离项目模板

包含基本的登录、注册、密码重置等功能，可以二次开发编写具体场景下的应用程序

技术栈

• 后端：Spring Boot + Spring Security + MyBatis + MySQL + Redis
• 前端：Vue3 + Vite + Element Plus

开发环境

• Java21
• Maven3.9.11
• SpringBoot 4.0.1

使用方法

# 首先执行sql语句创建mysql数据库和表
# 接着配置前后端
# 前端
cd frontend
npm install
npm run dev

# 后端
# 依据backend/src/main/resouces/application-template.yml配置application.yml, 完成后
cd backend
mvn spring-boot:run
# 或直接通过IDEA运行

# 最后访问前端运行的地址即可

具体功能

登录

• 输入用户名/邮箱和密码进行登录
• 可勾选记住我功能，关闭浏览器后再打开仍然保持登录状态
• 可跳转到注册页面或忘记密码页面

注册

• 输入用户名、邮箱、密码和验证码进行注册
• 前后端对各个字段均有校验
• 点击发送验证码按钮，向填写的邮箱发送验证码
• 验证码2min内有效，60秒内不可重复发送
• 注册成功后回到登录界面

重置密码

• 重置密码分两步：验证邮箱和修改密码
• 第一步输入邮箱和验证码进行验证
• 验证成功后将email存入session供修改界面使用
• 第二步输入新密码进行修改
• 重置成功后回到登录界面

前端界面拦截

• 已登录用户访问登录、注册、忘记密码等页面时，自动跳转到首页
• 未登录用户访问需要登录后才能访问的页面时，自动跳转到登录页面
• 已登录用户访问不存在的界面时，自动跳转到首页
• 未登录用户访问不存在的界面时，自动跳转到登录页面

后端接口拦截

• 未登录用户访问需要登录后才能访问的接口时，返回401状态码