超详解百万PV网站架构案例部署（内附安装包）

旧城等待， 2022-01-11 11:11 213阅读 0赞

**网站架构概述**

> 网站架构是根据客户需求分析的结果，准确定位网站目标群体，设定网站的整体架构，规划、设计网站栏目及其内容，制定网站开发流程的顺序，最大限度地进行高效资源分配与管理的设计。

网站架构分很多种，一般我们平常所说的是软件方面的架构，例如：

>  *  前端使用了什么代理服务器？
>  *  web服务器用的是什么？
>  *  中间又使用了什么缓存服务器？
>  *  数据库服务器用的是什么？
>  *  代码又是基于什么框架开发的？
>  *  这个网站架构每天访问量有多少（通常所说的PV）？并发数为多少？

PV（page view 页面浏览量）即点击量，通常是衡量一个网络新闻频道或网站甚至一条网络新闻的主要指标。PV之于网站，就像收视率之于电视，从某种程度上已成为投资者衡量商业网站表现的最重要的尺度。  
PV：一个访问者在24小时（0点--24点）内到底看了网站的几个页面，这里需要注意的是，同一个人浏览网站的同一个页面，不重复计算PV量，点100次也只算1次。  
查询网站PV可以访问Alexa.cn，免费提供网站访问量查询，网站浏览量查询和排名变化趋势数据查询。  
**本次案例概述**

> 采用四层模式实现，主要分为前端反向代理层、Web层、数据库缓存层和数据库层。前端反向代理层层采用主备模式，Web层采用群集模式，数据库缓存层采用主备模式，数据库层采用主从模式。

**架构拓扑图：实线是正常情况数据流向，虚线是异常情况下的数据流向。**  
![超详解百万PV网站架构案例部署（内附安装包）][PV]  
**实验环境部署：**

<table> 
 <thead> 
  <tr> 
   <th>主机名</th> 
   <th>IP地址</th> 
   <th>用途</th> 
   <th>操作系统</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>master</td> 
   <td>192.168.195.140</td> 
   <td>前端nginx反向代理主机、redis缓存主机、mysql数据主库</td> 
   <td>CentOS7</td> 
  </tr> 
  <tr> 
   <td>backup</td> 
   <td>192.168.195.147</td> 
   <td>前端nginx反向代理备机、redis缓存备机、mysql数据备库</td> 
   <td>CentOS7</td> 
  </tr> 
  <tr> 
   <td>web1</td> 
   <td>192.168.195.162</td> 
   <td>tomcat搭建的web服务器</td> 
   <td>CentOS7</td> 
  </tr> 
  <tr> 
   <td>web2</td> 
   <td>192.168.195.163</td> 
   <td>tomcat搭建的web服务器</td> 
   <td>CentOS7</td> 
  </tr> 
 </tbody> 
</table>

本实验仅作为学习验证，为了简便所以将nginx反向代理，mysql数据库与redis缓存数据代理整合到一起。  
**百度云盘提供实验需要的安装包：**

