From c2488dc04b5b7b0d2c445c34b4924f2ff63b61d1 Mon Sep 17 00:00:00 2001 From: many2many <6168830@qq.com> Date: Tue, 6 Aug 2024 22:23:12 +0800 Subject: [PATCH] =?UTF-8?q?=20=E8=AF=BE=E7=A8=8B=E5=86=85=E5=AE=B9c3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/chapter01.md | 20 +-- docs/chapter02.md | 22 ++-- docs/chapter03.md | 224 +++++++++++++++++++++++++++++++++ docs/index.md | 85 +++++++------ docs/resources/Ajax-heima.pptx | Bin 0 -> 1219225 bytes 5 files changed, 292 insertions(+), 59 deletions(-) create mode 100644 docs/chapter03.md create mode 100644 docs/resources/Ajax-heima.pptx diff --git a/docs/chapter01.md b/docs/chapter01.md index 900c8e7..6173c14 100644 --- a/docs/chapter01.md +++ b/docs/chapter01.md @@ -1,10 +1,10 @@ ## 1. Web应用开发概述 ### 1.1 Web开发的基本概念 (了解) -#### 什么是Web应用? +#### 1.1.1 什么是Web应用? > Web App 是基于 Web 技术开发的应用程序,用户可以通过浏览器访问和使用,而无需下载和安装。Web App 可以在不同的设备和平台上运行,无需针对不同的操作系统进行开发和维护,具有较好的跨平台兼容性。Web App 通常使用 HTML、CSS、JavaScript 等 Web 技术进行开发,可以访问互联网上的各种资源和服务。 -#### Web App 的优点 +#### 1.1.2 Web App 的优点 - **跨平台兼容性好:** Web App 可以在不同的设备和平台上运行,无需针对不同的操作系统进行开发和维护,具有较好的跨平台兼容性。 - **开发成本低:** Web App 的开发成本相对较低,因为无需针对不同的操作系统进行开发和维护,可以使用 Web 技术进行开发。 - **维护成本低:** Web App 的维护成本相对较低,因为可以在服务器端进行维护和更新,无需对每个设备进行更新。 @@ -12,25 +12,25 @@ - **无需下载和安装:** Web App 可以通过浏览器直接访问和使用,无需下载和安装,使用较为方便。 - **易于扩展和集成:** Web App 可以轻松地集成和扩展各种 Web 服务和 API,例如社交网络、在线支付、地图服务等。 -#### Web App 的缺点 +#### 1.1.3 Web App 的缺点 - **性能和用户体验相对较差:** Web App 受限于浏览器的性能和功能,因此性能和用户体验相对较差,特别是在移动设备上。 - **依赖网络连接:** Web App 需要依赖网络连接进行访问和使用,如果网络连接不稳定或者断开,用户无法继续使用应用程序。 - **难以实现离线体验:** Web App 难以实现离线体验,因为需要依赖网络连接进行访问和使用。 - **安全性和隐私保护问题:** Web App 可能存在安全性和隐私保护问题,因为需要使用网络进行数据传输和处理。 - **受限于浏览器:** Web App 受限于浏览器的功能和规范,因此开发者需要考虑浏览器的兼容性和规范。 -#### web应用工作流 +#### 1.1.4 web应用工作流 ![](./resources/web-flow.png) ### 1.2 Web开发技术发展历史及趋势 -#### Web技术发展历程 +#### 1.2.1 Web技术发展历程 - **参考资料:** - [五分钟了解互联网Web技术发展史](https://cloud.tencent.com/developer/article/1808394) - [Web开发技术发展历史](https://www.cnblogs.com/datapool/p/6218105.html) -#### 当前Web开发的主要技术栈 +#### 1.2.2 当前Web开发的主要技术栈 - **前端技术栈:** - **HTML5:** 提供了更丰富和语义化的标记,增强了多媒体支持。 @@ -58,7 +58,7 @@ - **调试工具:** 例如 Chrome DevTools、Firebug 等。 - **版本控制工具:** 例如 Git、SVN 等。 -#### 未来的Web开发技术趋势预测 +#### 1.2.3 未来的Web开发技术趋势预测 - **持续集成与部署(CI/CD):** 更加自动化的工作流程将会成为常态,以提高开发效率和软件质量。 - **微服务架构:** 微服务将继续流行,因为它提高了系统的可扩展性和可维护性。 - **容器化技术:** Docker 和 Kubernetes 等技术将更加普及,用于部署和管理应用。 @@ -82,7 +82,7 @@ - **强大的生态系统:** Java拥有庞大的开发者社区和丰富的开源库,这使得开发高质量的Web应用更加容易。 ### 1.4 开发环境搭建 (掌握) -- **IntelliJ IDEA** +#### 1.4.1 IntelliJ IDEA - **IntelliJ IDEA的安装与配置** - 下载IntelliJ IDEA Community Edition或Ultimate Edition。 - 安装并设置JDK路径。 @@ -95,7 +95,7 @@ - 使用Gradle或Maven作为构建工具。 - 添加外部库和框架依赖。 -- **Git/Gitee/Github的使用(重点掌握)** +#### 1.4.2 Git/Gitee/Github的使用(重点掌握) > 参考 [git(ppt)](./resources/javaweb%20-week-01-git.pptx) > @@ -116,7 +116,7 @@ - 将本地文件添加到仓库并提交。 - 推送至远程仓库。 -- **Markdown的使用(掌握)** +#### 1.4.3 Markdown的使用(掌握) > 参考 >> [Markdown语法](https://www.markdownguide.org/basic-syntax/) diff --git a/docs/chapter02.md b/docs/chapter02.md index 81fe9f8..f2e50ec 100644 --- a/docs/chapter02.md +++ b/docs/chapter02.md @@ -6,12 +6,12 @@ [PPT](./resources/HTTP协议-黑马.pptx) -#### 浏览器与Web服务器的工作流程 +#### 2.1.1 浏览器与Web服务器的工作流程 - **请求过程:** 用户在浏览器中输入URL地址后,浏览器向服务器发送HTTP请求。 - **响应过程:** 服务器接收到请求后处理并返回HTTP响应给浏览器。 - **交互细节:** 包括DNS解析、建立TCP连接、发送HTTP请求、接收HTTP响应、关闭连接等步骤。 -#### HTTP请求与响应结构 +#### 2.1.2 HTTP请求与响应结构 - **请求行:** 包含方法、URL、HTTP版本。 - **请求头:** 包含客户端信息、认证信息等。 - **请求体:** 包含POST请求的数据。 @@ -19,17 +19,17 @@ - **响应头:** 包含服务器信息、缓存控制等。 - **响应体:** 包含服务器返回的数据。 -#### URL +#### 2.1.3 URL - **构成:** 协议、主机名、端口号、路径、查询字符串。 - **示例:** `https://example.com/path/to/resource?param1=value1¶m2=value2` -#### HTTP方法 +#### 2.1.4 HTTP方法 - **GET:** 请求指定的页面信息并将其返回。 - **POST:** 向指定资源提交数据进行处理请求(例如提交表单)。 - **PUT:** 从客户端向服务器发送新的数据,并要求服务器覆盖原位置上的数据。 - **DELETE:** 请求服务器删除指定的页面。 -#### HTTP状态码 +#### 2.1.5 HTTP状态码 - **2xx 成功:** 请求已成功被服务器接收、理解,并接受。 - **200 OK:** 请求已成功,请求所希望的响应头或数据体将随此响应返回。 - **3xx 重定向:** 需要客户端采取进一步的操作才能完成请求。 @@ -44,7 +44,7 @@ - **500 Internal Server Error:** 服务器遇到某种不可预知的情况。 - **503 Service Unavailable:** 由于临时的服务器维护或者过载,服务器当前无法处理请求。 -#### Cookie和Session +#### 2.1.6 Cookie和Session - **Cookie:** - 存储在客户端的小型文本文件,用于跟踪用户状态。 - 可以设置有效期、路径、域名、安全标志等属性。 @@ -57,7 +57,7 @@ [PPT](./resources/网页开发基础-黑马.pptx) -#### HTML5基础知识 (掌握) +#### 2.2.1 HTML5基础知识 (掌握) - **标签与属性:** HTML5引入了新的语义标签如`
`、`