大型分布式电商系统架构是如何从0开始演进的？

ゞ浴缸里的玫瑰 2022-05-25 09:46 186阅读 0赞

本文是学习大型分布式网站架构的技术总结。对架构一个高性能、高可用、可伸缩及可扩展的分布式网站进行了概要性描述，并给出一个架构参考。文中一部分为读书笔记，一部分是个人经验总结，对大型分布式网站架构有较好的参考价值。

# 一、大型分布式网站架构技术 #

## 1、大型网站的特点 ##

*  用户多，分布广泛
 *  大流量，高并发
 *  海量数据，服务高可用
 *  安全环境恶劣，易受网络攻击
 *  功能多，变更快，频繁发布
 *  从小到大，渐进发展
 *  以用户为中心
 *  免费服务，付费体验

## 2、大型网站架构目标 ##

*  高性能：提供快速的访问体验。
 *  高可用：网站服务一直可以正常访问。
 *  可伸缩：通过硬件增加/减少，提高/降低处理能力。
 *  安全性：提供网站安全访问和数据加密、安全存储等策略。
 *  扩展性：方便地通过新增/移除方式，增加/减少新的功能/模块。
 *  敏捷性：随需应变，快速响应；

![20180512093949395][]

## 3、大型网站架构模式 ##

![20180512093957549][]

*  分层：一般可分为应用层、服务层、数据层、管理层与分析层；
 *  分割：一般按照业务/模块/功能特点进行划分，比如应用层分为首页、用户中心。
 *  分布式：将应用分开部署（比如多台物理机），通过远程调用协同工作。
 *  集群：一个应用/模块/功能部署多份（如：多台物理机），通过负载均衡共同提供对外访问。
 *  缓存：将数据放在距离应用或用户最近的位置，加快访问速度。
 *  异步：将同步的操作异步化。客户端发出请求，不等待服务端响应，等服务端处理完毕后，使用通知或轮询的方式告知请求方。一般指：请求——响应——通知模式。
 *  冗余：增加副本，提高可用性、安全性与性能。
 *  安全：对已知问题有有效的解决方案，对未知/潜在问题建立发现和防御机制。
 *  自动化：将重复的、不需要人工参与的事情，通过工具的方式，使用机器完成。
 *  敏捷性：积极接受需求变更，快速响应业务发展需求。

## 4、高性能架构 ##

以用户为中心，提供快速的网页访问体验。主要参数有较短的响应时间、较大的并发处理能力、较高的吞吐量与稳定的性能参数。

可分为前端优化、应用层优化、代码层优化与存储层优化。

*  前端优化：网站业务逻辑之前的部分；
 *  浏览器优化：减少HTTP请求数，使用浏览器缓存，启用压缩，CSS JS位置，JS异步，减少Cookie传输；CDN加速，反向代理；
 *  应用层优化：处理网站业务的服务器。使用缓存，异步，集群
 *  代码优化：合理的架构，多线程，资源复用（对象池，线程池等），良好的数据结构，JVM调优，单例，Cache等；
 *  存储优化：缓存、固态硬盘、光纤传输、优化读写、磁盘冗余、分布式存储（HDFS）、NoSQL等。

## 5、高可用架构 ##

大型网站应该在任何时候都可以正常访问，正常提供对外服务。因为大型网站的复杂性，分布式，廉价服务器，开源数据库，操作系统等特点，要保证高可用是很困难的，也就是说网站的故障是不可避免的。

如何提高可用性，就是需要迫切解决的问题。首先，需要从架构级别考虑，在规划的时候，就考虑可用性。行业内一般用几个9表示可用性指标，比如四个9（99.99），一年内允许的不可用时间是53分钟。

不同层级使用的策略不同，一般采用冗余备份和失效转移解决高可用问题。

*  应用层：一般设计为无状态的，对于每次请求，使用哪一台服务器处理是没有影响的。一般使用负载均衡技术（需要解决Session同步问题）实现高可用。
 *  服务层：负载均衡，分级管理，快速失败（超时设置），异步调用，服务降级，幂等设计等。
 *  数据层：冗余备份（冷，热备\[同步，异步\]，温备），失效转移（确认，转移，恢复）。数据高可用方面著名的理论基础是CAP理论（持久性，可用性，数据一致性\[强一致，用户一致，最终一致\]）

