Web基本概念

心已赠人 2024-04-17 11:46 96阅读 0赞

## 一、前言 ##

> World Wide Web的简称，是一个由许多互相链接的超文本组成的系统，通过互联网访问 （为用户提供信息）![cd1007fad8bb4567aae8cbec6bb37404.png][]
> 
> 静态网页
> 
>  *  仅适用于不能经常更改内容的网页；
> 
> 动态网页
> 
>  *  网络编程技术创建的页面；
>  *  通过在传统的静态页面中加入各种程序和逻辑控制，在网络的客户端和服务端实现了动态和个性化的交流与互动。
> 
> 超文本/多媒体组成的系统，通过互联网访问
> 
>  *  HTML：超文本标记语言
>  *  URL：通用资源定位符
>  *  HTTP：超文本传输协议
> 
> 客户端技术
> 
>  *  HTML/CSS/JS/VBScript
>  *  XHTML/AJAX
>  *  Flash
> 
> 服务器端技术
> 
>  *  ASP/JSP/PHP/Perl
>  *  ASP.NET/Java
>  *  MySQL

## ![d801abc56ec841e58fd28a631d30ecad.png][] ##

## 二、Web相关术语 ##

### Internet ###

> 由许多小的网络互联而成的一个逻辑网，每个子网中连接着若干台计算机，基于一些共同的协议，并通过许多路由器和公共互联网而成，它是一个信息资源和资源共享的集合。

### 浏览器 ###

> 用来检索、展示以及传递Web信息资源的应用程序。使用者可以借助超级链接( Hyperlinks)，通过浏览器浏览互相关联的信息

### IP ###

> (Internet Protocol)每一个连接到Internet的设备都必须有一个唯一的IP地址
> 
> 分为
> 
>  *  公网IP地址
>  *  内网IP地址
> 
> （IPv4 and IPv6）

### 域名 ###

> Domain Name Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位，每一个域名均是唯一不可重复的 用于在数据传输时对计算机的定位标识

### DNS(Domain Name System) ###

> 域名系统，Internet上作为域名和IP地址相互映射的一个分布式数据库 域名：localhost，
> 
> 默认
> 
>  *  对应IPv4：127.0.0.1，
>  *  对应IPv6：\[::1\]，代表本机

### 端口（Port) ###

> 计算机操作系统中通信的端点。每个端口都会与主机的IP地址及通信协议关联。常见对外开放端口：
> 
>  *  80/8080，HTTP服务端口
>  *  21，FTP服务器端口
>  *  443，HTTPS服务端口

### URL ###

> Uniform Resource Locators，统一资源定位符，是互联网上标准资源的地址
> 
> 组成
> 
>  *  前缀(标识请求协议类型)
>  *  主机名(标识请求地址与端口)
>  *  路径(标识web服务的层次目录结构中的文件)
> 
> ![02f8c182c6854f07a0bc4c4176b1f42b.png][]

## 三、web应用程序 ##

### web应用程序： ###

可以提供浏览器访问的程序；

> a.html、b.html......多个web资源，这些web资源可以被外界访问，对外界提供服务；
> 
>   
> 你们能访问到的任何一个页面或者资源，都存在于这个世界的某一个角落的计算机上。
> 
>   
> URL  
> 这个统一的web资源会被放在同一个文件夹下，web应用程序-->Tomcat：服务器  
> 一个web应用由多部分组成 **（静态web，动态web）**
> 
>  *  html,css,js
>  *  jsp,servlet
>  *  Java程序
>  *  jar包
>  *  配置文件 （Properties）
> 
> web应用程序编写完毕后，若想提供给外界访问：需要一个服务器来统一管理；

### 静态网页 ###

> ![6b39f9cb9c054559bf9647fb2b604dc8.png][]
> 
> **静态web存在的缺点**  
> Web页面无法动态更新，所有用户看到都是同一个页面
> 
>  *  轮播图，点击特效：伪动态
>  *  JavaScript \[实际开发中，它用的最多\]
>  *  VBScript
> 
> 它无法和数据库交互（数据无法持久化，用户无法交互）

### **动态WEB** ###

> ![45cad7f6a8554da39edb988102eebd48.png][]
> 
> 缺点：
> 
>  *  加入服务器的动态web资源出现了错误，我们需要重新编写我们的后台程序,重新发布；
>  *  停机维护
> 
> 优点：
> 
>  *  Web页面可以动态更新，所有用户看到都不是同一个页面
>  *  它可以与数据库交互
> 
> ![5a1241ab4956496ca83b9166cd14b067.png][]

###  **web服务器** ###

#### **相关技术** ####

ASP