> apache-tomcat-8.5.23.tar.gz：[https://pan.baidu.com/s/11dTUADKp8kRyxAaL8QugVw][https_pan.baidu.com_s_11dTUADKp8kRyxAaL8QugVw]  
> jdk-8u144-linux-x64.tar.gz：[https://pan.baidu.com/s/13G9qfPiVBD8IdLqsY0wVGw][https_pan.baidu.com_s_13G9qfPiVBD8IdLqsY0wVGw]  
> SLSaleSystem.tar.gz：[https://pan.baidu.com/s/1lhm402WvoQg-YI0YDaUEtw][https_pan.baidu.com_s_1lhm402WvoQg-YI0YDaUEtw]  
> slsaledb-2014-4-10.sql：[https://pan.baidu.com/s/13wpxroqMah83DkoZJbUVZg][https_pan.baidu.com_s_13wpxroqMah83DkoZJbUVZg]

首先关闭所有实验主机的防火墙，selinux功能

> systemctl stop firewalld.service  
> systemctl disable firewalld.service  
> setenforce 0

**一，部署nginx反向代理，并使用keepalived实现双机热备。**  
1，在master，backup上面yum安装nginx，keepalived  
由于CentOS7系统默认yum源没有提供nginx软件包，所以需要重新下载含nginx软件包的yum源

> rpm -ivh [http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm][http_nginx.org_packages_centos_7_noarch_RPMS_nginx-release-centos-7-0.el7.ngx.noarch.rpm]  
> yum install keepalived nginx -y

![超详解百万PV网站架构案例部署（内附安装包）][PV 1]  
2，修改keepalived配置文件，构建双机热备，并加入触发nginx启动脚本的配置项，关联nginx服务，实现keepalived服务与nginx服务能够同时启动与关闭。  
master，backup主从都要设置，个别配置项的区别在下面有说明

> vim /etc/keepalived/keepalived.conf  
> global\_defs \{  
> router\_id NGINX\_HA //主从相同，并删除后面4行配置  
> \}
> 
> vrrp\_script nginx \{ //加入触发脚本配置  
> script "/opt/shell/nginx.sh"  
> interval 2  
> \}
> 
> vrrp\_instance VI\_1 \{  
> state MASTER //主为MASTER，从为BACKUP  
> interface ens33 //网卡为ens33  
> virtual\_router\_id 51 //主从不能相同，从的设为52  
> priority 100 //主的优先级大于从的，从的设为90  
> advert\_int 1  
> authentication \{  
> auth\_type PASS  
> auth\_pass 1111  
> \}  
> track\_script \{ //调用前面的出发脚本配置  
> nginx  
> \}  
> virtual\_ipaddress \{  
> 192.168.195.188 //设置共同的虚拟IP，主从相同  
> \}  
> \} //以下其他配置项都删除

3，编写触发nginx启动的脚本，注意与keepalived配置文件里面的设定路径，文件名相同

> mkdir /opt/shell  
> vim /opt/shell/nginx.sh  
> \#!/bin/bash  
> k=`ps -ef | grep keepalived | grep -v grep | wc -l`  
> if \[ $k -gt 0 \];then  
> /usr/bin/systemctl start nginx.service  
> else  
> /usr/bin/systemctl stop nginx.service  
> fi
> 
> chmod +x /opt/shell/nginx.sh

![超详解百万PV网站架构案例部署（内附安装包）][PV 2]  
4，修改nginx配置文件，配置反向代理，主从配置内容相同

> vim /etc/nginx/nginx.conf  
> upstream tomcat\_pool \{  
> server 192.168.195.162:8080; \#指定web1地址与端口  
> server 192.168.195.163:8080; \#指定web2地址与端口  
> ip\_hash; \#会话稳固功能，否则无法通过VIP地址登陆  
> \}  
> server\{  
> listen 80;  
> server\_name 192.168.195.188; \#虚拟IP  
> location /\{  
> proxy\_pass http://tomcat\_pool;  
> proxy\_set\_header X-Real-IP $remote\_addr;  
> \}  
> \}

![超详解百万PV网站架构案例部署（内附安装包）][PV 3]

> nginx -t \#检查配置文件语法  
> systemctl start keepalived.service  
> ps aux | grep keepalived

![超详解百万PV网站架构案例部署（内附安装包）][PV 4]  
在master。backup上nginx反向代理服务搭建好了  
**二，接下来在web1，web2上搭建tomcat，提供web服务**  
1，解压事先准备好的安装包

> tar zxvf apache-tomcat-8.5.23.tar.gz -C /usr/local  
> tar zxvf jdk-8u144-linux-x64.tar.gz -C /usr/local  
> cd /usr/local  
> mv apache-tomcat-8.5.23 tomcat8  
> mv jdk1.8.0\_144 java

2，由于tomcat是由java开发的，所以需要配置JDK环境变量

> vim /etc/profile  
> 添加如下环境变量
> 
> export JAVA\_HOME=/usr/local/java  
> export JRE\_HOME=/usr/local/java/jre  
> export PATH=$PATH:/usr/local/java/bin  
> export CLASSPATH=./:/usr/local/java/lib:/usr/local/java/jre/lib

![超详解百万PV网站架构案例部署（内附安装包）][PV 5]

> source /etc/profile
> 
> java -version //查看tomcat版本

3，将tomcat软件包中的启动脚本，关闭脚本生成链接文件，使linux系统能够识别，优化tomcat服务启动，关闭管理

> ln -s /usr/local/tomcat8/bin/startup.sh /usr/bin/tomcatup  
> ln -s /usr/local/tomcat8/bin/shutdown.sh /usr/bin/tomcatdown
> 
> tomcatup //开启tomcat  
> tomcatdown //关闭tomcat

![超详解百万PV网站架构案例部署（内附安装包）][PV 6]  
4，编写测试页面，为了实验效果编辑不同的测试网页

> cd /usr/local/tomcat8/webapps/ROOT  
> mv index.jsp index.jsp.bak  
> vim index.jsp  
> <h1>this is server 162</h1> //编写测试页面，web1，web2内容不同

web1上面的操作  
![超详解百万PV网站架构案例部署（内附安装包）][PV 7]  
web2上面的操作  
![超详解百万PV网站架构案例部署（内附安装包）][PV 8]  
5，在浏览器测试页面，验证nginx反向代理功能  
(1)首先使用各自的ip地址进行访问  
![超详解百万PV网站架构案例部署（内附安装包）][PV 9]![超详解百万PV网站架构案例部署（内附安装包）][PV 10]  
（2）再使用虚拟IP访问测试反向代理，注意由于没有设置权重，需将其中一个web服务关闭，才能看到另外一个web服务的页面  
![超详解百万PV网站架构案例部署（内附安装包）][PV 11]  
![超详解百万PV网站架构案例部署（内附安装包）][PV 12]  
**三，在master，backup上面yum安装数据库mariadb**

> yum install -y mariadb-server mariadb  
> systemctl start mariadb.service  
> systemctl enable mariadb.service
> 
> netstat -antp | grep 3306

![超详解百万PV网站架构案例部署（内附安装包）][PV 13]

> mysql\_secure\_installation //安全功能引导设置 因为是yum 安装的  
> 设置密码后 最后一个出现tables时 Yy就好，其余为n

![超详解百万PV网站架构案例部署（内附安装包）][PV 14]![超详解百万PV网站架构案例部署（内附安装包）][PV 15]  
mysql -uroot -p //登陆mariadb  
![超详解百万PV网站架构案例部署（内附安装包）][PV 16]  
**四，配置SL商城网站上线服务**  
1，在master，backup上把事先准备的SL商城网站项目导入mariadb数据库

> mysql -uroot -pabc123 < slsaledb-2014-4-10.sql  
> mysql -uroot -pabc123 -e 'show databases;'

![超详解百万PV网站架构案例部署（内附安装包）][PV 17]

> mysql -uroot -pabc123  
> grant all on slsaledb.\* to 'root'@'%' identified by '123123'; //授权  
> flush privileges;

![超详解百万PV网站架构案例部署（内附安装包）][PV 18]  
2，在两台web服务器上添加SL商城服务项目，并进行相关配置

> tar zxvf SLSaleSystem.tar.gz -C /usr/local/tomcat8/webapps  
> cd /usr/local/tomcat8/webapps/SLSaleSystem/WEB-INF/classes  
> vim jdbc.properties \#修改数据库IP地址：是VIP.以及授权用户名root和密码123123

![超详解百万PV网站架构案例部署（内附安装包）][PV 19]

> vim /usr/local/tomcat8/conf/server.xml  
> 在148行添加如下：  
> <Context path="" docBase="SLSaleSystem" reloadable="true" ddebug="0"></Context> \#添加需要上线服务的位置变量

![超详解百万PV网站架构案例部署（内附安装包）][PV 20]  
![超详解百万PV网站架构案例部署（内附安装包）][PV 21]  
重启tomcat

> tomcatdown  
> tomcatup

网站测试  
[http://192.168.195.162:8080/][http_192.168.195.162_8080] //默认的用户名admin 密码：123456  
[http://192.168.195.163:8080/][http_192.168.195.163_8080] //默认的用户名admin 密码：123456  
[http://192.168.195.188][http_192.168.195.188] //输入虚拟地址测试登录  
![超详解百万PV网站架构案例部署（内附安装包）][PV 22]  
![超详解百万PV网站架构案例部署（内附安装包）][PV 23]  
![超详解百万PV网站架构案例部署（内附安装包）][PV 24]  
五，在master，backup上安装redis缓存，部署主从和群集

> yum install -y epel-release //linux系统默认yum源没有redis软件包，需先安装epel源  
> yum install redis -y //使用yum命令安装redis  
> service redis start //开启redis服务

1，部署redis主从  
（1）修改redis配置文件  
redis主服务器上修改

> vim /etc/redis.conf
> 
> bind 0.0.0.0 //任意地址

redis从服务器上修改

> vim /etc/redis.conf
> 
> bind 0.0.0.0 //任意地址  
> 265行下添加：slaveof 192.168.195.147 6379 //主redis 的IP与端口

（2）重启redis服务，redis默认端口为6379

> service redis restart  
> netstat -antp | grep 6379

![超详解百万PV网站架构案例部署（内附安装包）][PV 25]![超详解百万PV网站架构案例部署（内附安装包）][PV 26]  
（3）验证redis主从同步  
在master上设置name值为test，在backup上可以获取name的值，证明redis可以主从复制  
![超详解百万PV网站架构案例部署（内附安装包）][PV 27]  
![超详解百万PV网站架构案例部署（内附安装包）][PV 28]  
2，在web服务器上配置商城项目中连接redis的参数

> vim /usr/local/tomcat8/webapps/SLSaleSystem/WEB-INF/classes/applicationContext-mybatis.xml
> 
> 38行   
> <constructor-arg value="192.168.195.188"/> \#虚拟IP  
> <constructor-arg value="6379"/>

![超详解百万PV网站架构案例部署（内附安装包）][PV 29]

> tomcatdown  
> tomcatup

测试缓存效果，在redis 上连接VIP

> redis-cli -h 192.168.195.188 -p 6379
> 
> 192.168.195.188:6379> info  
> keyspace\_hits:1 或 keyspace\_misses:1 //关注这个值，命中和未命中登陆商城，然后反复点击需要数据库参与的操作界面，再来回检查

![超详解百万PV网站架构案例部署（内附安装包）][PV 30]  
命中发生变化，说明redis参与工作。  
![超详解百万PV网站架构案例部署（内附安装包）][PV 31]  
3，配置redis群集  
在master主服务器操作

> redis-cli -h 192.168.195.147 info Replication //获取当前服务器状态
> 
> vim /etc/redis-sentinel.conf  
> 17 protected-mode no  
> 69 sentinel monitor mymaster 192.168.195.147 6379 1 //1表示1台服务器  
> 98 sentinel down-after-milliseconds mymaster 3000 //故障切换时间

![超详解百万PV网站架构案例部署（内附安装包）][PV 32]  
![超详解百万PV网站架构案例部署（内附安装包）][PV 33]  
![超详解百万PV网站架构案例部署（内附安装包）][PV 34]  
![超详解百万PV网站架构案例部署（内附安装包）][PV 35]

> systemctl start redis-sentinel //启动群集，从服务器backup也要开启群集  
> netstat -antp | grep 26379

![超详解百万PV网站架构案例部署（内附安装包）][PV 36]![超详解百万PV网站架构案例部署（内附安装包）][PV 37]

> redis-cli -h 192.168.195.147 -p 26379 info Sentinel //查看群集信息

![超详解百万PV网站架构案例部署（内附安装包）][PV 38]  
验证主从切换  
在主master上：

> systemctl stop redis //停止redis  
> redis-cli -h 192.168.195.147 -p 26379 info Sentinel //再次查看

![超详解百万PV网站架构案例部署（内附安装包）][PV 39]

> systemctl start redis.service //再次开启是不会主动回到master ，除非关闭从的redis

验证redis数据同步情况  
在master上  
![超详解百万PV网站架构案例部署（内附安装包）][PV 40]  
在backup上  
![超详解百万PV网站架构案例部署（内附安装包）][PV 41]  
**六，配置数据库mariadb主从复制**

> vim /etc/my.cnf
> 
> \[mysqld\]下  
> binlog-ignore-db=mysql,information\_schema  
> character\_set\_server=utf8  
> log\_bin=mysql\_bin  
> server\_id=1 //在从服务器backup的id需要修改  
> log\_slave\_updates=true  
> sync-binlog=1
> 
> systemctl restart mariadb.service
> 
> netstat -antp | grep 3306

![超详解百万PV网站架构案例部署（内附安装包）][PV 42]  
在master上登录，给从backup进行授权

> mysql -u root -p
> 
> grant replication slave on *.* to 'rep'@'192.168.195.%' identified by '123123';
> 
> flush privileges;
> 
> show master status; //记录日志文件与偏移量

![超详解百万PV网站架构案例部署（内附安装包）][PV 43]  
在backup上同步master的数据

> mysql -u root -p  
> change master to master\_host='192.168.195.147',master\_user='rep',master\_password='123123',master\_log\_file='mysql\_bin.000001',master\_log\_pos=473;  
> start slave; //开启主从复制  
> show slave status\\G; //查看状态  
> Slave\_IO\_Running: Yes //得到这两个为Yes的值  
> Slave\_SQL\_Running: Yes

![超详解百万PV网站架构案例部署（内附安装包）][PV 44]  
![超详解百万PV网站架构案例部署（内附安装包）][PV 45]

到此项目架构部署完成。

转载于:https://blog.51cto.com/13728740/2307160

[PV]: https://s1.51cto.com/images/blog/201810/19/9bf174443eb255563f6b3b074e9acf74.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[https_pan.baidu.com_s_11dTUADKp8kRyxAaL8QugVw]: https://pan.baidu.com/s/11dTUADKp8kRyxAaL8QugVw
[https_pan.baidu.com_s_13G9qfPiVBD8IdLqsY0wVGw]: https://pan.baidu.com/s/13G9qfPiVBD8IdLqsY0wVGw
[https_pan.baidu.com_s_1lhm402WvoQg-YI0YDaUEtw]: https://pan.baidu.com/s/1lhm402WvoQg-YI0YDaUEtw
[https_pan.baidu.com_s_13wpxroqMah83DkoZJbUVZg]: https://pan.baidu.com/s/13wpxroqMah83DkoZJbUVZg
[http_nginx.org_packages_centos_7_noarch_RPMS_nginx-release-centos-7-0.el7.ngx.noarch.rpm]: http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
[PV 1]: https://s1.51cto.com/images/blog/201810/21/f9d992ad6fb6b955ed3c426c1ea66e29.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 2]: https://s1.51cto.com/images/blog/201810/21/e1c2cf0aebf3d06263bf718fbfef6945.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 3]: https://s1.51cto.com/images/blog/201810/21/5d7f0b47910b6bb9daf309a6c8232308.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 4]: https://s1.51cto.com/images/blog/201810/21/a7d1f7285b709000a853a513aecceeb7.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 5]: https://s1.51cto.com/images/blog/201810/21/88ce5c08ebc2985ab61ecd9c44be4a7f.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 6]: https://s1.51cto.com/images/blog/201810/21/a8d0c50fe1d79d0d182a14598cbf616c.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 7]: https://s1.51cto.com/images/blog/201810/21/c1fe0618fef5839f906d542f3d6477e9.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 8]: https://s1.51cto.com/images/blog/201810/21/ec57b45813ebf1031ea4a5d94fe5dab6.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 9]: https://s1.51cto.com/images/blog/201810/21/a24c67bd87b913c5674785f0759a1d03.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 10]: https://s1.51cto.com/images/blog/201810/21/0ce16447dfe17c78c0c0e019616aa498.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 11]: https://s1.51cto.com/images/blog/201810/21/bfeda1f19f825c807464aa4deb21472b.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 12]: https://s1.51cto.com/images/blog/201810/21/ff367690ee40e6897f5265ae519bb33f.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 13]: https://s1.51cto.com/images/blog/201810/21/b9627ae220fbac579af48d0bbb757403.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 14]: https://s1.51cto.com/images/blog/201810/21/bef67f42950ce3fdf7ece3b03e3c663d.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 15]: https://s1.51cto.com/images/blog/201810/21/3a9b0fe4e1a15e2a76c4daa2d3bbe941.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 16]: https://s1.51cto.com/images/blog/201810/21/847c50726aa465797f329c02e2edef5e.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 17]: https://s1.51cto.com/images/blog/201810/21/881c197dd6f4bc24ab8ddb83d7130749.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 18]: https://s1.51cto.com/images/blog/201810/21/cfab202197a674cf46448ec1334c72a3.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 19]: https://s1.51cto.com/images/blog/201810/21/caaecfd892c0496d8ceaa21dde5f36fd.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 20]: https://s1.51cto.com/images/blog/201810/21/bcbda48a25b98b3e88af4fe7509b77fd.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 21]: https://s1.51cto.com/images/blog/201810/21/eb7d4028e8ccd85134114558a22f1635.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[http_192.168.195.162_8080]: http://192.168.195.162:8080/
[http_192.168.195.163_8080]: http://192.168.195.163:8080/
[http_192.168.195.188]: http://192.168.195.188
[PV 22]: https://s1.51cto.com/images/blog/201810/21/f2d1393038bc5392ec37b742da178631.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 23]: https://s1.51cto.com/images/blog/201810/21/7f3d230e4ffe349d370112d42f9958d8.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 24]: https://s1.51cto.com/images/blog/201810/21/42b562a947c8f65843ce44515b8cb3bf.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 25]: https://s1.51cto.com/images/blog/201810/21/d89a25cd30f5b2fd34e70c3946e91f16.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 26]: https://s1.51cto.com/images/blog/201810/21/0fff3bacea6d1a79221d66f9fe60ec41.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 27]: https://s1.51cto.com/images/blog/201810/21/992d990dbcbebe6b3855cf697a1129ff.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 28]: https://s1.51cto.com/images/blog/201810/21/1793870963f295334c764e19730af818.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 29]: https://s1.51cto.com/images/blog/201810/21/362d90dfb91137a90b39c4cd195cef6c.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 30]: https://s1.51cto.com/images/blog/201810/21/d35501ab950e414d5c4b32f99ec6a84e.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 31]: https://s1.51cto.com/images/blog/201810/21/5c2d15f4608c2409e68f1b13f77a7231.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 32]: https://s1.51cto.com/images/blog/201810/21/b912df41caca9dfd56a9c7b1434349ee.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 33]: https://s1.51cto.com/images/blog/201810/21/862a93d665d3960d4fc5be2092094588.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 34]: https://s1.51cto.com/images/blog/201810/21/a5a50112f8553456a03c6c4324bc8974.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 35]: https://s1.51cto.com/images/blog/201810/21/6cab3180c17558bde4494f3b1e746c90.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 36]: https://s1.51cto.com/images/blog/201810/21/150a81e0350f956048e4f35efff57dcb.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 37]: https://s1.51cto.com/images/blog/201810/21/6072474a78c7e4824a13b8b7301b1853.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 38]: https://s1.51cto.com/images/blog/201810/21/30d49ffe9030aab4a6e2ae23c93d27c0.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 39]: https://s1.51cto.com/images/blog/201810/21/ccb209eec108c62e41b14fa42a29a754.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 40]: https://s1.51cto.com/images/blog/201810/21/9d5f0dbe93703cc76aadef153e4167b6.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 41]: https://s1.51cto.com/images/blog/201810/21/5b24735104618d2a70372c46f58ef2e1.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 42]: https://s1.51cto.com/images/blog/201810/21/6cd6e32b5737be142fba582d17808c4c.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 43]: https://s1.51cto.com/images/blog/201810/21/743916f981f3630ef5d6bdcdea1b399c.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 44]: https://s1.51cto.com/images/blog/201810/21/8f7dcd7ea554bf9983eff2464ad5987b.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[PV 45]: https://s1.51cto.com/images/blog/201810/21/6bcca0a7262a0ba0243578a4b987d809.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=