## 6、可伸缩架构 ##

伸缩性是指在不改变原有架构设计的基础上，通过添加/减少硬件（服务器）的方式，提高/降低系统的处理能力。

*  应用层：对应用进行垂直或水平切分。然后针对单一功能进行负载均衡（DNS、HTTP\[反向代理\]、IP、链路层）。
 *  服务层：与应用层类似；
 *  数据层：分库、分表、NoSQL等；常用算法Hash，一致性Hash。

## 7、可扩展架构 ##

可以方便地进行功能模块的新增/移除，提供代码/模块级别良好的可扩展性。

*  模块化，组件化：高内聚，低耦合，提高复用性，扩展性。
 *  稳定接口：定义稳定的接口，在接口不变的情况下，内部结构可以“随意”变化。
 *  设计模式：应用面向对象思想，原则，使用设计模式，进行代码层面的设计。
 *  消息队列：模块化的系统，通过消息队列进行交互，使模块之间的依赖解耦。
 *  分布式服务：公用模块服务化，提供其他系统使用，提高可重用性，扩展性。

## 8、安全架构 ##

对已知问题有有效的解决方案，对未知/潜在问题建立发现和防御机制。对于安全问题，首先要提高安全意识，建立一个安全的有效机制，从政策层面，组织层面进行保障，比如服务器密码不能泄露，密码每月更新，并且三次内不能重复；每周安全扫描等。以制度化的方式，加强安全体系的建设。同时，需要注意与安全有关的各个环节。安全问题不容忽视，包括基础设施安全，应用系统安全，数据保密安全等。

*  基础设施安全：硬件采购，操作系统，网络环境方面的安全。一般采用正规渠道购买高质量的产品，选择安全的操作系统，及时修补漏洞，安装杀毒软件防火墙。防范病毒，后门。设置防火墙策略，建立DDOS防御系统，使用攻击检测系统，进行子网隔离等手段。
 *  应用系统安全：在程序开发时，对已知常用问题，使用正确的方式，在代码层面解决掉。防止跨站脚本攻击（XSS），注入攻击，跨站请求伪造（CSRF），错误信息，HTML注释，文件上传，路径遍历等。还可以使用Web应用防火墙（比如：ModSecurity），进行安全漏洞扫描等措施，加强应用级别的安全。
 *  数据保密安全：存储安全（存储在可靠的设备，实时，定时备份），保存安全（重要的信息加密保存，选择合适的人员复杂保存和检测等），传输安全（防止数据窃取和数据篡改）；

常用的加解密算法（单项散列加密\[MD5、SHA\]，对称加密\[DES、3DES、RC\]），非对称加密\[RSA\]等。

## 9、敏捷性 ##

网站的架构设计，运维管理要适应变化，提供高伸缩性，高扩展性。方便的应对快速的业务发展，突增高流量访问等要求。

除上面介绍的架构要素外，还需要引入敏捷管理，敏捷开发的思想。使业务，产品，技术，运维统一起来，随需应变，快速响应。

## 10、大型架构举例 ##

![2018051209401057][]

以上采用七层逻辑架构，第一层客户层，第二层前端优化层，第三层应用层，第四层服务层，第五层数据存储层，第六层大数据存储层，第七层大数据处理层。

*  客户层：支持PC浏览器和手机APP。差别是手机APP可以直接通过IP访问，反向代理服务器。
 *  前端层：使用DNS负载均衡，CDN本地加速以及反向代理服务；
 *  应用层：网站应用集群；按照业务进行垂直拆分，比如商品应用，会员中心等；
 *  服务层：提供公用服务，比如用户服务，订单服务，支付服务等；
 *  数据层：支持关系型数据库集群（支持读写分离），NOSQL集群，分布式文件系统集群；以及分布式Cache；
 *  大数据存储层：支持应用层和服务层的日志数据收集，关系数据库和NOSQL数据库的结构化和半结构化数据收集；
 *  大数据处理层：通过Mapreduce进行离线数据分析或Storm实时数据分析，并将处理后的数据存入关系型数据库。（实际使用中，离线数据和实时数据会按照业务要求进行分类处理，并存入不同的数据库中，供应用层或服务层使用）。

