实战篇 01实战概述概览本阶段目标快速搭建后端 前端环境并规划后端注册/登录/用户详情模块明确将通过 Spring Boot MyBatis 实现注册、登录、JWT 验证以及用户详情获取等功能前端对应 Vue3 axios、Element‑Plus 实现页面与后端联调实战篇 02开发模式和环境搭建后端- 创建 Spring Boot 项目集成 MyBatis、Lombok、H2/MySQL 驱动- 配置application.yml数据库、端口、日志等前端- 使用 Vite 创建 Vue3 项目安装 Element‑Plus、axios、vue-router、pinia- 设置目录结构、环境变量与跨域代理实战篇 03注册接口后端- 定义User实体与 MyBatis 映射- 编写UserMapper.insert Service 层方法register(User)- 在Controller增加/api/registerPOST 接口返回统一格式结果异常处理捕获插入失败、用户名重复实战篇 04注册接口参数校验引入spring-boot-starter-validationValidatedNotBlank,Size,Email等注解在 DTO 上校验在 Controller 方法参数上使用Valid捕获MethodArgumentNotValidException并统一返回格式化报错信息实战篇 05登录主逻辑定义LoginDTO(username, password)Service 层实现login(LoginDTO)查询数据库并比对密码简单的明文验证或使用 BCrypt成功则返回 User 对象实战篇 06登录认证引入在 Controller 调用登录逻辑后返回LoginResponseDTO引入全局统一返回模型包含code,message,data实战篇 07JWT 令牌后端引入jjwt依赖设置签名密钥JWT 工具类生成 Token包含userId,username设置过期时间登录接口返回 JWT实战篇 08登录认证 完成后端- 配置 Spring Security 或自定义 JWT 拦截器- 拦截器从请求头获取 JWT验证有效性解析用户信息存入SecurityContext或ThreadLocal确保后续请求携带 JWT 可访问受保护接口实战篇 09获取用户详细信息后端接口/api/user/info- 从上下文获取当前用户 ID- 查询数据库获取完整 User 信息含昵称、头像、权限等- 返回到前端实战篇 10获取用户详细信息 ThreadLocal 优化改进 JWTInterceptor- 验证完 Token 后解析用户信息存入ThreadLocal- 提供工具类从ThreadLocal读取当前用户数据避免重复查询- 在接口结束后通过拦截器清理ThreadLocal防止内存泄漏
springboot_02
实战篇 01实战概述概览本阶段目标快速搭建后端 前端环境并规划后端注册/登录/用户详情模块明确将通过 Spring Boot MyBatis 实现注册、登录、JWT 验证以及用户详情获取等功能前端对应 Vue3 axios、Element‑Plus 实现页面与后端联调实战篇 02开发模式和环境搭建后端- 创建 Spring Boot 项目集成 MyBatis、Lombok、H2/MySQL 驱动- 配置application.yml数据库、端口、日志等前端- 使用 Vite 创建 Vue3 项目安装 Element‑Plus、axios、vue-router、pinia- 设置目录结构、环境变量与跨域代理实战篇 03注册接口后端- 定义User实体与 MyBatis 映射- 编写UserMapper.insert Service 层方法register(User)- 在Controller增加/api/registerPOST 接口返回统一格式结果异常处理捕获插入失败、用户名重复实战篇 04注册接口参数校验引入spring-boot-starter-validationValidatedNotBlank,Size,Email等注解在 DTO 上校验在 Controller 方法参数上使用Valid捕获MethodArgumentNotValidException并统一返回格式化报错信息实战篇 05登录主逻辑定义LoginDTO(username, password)Service 层实现login(LoginDTO)查询数据库并比对密码简单的明文验证或使用 BCrypt成功则返回 User 对象实战篇 06登录认证引入在 Controller 调用登录逻辑后返回LoginResponseDTO引入全局统一返回模型包含code,message,data实战篇 07JWT 令牌后端引入jjwt依赖设置签名密钥JWT 工具类生成 Token包含userId,username设置过期时间登录接口返回 JWT实战篇 08登录认证 完成后端- 配置 Spring Security 或自定义 JWT 拦截器- 拦截器从请求头获取 JWT验证有效性解析用户信息存入SecurityContext或ThreadLocal确保后续请求携带 JWT 可访问受保护接口实战篇 09获取用户详细信息后端接口/api/user/info- 从上下文获取当前用户 ID- 查询数据库获取完整 User 信息含昵称、头像、权限等- 返回到前端实战篇 10获取用户详细信息 ThreadLocal 优化改进 JWTInterceptor- 验证完 Token 后解析用户信息存入ThreadLocal- 提供工具类从ThreadLocal读取当前用户数据避免重复查询- 在接口结束后通过拦截器清理ThreadLocal防止内存泄漏
