成为Java全栈开发人员: 使用React和Spring Boot | Become a Java Full Stack Developer with React & Spring Boot

全面掌握Java全栈开发：学习React、Spring Boot、REST API、JPA、安全机制、JWT、Redux、Stripe支付集成、Tailwind CSS等热门技术！

您将会学到

• 使用React和Spring Boot构建实际的全栈应用程序
• 使用Spring Boot创建和消费RESTful API，并将其与React集成
• 实现基于JWT的身份验证和基于角色的授权
• 熟练掌握React Router进行多页面单页应用（SPA）导航和错误处理
• 使用React Hooks，如useState、useEffect、useReducer和useContext
• 通过Redux Toolkit与DevTools集成高效管理全局状态
• 使用Tailwind CSS、Bootstrap和组件化样式设计美观的用户界面
• 使用Springdoc OpenAPI进行后端验证、异常处理和文档化API
• 理解并实现Spring Security，包括CSRF保护和自定义过滤器
• 使用MySQL数据库、Spring Data JPA以及实体关系（一对一、多对多）
• 配置Spring Boot配置文件、外部化属性和条件Bean
• 集成Stripe Checkout进行支付处理并管理订单
• 使用@Query、JPQL、原生SQL编写自定义JPA查询，并理解事务行为
• 在Spring Boot中使用@Cacheable、@CacheEvict和TTL配置实现缓存
• 构建一个完整的电子商务项目，包括管理员面板、安全路由和真实API集成

学习要求

必须掌握 Java、HTML、CSS 和 JavaScript 知识

课程描述

你准备好成为一名自信的 Java 全栈开发者了吗？这门实践课程将教你如何使用 React 作为前端和 Spring Boot 作为后端来构建真实世界的 Web 应用程序。你将学习如何掌握 REST API、JWT 认证、Redux Toolkit、Spring Security、Spring Data JPA、MySQL、Stripe 支付、Tailwind CSS 等关键技术。

从创建你的第一个“Hello World”应用程序，到保护端点、管理状态，再到部署功能齐全的电子商务应用程序，这门课程无所不包——课程配有结构优美的讲座、引人入胜的演示，以及丰富的实践知识。

无论你是初学者还是希望转向现代全栈技术的开发者，这门课程都将通过实际项目和最佳实践，一步步指导你开启全栈开发职业生涯。

课程详细学习内容

第 1 节：欢迎及课程准备

• 理解课程安排、目标及预期
• 安装并配置 VS Code、IntelliJ、React 和 Spring Boot 应用
• 学习库和框架的区别，以及工具的配置设置

第二节：React 基础入门——从 JSX 到 Vite

• 理解 JSX、虚拟 DOM、Babel 转译以及 Vite 的使用
• 探索 React 的项目结构、语义化版本管理和依赖关系

第 3 部分：React 组件的方方面面

• 开发功能组件
• 学习 props、children、fragments、动态组件等知识

第 4 部分：专业级 React 应用样式设计

• 使用 CSS、内联样式、CSS 模块以及 Styled-Components 对组件进行样式设计
• 探索 Bootstrap 的集成与定制

第 5 部分：使用 Tailwind CSS 样式设计

• 在 React 中配置 Tailwind，了解实用类
• 使用 Tailwind 创建响应式布局和定制主题

第 6 章：Spring 框架的核心概念

• 学习 IoC、DI、Spring Beans 及 Bean 组装技术
• 使用 @Bean、@Component、@Primary 和 @Qualifier 等注解

第 7 章：使用 Spring Boot 开发后端

• 使用 Spring Boot 开发 RESTful API
• 与 H2 和 MySQL 数据库进行集成
• 实现数据传输对象（DTO）模式，并理解跨源资源共享（CORS）

第 8 部分：React 钩子与事件

• 理解并应用 useState、useEffect、useMemo 这些钩子
• 通过事件处理程序和可重用组件来构建交互式界面

第 9 部分：暗黑模式及 MySQL 数据库迁移

• 实现深色模式切换与主题持久保存
• 使用 Docker 将数据库从 H2 迁移至 MySQL

第 10 章：精通 React 路由

• 定义路由，使用 Link、NavLink、useNavigate、useLocation
• 实现加载器、操作、错误边界和动态路由配置

第 11 章：构建稳健的 Spring Boot API

• 通过 DevTools 开启热重载功能
• 精通 @RequestBody, @PathVariable, @RequestParam, @RequestHeader
• 使用 RequestEntity、ResponseEntity 以及全局异常处理

第 12 节：基于 React Context API 的购物车实现

• 实现 Context API，属性穿透解决方案，状态提升
• 使用 useReducer 处理复杂的购物车功能

第 13 章：Spring Security 基础

• 理解 Spring Security 的工作流程、静态凭证以及登录 API
• 了解哈希、编码器以及 InMemoryUserDetailsManager
• 介绍 JWT、认证上下文、保护路由以及注册 API

第 14 节：数据库集成与安全

• 使用 JPA 和 Spring Security 在 MySQL 中持久化用户
• 定义自定义认证提供者
• 使用 @OneToOne 映射来管理个人资料和地址

第 15 节：实现授权功能

• 理解角色和权限的区别
• 建立一对多关系来管理用户角色和权限

第 16 节：理解跨站请求伪造攻击

• 了解 CSRF 是什么，以及如何保护自己免受其侵害
• 使用 Spring Security 进行 CSRF 防护

第 17 章：Stripe 结账集成

• 配置 Stripe，开发结账界面及后端 API
• 处理地址验证和令牌过期问题
• 创建订单 API，并将支付功能与数据连接起来

第 18 章：订单管理与后台面板

• 创建订单、消息和管理视图的 REST API 接口
• 使用适当的角色安全防护 Actuator 和 Swagger 端点

第 19 节：JPA 的自定义查询

• 使用 @Query、JPQL、原生 SQL 和 DML 查询
• 理解 @NamedQuery、@Transactional 以及审计更新

第 20 节：@ManyToMany 关联与 Spring 框架的缓存功能

• 建立多对多关系
• 使用 @Cacheable、@CacheEvict 和 TTL 配置以提升性能

第 21 章：Spring Boot 配置文件与配置管理

• 学习使用 @Value 和 @ConfigurationProperties 读取属性的方法
• 使用 @PropertySource 注解和 Spring Boot 的配置文件
• 管理不同环境下的 Bean 实例创建

第 22 章：Redux 与 Redux Toolkit

• 对比 Redux 与 Context API，并探讨如何使用 useReducer
• 了解 Redux store、slices、DevTools 的知识，并实现购物车和认证功能

适合人群

• 希望通过 Java、React 和 Spring Boot 从零开始成为全栈开发者的初学者
• 希望从前端开发者转型为全栈开发者的 Java 后端开发入门者
• 后端开发者希望熟练运用 React 和 Tailwind CSS 掌握现代前端技能
• 寻求成为学生或应届毕业生，希望构建用于面试和简历的实用项目
• 自学开发者需要一个系统化、有指导的学习路径，并包含实际项目案例
• 希望开发一个完整的电子商务应用，包含登录、购物车、支付及后台管理功能的开发者