#    二、大型电商网站系统架构演变过程 #

一个成熟的大型网站（如淘宝、天猫、腾讯等）的系统架构并不是一开始设计时就具备完整的高性能、高可用、高伸缩等特性的，它是随着用户量的增加，业务功能的扩展逐渐演变完善的，在这个过程中，开发模式、技术架构、设计思想也发生了很大的变化，就连技术人员也从几个人发展到一个部门甚至一条产品线。

所以成熟的系统架构是随着业务的扩展而逐步完善的，并不是一蹴而就；不同业务特征的系统，会有各自的侧重点，例如淘宝，要解决海量的商品信息的搜索、下单、支付；例如腾讯，要解决数亿用户的实时消息传输；百度它要处理海量的搜索请求。

他们都有各自的业务特性，系统架构也有所不同。尽管如此我们也可以从这些不同的网站背景中，找出其中共用的技术，这些技术和手段广泛运用在大型网站系统的架构中，下面就通过介绍大型网站系统的演化过程，来认识这些技术和手段。

## 1、最开始的网站架构 ##

最初的架构，应用程序、数据库、文件都部署在一台服务器上，如图：

![20180512094019933][]

## 2、应用、数据、文件分离 ##

随着业务的扩展，一台服务器已经不能满足性能需求，故将应用程序、数据库、文件各自部署在独立的服务器上，并且根据服务器的用途配置不同的硬件，达到最佳的性能效果。

![20180512094029803][]

## 3、利用缓存改善网站性能 ##

在硬件优化性能的同时，同时也通过软件进行性能优化，在大部分的网站系统中，都会利用缓存技术改善系统的性能，使用缓存主要源于热点数据的存在，大部分网站访问都遵循28原则（即80%的访问请求，最终落在20%的数据上），所以我们可以对热点数据进行缓存，减少这些数据的访问路径，提高用户体验。

![20180512094039880][]

缓存实现常见的方式是本地缓存、分布式缓存。当然还有CDN、反向代理等，这个后面再讲。本地缓存，顾名思义是将数据缓存在应用服务器本地，可以存在内存中，也可以存在文件，OSCache就是常用的本地缓存组件。本地缓存的特点是速度快，但因为本地空间有限所以缓存数据量也有限。分布式缓存的特点是，可  
以缓存海量的数据，并且扩展非常容易，在门户类网站中常常被使用，速度按理没有本地缓存快，常用的分布式缓存是Memcached、Redis。

## 4、使用集群改善应用服务器性能 ##

应用服务器作为网站的入口，会承担大量的请求，我们往往通过应用服务器集群来分担请求数。应用服务器前面部署负载均衡服务器调度用户请求，根据分发策略将请求分发到多个应用服务器节点。

![20180512094053711][]

常用的负载均衡技术硬件的有F5，价格比较贵，软件的有LVS、Nginx、HAProxy。LVS是四层负载均衡，根据目标地址和端口选择内部服务器，Nginx和HAProxy是七层负载均衡，可以根据报文内容选择内部服务器，因此LVS分发路径优于Nginx和HAProxy，性能要高些，而Nginx和HAProxy则更具配置性，如可以用来做动静分离（根据请求报文特征，选择静态资源服务器还是应用服务器）。

## 5、数据库读写分离和分库分表 ##

随着用户量的增加，数据库成为最大的瓶颈，改善数据库性能常用的手段是进行读写分离以及分库分表，读写分离顾名思义就是将数据库分为读库和写库，通过主备功能实现数据同步。分库分表则分为水平切分和垂直切分，水平切分则是对一个数据库特大的表进行拆分，例如用户表。垂直切分则是根据业务的不同来切分，如用户业务、商品业务相关的表放在不同的数据库中。

