212-HTTP协议与web服务器

àì夳堔傛蜴生んèń 2022-11-05 08:56 282阅读 0赞

## 浏览器与服务器通信过程 ##

**HTTP是超文本传输协议，除了文字以外，还可以进行声音，图片的传输。**  
html是超文本标记语言。可以告诉浏览器应该在什么地方显示什么东西。会把主干框架搭起来。  
**当我们在浏览器输入网址，接下来会发生什么事情？**  
![在这里插入图片描述][20210305221203670.png_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center]  
**这其中发生了什么事情？**  
**首先我们有一个服务器端(自己发的网站)，我们有一个客户端(浏览器)。**  
HTTP协议是属于应用层。TCP，UDP在传输层，IP在网络层。我们用户会参与对HTTP的解析和组装。  
**当我们在浏览器输入www.baidu.com时，**  
浏览器与 web 服务器在应用层通信使用的是 HTTP 协议（超文本传输协议），而 HTTP协议在传输层使用的是 TCP 协议。**那么浏览器需要和 web 服务器三次握手建立连接后，才可以发送 HTTP 请求报文，服务器收到请求报文后，向浏览器回复 HTTP 应答报文。**

浏览器向服务器发起连接前，需要得到服务器的 IP 及端口。用户在浏览器中通常只输入网址（网站域名）,**浏览器会通过 DNS （域名解析）服务查询获取到服务器的 IP 地址。对于端口来讲，使用 HTTP 协议的程序一般默认使用 80 端口。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 1]  
浏览器和服务器建立连接后，  
如果两次以上的请求复用同一个 TCP 连接，则称之为**长连接**。  
如果浏览器发送一次请求报文，服务器回复一次应答就断开连接，下次交互再重新进行三次握手建立连接，那么就被称作**短连接**。  
**使用长连接显然是更好一些，可以减少网络中的同步报文，也使得服务器的响应速度变快。**  
**长连接比较普遍，而且节省资源**。**因为我们点开可能要不断地进行交互。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 2]

**常见的 web 服务器有：**  
◼ Apache： 简单、速度快、性能稳定，并可做代理服务器使用  
◼ IIS（Internet Information Server）：安全性、强大、灵活  
◼ Nginx：小巧而高效，可以做高效的负载均衡反向代理  
◼ Tomcat：技术先进、性能稳定、免费

## HTTP 请求报头 ##

**HTTP 的请求报头结构**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 3]

![在这里插入图片描述][20210305222347104.png_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 4]

**close(短连接)**  
**keep-alive(长连接)**  
![在这里插入图片描述][20210305222518583.png_pic_center]  
**HTTP 的请求方法**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 5]  
![在这里插入图片描述][20210305223024611.png_pic_center]

## HTTP 应答报头 ##

![在这里插入图片描述][2021030522330355.png_pic_center]  
数据是在via的后面，但是没有显示出来，后面还有8024个字节  
**HTTP 的应答报头结构**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 6]  
**HTTP 的应答状态**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 7]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 8]

## 我们先进行简单的实现 ##

![在这里插入图片描述][20210305224245832.png_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 9]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 10]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 11]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 12]  
**编译运行**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 13]  
**现在我们打开浏览器（客户端）**  
![在这里插入图片描述][2021030522472968.png_pic_center]  
![在这里插入图片描述][20210305224733309.png_pic_center]  
**这个ok就是我们刚才send给浏览器发送的**  
![在这里插入图片描述][20210305224935715.png_pic_center]  
**浏览器发过来的报文**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 14]  
**浏览器可以统计出来，你是哪一种访问我，访问多少次。**

## 我们可以写一个应答报文，写一个文件发给浏览器 ##

**vi index.html**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 15]  
**头部是显示在状态栏（新标签页）。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 16]  
**body就是下面的一大部分了。**  
然后我们修改刚才的代码  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 17]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 18]  
**运行起来！**  
![在这里插入图片描述][20210305230505613.png_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 19]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 20]  
**我们可以把乱码改掉，通过改写index.html文件**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 21]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 22]

## Web 服务器的 C 语言实现 ##

Web 服务器对应的文件是 MyHttp.c，代码示例如下, 其中使用到的页面文件(.html)需要用户自己提供，并且和程序在同一个位置。

