# 网络程序设计

**Repository Path**: kuangxiaoye/network-programming

## Basic Information

- **Project Name**: 网络程序设计
- **Description**: 本仓库为《网络程序设计》课程综合实践作业
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-29
- **Last Updated**: 2026-07-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 网络程序设计

### 一、项目简介
本仓库为大学《网络程序设计》课程综合实践作业，完整覆盖HTML/CSS 静态页面、JavaScript 原生开发、Servlet 后端、JSP 基础、JSP 数据库交互、前端 JS 框架全栈网络编程实训案例，按课程学习时间线分模块存放，可直接用于课程实验、课后练习与期末综合实训参考。

项目仓库地址：https://gitee.com/kuangxiaoye/network-programming

### 二、技术栈
**前端技术**
1. HTML 基础标签、表单、布局语法
2. CSS 样式美化、页面布局
3. 原生 JavaScript 基础语法、DOM 操作、交互逻辑
4. avaScript 前端框架应用

**Java Web 后端技术**
1. Java Servlet 请求处理、响应输出、生命周期
2. SP 基础语法、内置对象、指令与动作标签
3. SP + 数据库交互（数据增删改查）

**配套工具与环境**
- 版本控制：Git / Gitee
- 运行容器：Tomcat
- 开发工具：IDEA / Eclipse / VS Code
- 数据库：MySQL（JSP 数据库模块配套）

### 三、目录结构（按课程时间排序）
```plaintext
network-programming/
├── HTML标签使用/           # HTML基础实训
├── HTML及CSS的使用/        # HTML+CSS页面布局美化
├── JavaScript程序设计/     # 原生JS基础编程案例
├── JavaServlet应用/        # Servlet入门与综合案例
├── JSP语法基础/            # JSP指令、内置对象、脚本
├── JSP数据库应用/          # JSP连接MySQL实现CRUD
├── JavaScript前端框架应用/ # JS主流框架实训代码
├── README.md              # 项目中文说明文档
└── README.en.md           # 项目英文说明文档
```

### 四、模块功能说明
**1. HTML 标签使用**  
  基础 HTML 标签练习：文本标签、列表、表格、图片、超链接、表单基础等静态页面搭建案例。

**2. HTML 及 CSS 的使用**  
  结合 CSS 完成页面样式设计：选择器、盒模型、浮动、弹性布局、简单网页美化综合页面。

**3. JavaScript 程序设计**  
  原生 JavaScript 实操：变量、函数、条件循环、DOM 节点操作、表单校验、页面交互特效。

**4. JavaServlet 应用**  
Servlet 核心实验：
- GET/POST 请求接收与参数获取
- HttpServletRequest/HttpServletResponse 使用
- 转发、重定向、Cookie、Session 会话管理

**5. JSP 语法基础**  
JSP 核心知识点实训：
- JSP 脚本、表达式、声明
- page/include/taglib 指令
- 九大内置对象使用案例

**6. JSP 数据库应用**  
JSP 结合 JDBC 操作 MySQL 数据库，实现完整业务流程：
- 数据库连接封装工具类
- 用户登录、注册、数据查询、新增、修改、删除（CRUD）
- 分页展示、表单数据回显

**7. JavaScript 前端框架应用**  
主流 JS 前端框架基础案例，实现前后端简易数据交互、组件化页面开发。

### 五、环境部署与运行教程
**1. 前置环境**
1. JDK 1.8 及以上
2. Apache Tomcat 8.5 / 9.x
3. MySQL 5.7 / 8.0（数据库模块使用）
4. IDE：IntelliJ IDEA / Eclipse
5. Git（可选，用于拉取仓库代码）

**2. 拉取项目**
```bash
# 克隆仓库
git clone https://gitee.com/kuangxiaoye/network-programming.git
cd network-programming
```

**3. 前端页面直接运行**  
HTML、CSS、原生 JS 文件夹内文件，直接用浏览器打开 .html 文件即可预览，无需服务容器。

**4. Java Web（Servlet/JSP）部署运行**
1. 将项目导入 IDE，配置本地 Tomcat 服务器；
2. 配置项目 Artifact 部署至 Tomcat；
3. 数据库模块：修改 JDBC 连接配置，填写本地 MySQL 账号、密码、数据库名；
4. 启动 Tomcat，访问 http://localhost:8080/项目名 查看页面。

**5. 数据库初始化**  
进入 JSP数据库应用 目录，找到配套 sql 脚本，在 MySQL 客户端执行建表语句，再修改代码中数据库连接参数即可正常操作数据。

### 六、使用说明
1. 各文件夹独立对应课程单次实验，可单独拆分运行；
2. Servlet、JSP 模块依赖 Tomcat 容器，不能直接双击打开；
3. 数据库模块需提前创建对应数据表，否则会报 SQL 异常；
4. 所有代码均为课程实训示例，可自由修改拓展用于课程作业。

### 七、参与贡献规范
1. Fork 本仓库到个人 Gitee 账号；
2. 新建分支：分支命名规范 Feat_xxx（新增功能）/ Fix_xxx（修复 bug）；
3. 本地修改代码后提交 commit，规范提交注释；
4. 提交 Pull Request 至主仓库，等待合并。

### 八、项目特色
1. 完整覆盖《网络程序设计》课程前后端全部核心知识点；
2. 按课程授课时间线分类管理代码，结构清晰，方便课堂对照学习；
3. 包含静态网页、Java Web、数据库交互全流程完整案例；
4. 支持中英文双版本文档（README.md/ README.en.md）；
5. 纯课程实训项目，无冗余第三方复杂依赖，新手易上手。

### 九、参考资源
1. Gitee 官方文档：https://gitee.com/help
2. Gitee 优秀开源项目广场：https://gitee.com/explore
3. GVP 开源项目库：Gitee 最有价值开源项目
4. Gitee 社区：https://gitee.com/stars/

### 十、版权说明
本项目仅用于高校《网络程序设计》课程学习、实验作业参考，禁止商用。代码可自由学习、修改、分享。