![2018051209410413][]

## 6、使用CDN和反向代理提高网站性能 ##

假如我们的服务器都部署在成都的机房，对于四川的用户来说访问是较快的，而对于北京的用户访问是较慢的，这是由于四川和北京分别属于电信和联通的不同发达地区，北京用户访问需要通过互联路由器经过较长的路径才能访问到成都的服务器，返回路径也一样，所以数据传输时间比较长。对于这种情况，常常使用CDN解决，CDN将数据内容缓存到运营商的机房，用户访问时先从最近的运营商获取数据，这样大大减少了网络访问的路径。比较专业的CDN运营商有蓝汛、网宿。

而反向代理，则是部署在网站的机房，当用户请求达到时首先访问反向代理服务器，反向代理服务器将缓存的数据返回给用户，如果没有缓存数据才会继续访问应用服务器获取，这样做减少了获取数据的成本。反向代理有Squid、Nginx。

![20180512094117731][]

## 7、使用分布式文件系统 ##

用户一天天增加，业务量越来越大，产生的文件越来越多，单台的文件服务器已经不能满足需求，这时就需要分布式文件系统的支撑。常用的分布式文件系统有GFS、HDFS、TFS。

![20180512094127293][]

## 8、使用NoSQL和搜索引擎 ##

对于海量数据的查询和分析，我们使用NoSQL数据库加上搜索引擎可以达到更好的性能。并不是所有的数据都要放在关系型数据中。常用的NoSQL有MongoDB、HBase、Redis，搜索引擎有Lucene、Solr、Elasticsearch。

![2018051209415097][]

## 9、将应用服务器进行业务拆分 ##

随着业务进一步扩展，应用程序变得非常臃肿，这时我们需要将应用程序进行业务拆分，如百度分为新闻、网页、图片等业务。每个业务应用负责相对独立的业务运作。业务之间通过消息进行通信或者共享数据库来实现。

![20180512094200132][]

## 10、搭建分布式服务 ##

这时我们发现各个业务应用都会使用到一些基本的业务服务，例如用户服务、订单服务、支付服务、安全服务，这些服务是支撑各业务应用的基本要素。我们将这些服务抽取出来利用分部式服务框架搭建分布式服务。阿里的Dubbo是一个不错的选择。

![20180512094210298][]

# 三、一张图说明电商架构 #

![20180512094218481][]

# 四、大型电商网站架构案例 #

1、电商案例的原因  
  
分布式大型网站，目前看主要有几类：

*  大型门户，比如网易，新浪等；
 *  SNS网站，比如校内，开心网等；
 *  电商网站，比如阿里巴巴，京东商城，国美在线，汽车之家等。

大型门户一般是新闻类信息，可以使用CDN，静态化等方式优化，开心网等交互性比较多，可能会引入更多的NoSQL，分布式缓存，使用高性能的通信框架等。电商网站具备以上两类的特点，比如产品详情可以采用CDN，静态化，交互性高的需要采用NoSQL等技术。因此，我们采用电商网站作为案例，进行分析。

2、电商网站需求  
  
客户需求：

*  建立一个全品类的电子商务网站（B2C），用户可以在线购买商品，可以在线支付，也可以货到付款；
 *  用户购买时可以在线与客服沟通；
 *  用户收到商品后，可以给商品打分，评价；
 *  目前有成熟的进销存系统；需要与网站对接；
 *  希望能够支持3~5年，业务的发展；
 *  预计3~5年用户数达到1000万；
 *  定期举办双11、双12、三八男人节等活动；
 *  其他的功能参考京东或国美在线等网站。

客户就是客户，不会告诉你具体要什么，只会告诉你他想要什么，我们很多时候要引导，挖掘客户的需求。好在提供了明确的参考网站。因此，下一步要进行大量的分析，结合行业，以及参考网站，给客户提供方案。  
  
需求功能矩阵  
  