#include <stdio.h>
    #include <stdlib.h>
    #include <string.h>
    #include <unistd.h>
    #include <assert.h>
    #include <sys/types.h>
    #include <sys/socket.h>
    #include <arpa/inet.h>
    #include <netinet/in.h>
    #include <fcntl.h>
    #include <sys/stat.h>
    
    #define DATALENGTH 1024
    #define PATHLENGTH 128
    //发送 HTTP 应答报头
    void SendHeadData(int c, int size, int flag)
    {
        
    	char buff[DATALENGTH] = "HTTP/1.0 ";
    	if (flag)
    	{
        
    		strcat(buff, "200 OK\r\n");
    	}
    	else
    	{
        
    		strcat(buff, "404 Not Found\r\n");
    	}
    
    	strcat(buff, "Server: MyWeb/1.0\r\n");
    	strcat(buff, "Content-Length: ");
    	sprintf(buff + strlen(buff), "%d", size);
    	strcat(buff, "\r\n");
    	strcat(buff, "Content-Type: text/html;charset=utf-8\r\n");
    	strcat(buff, "\r\n");
    
    	send(c, buff, strlen(buff), 0);
    }
    //发送页面文件的内容
    void SendFileData(int c, int fd)
    {
        
    	while (1)
    	{
        
    		char buff[DATALENGTH] = {
         0 };
    		ssize_t n = read(fd, buff, DATALENGTH - 1);
    		if (n <= 0)
    		{
        
    			break;
    		}
    
    		send(c, buff, (size_t)n, 0);
    	}
    }
    
    //处理客户端的请求数据
    void DealClientData(int c)
    {
        
    	char requestBuff[DATALENGTH] = {
         0 };
    	int n = recv(c, requestBuff, DATALENGTH - 1, 0);
    	if (n <= 0)
    	{
        
    		return;
    	}
    
    	char *file = strtok(requestBuff, " ");
    	file = strtok(NULL, " ");
    
    	int flag = 1;
    	char path[PATHLENGTH] = "."; //程序所在位置
    	strcat(path, file);
    
    	int fd = open(path, O_RDONLY);
    	if (fd == -1)
    	{
        
    		fd = open("./404.html", O_RDONLY);
    		flag = 0;
    	}
    
    	struct stat st;
    	fstat(fd, &st);
    
    	SendHeadData(c, st.st_size, flag);
    	SendFileData(c, fd);
    	close(fd);
    }
    
    // 初始化服务器的套接字
    int InitSocket()
    {
        
    	int sockfd = socket(AF_INET, SOCK_STREAM, 0);
    	if(sockfd == -1) return -1;
    
    	struct sockaddr_in saddr;
    	memset(&saddr, 0, sizeof(saddr));
    	saddr.sin_family = AF_INET;
    	saddr.sin_port = htons(80);
    	saddr.sin_addr.s_addr = inet_addr("127.0.0.1");
    
    	int res = bind(sockfd, (struct sockaddr*)&saddr, sizeof(saddr));
    	if(res == -1) return -1;
    
    	res = listen(sockfd, 5);
    	if(res == -1) return -1;
    
    	return sockfd;
    }
    
    int main()
    {
        
    	int sockfd = InitSocket();
    	assert(sockfd != -1);
    	while ( 1 )
    	{
        
    		struct sockaddr_in caddr;
    		socklen_t len = sizeof(caddr);
    		int c = accept(sockfd, (struct sockaddr*)&caddr, &len);
    		if (c < 0)
    		{
        
    			continue;
    		}
    
    		DealClientData(c);
    		close(c);
    	}
    
    	exit(0);
    }

## http服务器实现(上） ##

**我们先让浏览器和web服务器连接上，接收浏览器(作为我们的客户端）给我们发过来的信息：**  
web服务器（http服务器）就是TCP的服务端  
**myhttp.c**  
![在这里插入图片描述][0f0e8e1c81784b26afbc24fe7f719d0d.png]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 1]  
**这是个短连接。收1次发1次就关闭了**  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 2]  
![在这里插入图片描述][30f9b58993294a488f77e648f34a96b5.png]  
**只有管理员用户才能运行80号端口**  
![在这里插入图片描述][a73c1c9da64b49c0a36e678644b7b46b.png]  
**现在打开浏览器，去链接**  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 3]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 4]  
**favicon是请求小图标**

## http服务器实现(中） ##

**我们看看http服务器给浏览器回复的是什么报文：**  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 5]**myhttp.c**  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 6]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 7]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 8]  
**显示的是浏览器的信息**

## http服务器实现(下） ##

**我们实现让web服务器可以给浏览器返回请求的真正的文件(资源），像正常上网浏览网页一样。**  
**myhttp.c**

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 9]  
![在这里插入图片描述][a0d2711957744961a1bedea37dc0944d.png]  
![在这里插入图片描述][a60e4afc07af488f9f8a140fa1d7694a.png]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 10]  
![在这里插入图片描述][5a8da1ae9d104ae38e7feb217fa96e97.png]  
![在这里插入图片描述][e695497e94c54fd8b73134a2289f03a9.png]

**index.html**  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 11]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 12]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 13]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 14]  
我们修改index.html  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_17_color_FFFFFF_t_70_g_se_x_16]  
我们创建一个test.html  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_14_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_12_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][a356f1c09bfa4b2cbaf0763fddb5bb52.png]

