Full Stack Development 全栈开发课程

本仓库包含全栈开发课程的完整学习资料，涵盖从前端基础到后端服务的全部内容。

📚 课程概览

课程	主题	内容简介
Lesson 01	Web 基础	HTML、CSS、JavaScript 入门
Lesson 02	开发环境	使用 IntelliJ IDEA 开发 Web 应用
Lesson 03	Spring 基础	Spring Components 与 Beans
Lesson 04	Spring 配置	Configuration Classes 配置类
Lesson 05	Spring Boot	Spring Boot 核心技术
Lesson 06	数据访问	Spring Data 数据层开发
Lesson 07	数据仓库	Spring Data Repositories
Lesson 08	RESTful API	REST 服务端与客户端开发
Lesson 09	前端组件	组件化开发与工业级应用
Lesson 10	React 开发	React UI 与全栈应用集成
Lesson 11	项目实战	完整全栈应用（前后端分离）

🗂️ 项目结构

full-stack-dev/
├── FullStackDev/           # 课程代码示例
│   ├── Lesson01/          # HTML/CSS/JS 基础文件
│   ├── Lesson02/          # IntelliJ Web 应用项目
│   ├── Lesson03/          # Spring Components & Beans
│   ├── Lesson04/          # Spring Configuration
│   ├── Lesson05/          # Spring Boot 技术演示
│   ├── Lesson06/          # Spring Data 示例
│   ├── Lesson07/          # Spring Data Repositories
│   ├── Lesson08/          # REST Services & Clients
│   ├── Lesson09/          # 前端组件开发
│   ├── Lesson10/          # React UI 开发
│   └── Lesson11/          # 全栈应用实战
│
└── Slides/                 # 课程 PPT 幻灯片
    ├── FULL_STACK_Lesson 01_final.pptx
    ├── FULL_STACK_Lesson 02_final.pptx
    └── ... (共11个课程幻灯片)

🛠️ 技术栈

前端

• HTML5 / CSS3 / JavaScript
• React

后端

• Java
• Spring Framework
• Spring Boot
• Spring Data JPA

工具

• IntelliJ IDEA
• Maven / Gradle

🚀 快速开始

环境要求

• JDK 8+
• Node.js 14+
• IntelliJ IDEA（推荐）或其他 Java IDE
• Maven 3.6+

运行 Spring Boot 项目

# 进入项目目录
cd FullStackDev/Lesson05/demo-spring-boot-techniques

# 使用 Maven 运行
mvn spring-boot:run

运行前端项目

# 进入 React 项目目录
cd FullStackDev/Lesson10/demo-react-ui

# 安装依赖
npm install

# 启动开发服务器
npm start

📖 学习路径

建议按照以下顺序学习：

Web 基础 (Lesson 01-02)
        ↓
Spring 核心 (Lesson 03-05)
        ↓
数据访问层 (Lesson 06-07)
        ↓
API 开发 (Lesson 08)
        ↓
前端开发 (Lesson 09-10)
        ↓
项目整合 (Lesson 11)

📝 课程幻灯片

所有课程的 PPT 幻灯片位于 Slides/ 目录下，可配合代码示例一起学习。

📄 License

本项目仅供学习参考使用。

---

Happy Coding! 🎉