需求管理传统的做法，会使用用例图或模块图（需求列表）进行需求的描述。这样做常常忽视掉一个很重要的需求（非功能需求），因此推荐大家使用需求功能矩阵，进行需求描述。  
  
本电商网站的需求矩阵如下：

![20180512094228503][]

3、网站初级架构  
  
一般网站，刚开始的做法，是三台服务器，一台部署应用，一台部署数据库，一台部署NFS文件系统。  
这是前几年比较传统的做法，之前见到一个网站10万多会员，垂直服装设计门户，N多图片。使用了一台服务器部署了应用，数据库以及图片存储。出现了很多性能问题。  
  
如下图：  
![20180512094236596][]   
  
但是，目前主流的网站架构已经发生了翻天覆地的变化。一般都会采用集群的方式，进行高可用设计。至少是下面这个样子：  
  
![20180512094243570][]

*  使用集群对应用服务器进行冗余，实现高可用；（负载均衡设备可与应用一块部署）
 *  使用数据库主备模式，实现数据备份和高可用；

4、系统容量预估  
  
预估步骤：

*  注册用户数-日均UV量-每日的PV量-每天的并发量；
 *  峰值预估：平常量的2~3倍；
 *  根据并发量（并发，事务数），存储容量计算系统容量。

根据客户需求：3~5年用户数达到1000万注册用户，可以做每秒并发数预估：

*  每天的UV为200万（二八原则）；
 *  每日每天点击浏览30次；
 *  PV量：200\*30=6000万；
 *  集中访问量：24\*0.2=4.8小时会有6000万\*0.8=4800万（二八原则）；
 *  每分并发量：4.8\*60=288分钟，每分钟访问4800/288=16.7万（约等于）；
 *  每秒并发量：16.7万/60=2780（约等于）；
 *  假设：高峰期为平常值的三倍，则每秒的并发数可以达到8340次。
 *  1毫秒=1.3次访问；

没好好学数学后悔了吧？！（不知道以上算是否有错误，呵呵~~）  
  
服务器预估：（以tomcat服务器举例）  
  
按一台web服务器，支持每秒300个并发计算。平常需要10台服务器（约等于）；\[tomcat默认配置是150\]，高峰期需要30台服务器；  
  
容量预估：70/90原则  
  
系统CPU一般维持在70%左右的水平，高峰期达到90%的水平，是不浪费资源，并比较稳定的。内存，IO类似。  
  
以上预估仅供参考，因为服务器配置，业务逻辑复杂度等都有影响。在此CPU，硬盘，网络等不再进行评估。  
  
5、网站架构分析  
  
根据以上预估，有几个问题：

*  需要部署大量的服务器，高峰期计算，可能要部署30台Web服务器。并且这三十台服务器，只有秒杀，活动时才会用到，存在大量的浪费。
 *  所有的应用部署在同一台服务器，应用之间耦合严重。需要进行垂直切分和水平切分。
 *  大量应用存在冗余代码
 *  服务器Session同步耗费大量内存和网络带宽
 *  数据需要频繁访问数据库，数据库访问压力巨大。

大型网站一般需要做以下架构优化（优化是架构设计时，就要考虑的，一般从架构/代码级别解决，调优主要是简单参数的调整，比如JVM调优；如果调优涉及大量代码改造，就不是调优了，属于重构）：

*  业务拆分
 *  应用集群部署（分布式部署，集群部署和负载均衡）
 *  多级缓存
 *  单点登录（分布式Session）
 *  数据库集群（读写分离，分库分表）
 *  服务化
 *  消息队列
 *  其他技术

6、网站架构优化

6.1业务拆分  
根据业务属性进行垂直切分，划分为产品子系统，购物子系统，支付子系统，评论子系统，客服子系统，接口子系统（对接如进销存，短信等外部系统）。  
  
根据业务子系统进行等级定义，可分为核心系统和非核心系统。核心系统：产品子系统，购物子系统，支付子系统；非核心：评论子系统，客服子系统，接口子系统。

