# Java-Web-Teaching

**Repository Path**: wu_solo/Java-Web-Teaching

## Basic Information

- **Project Name**: Java-Web-Teaching
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-10-14
- **Last Updated**: 2026-01-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Java-Web-Teaching 项目说明

## 一、项目简介

`Java-Web-Teaching` 是一个面向教学的示例代码仓库，主要用于 **Java Web 与相关框架** 的课程实验与演示。  
通过按章节划分的多个独立小项目，从最基础的 Servlet/JSP，到 Spring、MyBatis、Spring Boot，再到 Vue 前端，逐步构建出完整的 Web 开发知识体系。

## 二、教学目标

- **掌握传统 Java Web 基础**：Servlet、JSP、JDBC 等核心概念与开发流程。  
- **理解主流后端框架**：Spring IoC/DI、MyBatis 持久层、Spring MVC 请求处理、Spring Boot 快速开发。  
- **熟悉前后端分离开发模式**：通过 Spring Boot + MyBatis + Vue 实战博客系统，理解 REST API 与前端调用。  
- **支撑课堂实验与课后练习**：提供从简单 Demo 到完整业务案例的多层次练习项目。

## 三、项目结构概览

仓库按章节与实验分目录组织，每个子目录基本上是一个 **独立的示例项目**（多数为 Maven 项目或前端项目）：

- **`chapter04/`**  
  - `serletJspLogin0401/`：基于 **Servlet + JSP + JDBC** 的登录示例，配套 `db_blog.sql`，用于初步认识传统 Java Web 开发流程。

- **`chapter06/`**  
  - `filterDemo01/`：演示 **过滤器 Filter** 的基本用法，如登录拦截、编码过滤等。  
  - `serletJspLogin06/`：在 Servlet/JSP 登录示例基础上扩展，更贴近实际登录场景。

- **`chapter07/`**  
  - `blog/`：基于 **Servlet/JSP + JDBC** 的小型博客/登录系统，功能比前几章更完整，是一个进阶案例。

- **`chapter08/`**  
  - `BlogMybatisDemo/`：将博客类示例与 **MyBatis** 结合，演示用 ORM 框架进行数据库持久化，配套 `db_solo.sql`。

- **`chapter09/`**  
  - `hello-world-demo/`：最简 **Spring Boot Web** 入门项目。  
  - `spring-ioc-demo/`：演示 **Spring IoC 容器** 与 Bean 管理。  
  - `spring-di-demo/`：集中演示 **依赖注入（构造器、Setter、字段注入）**。  
  - `blog/`：基于 **Spring Boot + MyBatis + Thymeleaf + MySQL** 的博客登录系统，是一个较完整的 Web 应用示例。  
  - `README.md`、`第9章知识点.md`：对本章各项目和知识点有详细说明。

- **`chapter10/`、`chapter11/`**  
  - 各自包含 `第10章知识点.md`、`第11章知识点.md`，用于讲解对应章节的理论与知识点（代码示例可能在其他目录中引用或配套）。

- **`chapter12/`**  
  - `blog/`：基于 Spring Boot 的博客项目，配套数据库脚本、测试计划与测试用例（`QUICK_TEST.md`、`TEST_PLAN.md`、`TEST_RUN_GUIDE.md` 等），更强调 **工程化与测试**。  
  - `blog-vue/`  
    - `blogSpringBootMybatisVue/`：后端服务，使用 **Spring Boot + MyBatis** 提供 REST API。  
    - `blogVue/`：前端项目，使用 **Vue 3 + Vite + Element Plus** 实现博客管理前端界面，是完整的前后端分离示例。  
  - `第12章知识点.md`：说明本章涉及的综合项目与相关知识点。

- **`Experiment/`**  
  - `ex01/`：若干静态页面与简单 HTML/CSS/JS 小练习（如购物车、简历页面等）。  
  - `ex02/`  
    - `exam/`、`exam-system/`：基于 Spring/Java Web 的小型考试系统示例。  
    - `vue-hello/`：Vue 基础练习（多个简单 Vue 示例页面），用于快速上手 Vue。

- **仓库根目录 `README.md`**  
  - 简要说明本仓库主要内容：  
    - `servlet + jsp + jdbc`  
    - `mybatis + spring`  
    - `springmvc + springboot`  

## 四、技术栈概览

- **后端相关**  
  - Java Web：Servlet、JSP、Filter、JDBC  
  - ORM：MyBatis  
  - 框架：Spring、Spring MVC、Spring Boot  
  - 模板引擎：JSP、Thymeleaf  
  - 数据库：MySQL（配套多份建表/初始化 SQL 脚本）

- **前端相关**  
  - 原生 HTML / CSS / JavaScript  
  - Vue 3、Vue Router、Axios  
  - Vite 构建工具  
  - Element Plus UI 组件库

## 五、使用与运行（简要）

- **后端 Maven 项目**（如 `chapter09/blog`、`chapter12/blog` 等）  
  - 使用 IDE（IntelliJ IDEA / Eclipse）导入为 Maven 项目，执行 `mvn spring-boot:run` 或直接运行主类。  
  - 根据各子项目内的 `README.md` 或 `application.yml`、`db_*.sql` 说明配置数据库后再运行。

- **前端项目 `blogVue/`**  
  - 进入 `chapter12/blog-vue/blogVue/`，执行 `npm install` 安装依赖，然后 `npm run dev` 启动开发服务器。  
  - 默认通过浏览器访问 `http://localhost:5173`（实际端口以 Vite 输出为准）。