![c79a4c60dc064e219ca962e87023c6dd.png][]

**PHP**

![05e04cbcaa3d412a9873d34a254b5528.png][]

**JSP/Servlet**

![86719b3375b74ff5a17ac840799f463b.png][]

#### 服务器 ####

服务器是一种被动的操作,用来处理用户的一-些请求和给用户一些响应信息;

![6e62786c82dc4d99bd24db7f9765dc29.png][]

### 客户机-服务器体系结构风格 ###

#### C/S结构 ####

![2aa2699b84b0496b923e8f1a3c90cdf0.png][]

![e6b5fcb452a74fff87961ffba09f5240.png][]

![f5511ed3f15e4ee98e1288b0761cce46.png][]

![c375656e67c2481ca23ac05a43174133.png][]

![a5920a27289b4ad09e20564a1a88f148.png][]

![640bddbdc1db4f74a5c9d0d884675ed3.png][]

#### B/S结构![5748be507dbd4337aa25127ea78ac8e7.png][] ####

## 四、HTTP详解 ##

Http请求

![60a3511bda584d88a0d7bd6f142f410f.png][]![74fe2ef4c6744488b744e7481d4c6dfd.png][]Http响应

![58e7cbe683274d03885f44d2fa8cd5e0.png][]

2.响应状态

[有趣的小知识（一）HTTP请求响应状态码：一份不可或缺的指南，从容面对任何请求挑战！][HTTP]

### 五、Servlet简介 ###

> Servlet就是sun公司开发动态web的一门技术  
> Sun在这些API中提供一个接口叫做：Servlet，如果你想开发一个Servlet程序，只需要完成两个小步骤：
> 
>  *  编写一个类，实现Servlet接口
>  *  把开发好的Java类部署到web服务器中。
> 
> 把实现了Servlet接口的Java程序叫做，Servlet

原理

Servlet是由Web服务器调用，web服务器在收到浏览器请求之后，会:

![824f505c8a164f4381539292cc7f0718.png][]

[cd1007fad8bb4567aae8cbec6bb37404.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/6979ee4be720423fa011559d09ff36b9.png
[d801abc56ec841e58fd28a631d30ecad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/f5181e961cae49e58ef0afe5e982d895.png
[02f8c182c6854f07a0bc4c4176b1f42b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/0da9e5bb18a74b02a1bf67e0a1f511a6.png
[6b39f9cb9c054559bf9647fb2b604dc8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/dc152c26a2a54f9ba2859a65b4f4b700.png
[45cad7f6a8554da39edb988102eebd48.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/d3299b061280496694b240143bf96b50.png
[5a1241ab4956496ca83b9166cd14b067.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/512588f032c444c7bea8a61ad3ef786b.png
[c79a4c60dc064e219ca962e87023c6dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/5808fc7c747c488b8f66192ea4c3eba5.png
[05e04cbcaa3d412a9873d34a254b5528.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/18ff0a259a764f468fb37a12d4b4f770.png
[86719b3375b74ff5a17ac840799f463b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/5681816b80f2495fa5469d990a011f2d.png
[6e62786c82dc4d99bd24db7f9765dc29.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/fb38d2e072d44b2d800b99b5f1ee9311.png
[2aa2699b84b0496b923e8f1a3c90cdf0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/64aba339a131499e860724a51e0c7f74.png
[e6b5fcb452a74fff87961ffba09f5240.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/4496cd477fe044c1960909e91a87cd6b.png
[f5511ed3f15e4ee98e1288b0761cce46.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/a4a16212c13c480aa49eeb0b47730573.png
[c375656e67c2481ca23ac05a43174133.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/f41ff89722f14335adfd45016615c2f3.png
[a5920a27289b4ad09e20564a1a88f148.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/3e219e8cb526420cb9983abb9ec068c3.png
[640bddbdc1db4f74a5c9d0d884675ed3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/b7925f7e49054047a2216ce8e89723a0.png
[5748be507dbd4337aa25127ea78ac8e7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/24cb852467294455a2cbb6072a0b9787.png
[60a3511bda584d88a0d7bd6f142f410f.png]: https://img-blog.csdnimg.cn/60a3511bda584d88a0d7bd6f142f410f.png
[74fe2ef4c6744488b744e7481d4c6dfd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/77984fda91ea40d0b67479960bc025da.png
[58e7cbe683274d03885f44d2fa8cd5e0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/9f54e38e703546fc9ffbd4d260bcc2dd.png
[HTTP]: https://blog.csdn.net/qq_62377885/article/details/129259318
[824f505c8a164f4381539292cc7f0718.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/e8dc94658c3145aa87303c826a427afe.png