*  业务拆分作用：提升为子系统可由专门的团队和部门负责，专业的人做专业的事，解决模块之间耦合以及扩展性问题；每个子系统单独部署，避免集中部署导致一个应用挂了，全部应用不可用的问题。
 *  等级定义作用：用于流量突发时，对关键应用进行保护，实现优雅降级；保护关键应用不受到影响。

拆分后的架构图：  
![20180512094254265][]   
  
参考部署方案2  
![20180512094304699][]   
  
如上图每个应用单独部署，核心系统和非核心系统组合部署  
  
6.2应用集群部署（分布式，集群，负载均衡）

*  分布式部署：将业务拆分后的应用单独部署，应用直接通过RPC进行远程通信；
 *  集群部署：电商网站的高可用要求，每个应用至少部署两台服务器进行集群部署；
 *  负载均衡：是高可用系统必须的，一般应用通过负载均衡实现高可用，分布式服务通过内置的负载均衡实现高可用，关系型数据库通过主备方式实现高可用。

集群部署后架构图：  
  
![2018051209431481][]   
  
6.3 多级缓存  
缓存按照存放的位置一般可分为两类本地缓存和分布式缓存。本案例采用二级缓存的方式，进行缓存的设计。一级缓存为本地缓存，二级缓存为分布式缓存。（还有页面缓存，片段缓存等，那是更细粒度的划分）  
  
一级缓存，缓存数据字典，和常用热点数据等基本不可变/有规则变化的信息，二级缓存缓存需要的所有缓存。当一级缓存过期或不可用时，访问二级缓存的数据。如果二级缓存也没有，则访问数据库。  
  
缓存的比例，一般1:4，即可考虑使用缓存。（理论上是1:2即可）。  
![20180512094321255][]   
根据业务特性可使用以下缓存过期策略：

*  缓存自动过期；
 *  缓存触发过期；

6.4单点登录（分布式Session）  
系统分割为多个子系统，独立部署后，不可避免的会遇到会话管理的问题。一般可采用Session同步，Cookies，分布式Session方式。电商网站一般采用分布式Session实现。  
  
再进一步可以根据分布式Session，建立完善的单点登录或账户管理系统。  
  
![20180512094330131][]   
流程说明

*  用户第一次登录时，将会话信息（用户Id和用户信息），比如以用户Id为Key，写入分布式Session；
 *  用户再次登录时，获取分布式Session，是否有会话信息，如果没有则调到登录页；
 *  一般采用Cache中间件实现，建议使用Redis，因此它有持久化功能，方便分布式Session宕机后，可以从持久化存储中加载会话信息；
 *  存入会话时，可以设置会话保持的时间，比如15分钟，超过后自动超时；

结合Cache中间件，实现的分布式Session，可以很好的模拟Session会话。  
  
6.5数据库集群（读写分离，分库分表）  
大型网站需要存储海量的数据，为达到海量数据存储，高可用，高性能一般采用冗余的方式进行系统设计。一般有两种方式读写分离和分库分表。  
  
读写分离：一般解决读比例远大于写比例的场景，可采用一主一备，一主多备或多主多备方式。  
  
本案例在业务拆分的基础上，结合分库分表和读写分离。如下图：  
![20180512094339103][]

*  业务拆分后：每个子系统需要单独的库；
 *  如果单独的库太大，可以根据业务特性，进行再次分库，比如商品分类库，产品库；
 *  分库后，如果表中有数据量很大的，则进行分表，一般可以按照Id，时间等进行分表；（高级的用法是一致性Hash）
 *  在分库、分表的基础上，进行读写分离；

相关中间件可参考Cobar（阿里，目前已不在维护），TDDL（阿里），Atlas（奇虎360），MyCat。  
  
分库分表后序列的问题，JOIN，事务的问题，会在分库分表主题分享中，介绍。  
  
6.6服务化  
将多个子系统公用的功能/模块，进行抽取，作为公用服务使用。比如本案例的会员子系统就可以抽取为公用的服务。  
  
![2018051209434944][]   
  
6.7消息队列  
消息队列可以解决子系统/模块之间的耦合，实现异步，高可用，高性能的系统。是分布式系统的标准配置。本案例中，消息队列主要应用在购物，配送环节。