[20210305221203670.png_pic_center]: /images/20221023/3f747d1ea3ef4896aec65f7f27823c87.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/7afb79edeab84a95a423c124acdd1f6c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221023/4e9506b1a57f44a2b781c0f101f0ca50.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221023/66cdb57bf35a400e892854c28f7af292.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221023/941f858008cd49cc9227cb99f4dceca5.png
[20210305222347104.png_pic_center]: /images/20221023/d322d0519d98433b8bd1fa41129724db.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221023/01605c9665cc4b97acb5b46e7541f3d1.png
[20210305222518583.png_pic_center]: /images/20221023/930042b26cee4c9c8a4836025d129dc6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221023/27cbfd6dd2f747859b20e609a7669601.png
[20210305223024611.png_pic_center]: /images/20221023/7392593d730d48ce963bbe821e923641.png
[2021030522330355.png_pic_center]: /images/20221023/c32eca84ba444e0fb9aae8361f1a9108.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221023/bf67bc394be645ceb40a14059dd43e32.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221023/036a7d8070fb4275b58f731ec2f58532.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221023/ee7dbd151500454c95be867df9122e9e.png
[20210305224245832.png_pic_center]: /images/20221023/d31dfdf30c19499eb4092d62af483348.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221023/ec8ad37775184b0d9af580f578f9a9cb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221023/5fda6d4e904a4b1794e0b68da038f2fa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221023/2e0104c0ebab468281e2825cd992b034.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221023/27044ac473874641a482d289a6d34fcd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221023/9aca35cbe2b74731975a7a6b18912587.png
[2021030522472968.png_pic_center]: /images/20221023/c45fd876468c4ae287db923b4bd6e611.png
[20210305224733309.png_pic_center]: /images/20221023/2fe1dad35bdb48b39766bbba07d973da.png
[20210305224935715.png_pic_center]: /images/20221023/537a33928be9479fa8932c46ae32f607.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221023/083c9ceecd044bfebb1cf34967e61a40.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221023/319539d17aa14b569229ee4378244bd8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221023/252864090fcb4d72bdd08437431b4df8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20221023/89867b5d182b4bbca1fd25e39645b841.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 18]: /images/20221023/993439aa5fed435f970496835e2c32ec.png
[20210305230505613.png_pic_center]: /images/20221023/ed5d69354fc24bb9b659bfd33698f44f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 19]: /images/20221023/aae35e5cde93460cb71ec887f2032fd6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 20]: /images/20221023/121e1d8c39fa4d279143f089e3cb660d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 21]: /images/20221023/14d967335a9f4989b5e1af90d79e8336.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xJTlpFWVU2NjY_size_16_color_FFFFFF_t_70_pic_center 22]: /images/20221023/3dfb65285d804df8a1e5c8b73fed3c2c.png
[0f0e8e1c81784b26afbc24fe7f719d0d.png]: /images/20221023/a2a5aed06c9d4e7aa6658bf82f965db8.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20221023/2c6b8467f1664d09a3d296ac3d017a5e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20221023/d72894453f744a1597559314d13522df.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20221023/9ab2049e0f5649189726962882524291.png
[30f9b58993294a488f77e648f34a96b5.png]: /images/20221023/afc027cc8a954f62907e933ba6923263.png
[a73c1c9da64b49c0a36e678644b7b46b.png]: /images/20221023/aeb3b487c34c41a99e1a0128071a4425.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20221023/3781acb966e84fbe850d6f3d35236586.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20221023/a69efe34dac54bc98672bddc12060960.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20221023/1ca81653f07f4aeebf026863fc44f03f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20221023/1efc52d3062049499b75d4da18aa30f9.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 7]: /images/20221023/6f43e17b52b64cbda25eafb212ca3489.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 8]: /images/20221023/57fe6d1e8673466d8b0b773a8704a85f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 9]: /images/20221023/7e7122b5d36c4f569d5f7efcb16001ae.png
[a0d2711957744961a1bedea37dc0944d.png]: /images/20221023/5deb8491ca5747b1b64f66a87467507d.png
[a60e4afc07af488f9f8a140fa1d7694a.png]: /images/20221023/429696248cd4447aa7348a7a54bf4a80.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 10]: /images/20221023/559629675c8b4dbbb0f4a4b9a29045f3.png
[5a8da1ae9d104ae38e7feb217fa96e97.png]: /images/20221023/cb6bd9fd72114da1ae7108e40bd483da.png
[e695497e94c54fd8b73134a2289f03a9.png]: /images/20221023/3bf4f229a67940ceb742aacf9490045b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 11]: /images/20221023/6a470abe22ee4875823dd710656f855c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 12]: /images/20221023/0523a2a3ddb74a1488d50dcf8eb641bd.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 13]: /images/20221023/8202e0a993024335a9b9961b7e1e3f2a.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_20_color_FFFFFF_t_70_g_se_x_16 14]: /images/20221023/8d46ee4944dc4ec3a3c54c1169a2b070.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_17_color_FFFFFF_t_70_g_se_x_16]: /images/20221023/ff49100af1e549d7a1590263e727b284.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_14_color_FFFFFF_t_70_g_se_x_16]: /images/20221023/fe3de32c88804d1eac0f30cfbf098a83.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBALeael-azveWuhw_size_12_color_FFFFFF_t_70_g_se_x_16]: /images/20221023/999aaaa5cbcf4084a92da578cbe63a94.png
[a356f1c09bfa4b2cbaf0763fddb5bb52.png]: /images/20221023/9984c2134b994576a514c4471055cee8.png