*  用户下单后，写入消息队列，后直接返回客户端；
 *  库存子系统：读取消息队列信息，完成减库存；
 *  配送子系统：读取消息队列信息，进行配送；

![20180512094357135][]   
目前使用较多的MQ有Active MQ、Rabbit MQ、Zero MQ、MS MQ等，需要根据具体的业务场景进行选择。建议可以研究下Rabbit MQ。  
  
6.8其他架构（技术）  
除了以上介绍的业务拆分，应用集群，多级缓存，单点登录，数据库集群，服务化，消息队列外。还有CDN，反向代理，分布式文件系统，大数据处理等系统。  
  
此处不详细介绍，大家可以问度娘/Google，有机会的话也可以分享给大家。  
  
7、架构汇总  
![20180512094409163][]

大型网站的架构是根据业务需求不断完善的，根据不同的业务特征会做特定的设计和考虑，本文只是讲述一个常规大型网站会涉及的一些技术和手段，希望能给大家带来启发。

# 作者介绍 #

[烂猪皮，][Link 1]十余年工作经验，曾在 Google 等外企工作过几年，精通 Java、分布式架构、微服务架构以及数据库，最近正在研究大数据以及区块链，希望能突破到更高的境界

原文：https://my.oschina.net/editorial-story/blog/1808757

[20180512093949395]: /images/20220525/3e8ff1dbc416453792a0cd6fdf6c8e90.png
[20180512093957549]: /images/20220525/30d399aa04f44baaa2765d2054ce1672.png
[2018051209401057]: /images/20220525/c0ed96845b4044ca8e3820e3e4fee557.png
[20180512094019933]: /images/20220525/e1a6df9a9d89409c876ade57f02e49af.png
[20180512094029803]: /images/20220525/27b557c33c56418783913ee0f9c8a1b5.png
[20180512094039880]: /images/20220525/4725600056ee4f33906486e07815a838.png
[20180512094053711]: /images/20220525/cbb17b59bd364d8cbc0ac72c5f45eca1.png
[2018051209410413]: /images/20220525/a6c905ab76484a8c9f4ee02a1621cf74.png
[20180512094117731]: /images/20220525/38690b2b47244c5cb8449d645443fcda.png
[20180512094127293]: /images/20220525/707c300bf225463b8bcb7d306e88d099.png
[2018051209415097]: /images/20220525/b61ae1173fdd40d3b50d91f2a81d765d.png
[20180512094200132]: /images/20220525/ae3aa7d48dda4224b6ca15f980e3fa92.png
[20180512094210298]: /images/20220525/89bcec3231b44a848cd96165a2ec56c5.png
[20180512094218481]: /images/20220525/b70004434fb2457dbda1ad371de324b4.png
[20180512094228503]: /images/20220525/ba079fd42ea248b28547f832ea4c3dc2.png
[20180512094236596]: /images/20220525/592e47db47224aa090c394050a1d4b19.png
[20180512094243570]: /images/20220525/9aee9b361a46454fbee4a9f1db145ecd.png
[20180512094254265]: /images/20220525/842437ab61bd4150a0132547b8d03926.png
[20180512094304699]: /images/20220525/4f04de5735c84dabb277030032cecc38.png
[2018051209431481]: /images/20220525/8ff9a3eb32a443b2b70fa82923e7a968.png
[20180512094321255]: /images/20220525/5e51933f801444169c971072cc3256af.png
[20180512094330131]: /images/20220525/9c155ed441724d05ba2d573978aed4d7.png
[20180512094339103]: /images/20220525/30f24149bb334a22a3116f6f08f2f77c.png
[2018051209434944]: /images/20220525/e823637c9959473fb0c950728dbb00fa.png
[20180512094357135]: /images/20220525/2e55740d4ccc402189597b3755828c9a.png
[20180512094409163]: /images/20220525/31b488d7c92147f8b7761d4e8ed0246b.png
[Link 1]: https://my.oschina.net/u/3636867/home