3 流程文档解析原理

超、凢脫俗 2023-02-21 09:23 7阅读 0赞

## 1 文档解析基础 ##

### 1.1 文档解析模型 ###

XML的解析目前经常使用的有DOM，SAX，DOM4j。这些从模型上可以分为**DOM模型和流模型**，对比这两种，优缺点如下：

#### 1.1.1 DOM模型 ####

优点：  
文档解析的时候允许客户端编辑和更新XML文档，并可随机访问文档中定义的元素数据。  
缺点：  
会先一次性将所有的内容加载到内存中，进而去映射Document对象中的树形结构，文件如果过大，内存占用率太大，元素遍历慢，容易造成性能问题。

#### 1.1.2 流模型 ####

优点：  
每次解析只会将要解析的节点加载到内存中，从头开始，读取一段解析一段，内存占用率少，性能高。  
缺点：  
解析的时候，文档处于只读状态，不可编辑，文件流只能前进，不能后退。

### 1.2 Activiti文档解析技术选型 ###

由于文档的定义完全交给客户定义和使用，最终生成XML，具有不可控性。所以在技术选型上**选择的是流模型**解析。  
流模型有SAX和STAX两种，SAX采用的是推模型，STAX采用的是拉模型。

#### 1.2.1 推模型 ####

是一种事件驱动机制。文档解析的时候，每发现一个元素节点就会触发相应的事件，因此客户端需要编写监听触发事件程序，比较麻烦。

#### 1.2.2 拉模型 ####

文档解析时客户端可以定制自己感兴趣的节点主动从读取器Reader中进行拉取，选择性处理节点，灵活性高。

最终Activiti选择的时候STAX，也就是拉模型方式解析文档。STAX提供了两套API,一套基于指针的，一套基于迭代器，这里我们说下基于指针的。  
STAX方式解析XML文档，核心在于程序可以根据当前的标记或者事件类型做出相应的处理。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70]  
这里做一个测试  
首先创建一个book.xml

<?xml version="1.0" encoding="UTF-8"?>
    <book aa="1" >
        <title >Activiti</title>
        <price >56</price>
        aaa
    </book>

/** * 基于光标的方式解析XML */
    	private static void cursorParseXML() throws Exception { 
    		XMLInputFactory factory = XMLInputFactory.newInstance();
    		InputStream is = TestStax.class.getClassLoader().getResourceAsStream("book.xml");
    		XMLStreamReader reader = factory.createXMLStreamReader(is);
    		while(reader.hasNext()) { 
    			int type = reader.next();
    			//处理不同的节点类型
    			//处理起始标签<book>
    			if(type == XMLStreamConstants.START_ELEMENT) { 
    				String localName = reader.getLocalName();
    				if(localName.equals("book")){ 
    					//打印标签的属性值
    					System.out.println("节点属性值为" + reader.getAttributeName(0) + "=" + reader.getAttributeValue(0));
    				}
    				if(localName.equals("title")) { 
    					System.out.println("书名称为[" + reader.getElementText() + "]");
    				}
    				if(localName.equals("price")) { 
    					System.out.println("价格为[" + reader.getElementText() + "]");
    				}
    			//打印文本节点的内容,也就是和标签并列的字符串
    			} else if(type == XMLStreamConstants.CHARACTERS) { 
    				String trim = reader.getText().trim();
    				if(!StringUtils.isEmpty(trim)){ 
    					System.out.println("文本节点值=[" + trim + "]");
    				}
    
    			//处理结束节点,如</book>,</title>
    			} else if(type == XMLStreamConstants.END_ELEMENT) { 
    				System.out.println("</" + reader.getName() + ">");
    			}
    		}
    		is.close();
    	}

打印结果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 1]

## 2 元素解析功能架构设计 ##

### 2.1 BPMN2.0元素概述 ###

它将所有的元素抽象提取为三大要素：

#### 2.1.1 Event(事件) ####

流程的开始，结束，流转都需要事件的支持。

#### 2.1.2 Gateways(网关) ####

用来辅助决定流程实例最终流转的目的地，常用的有并行网关，排他网关，兼容网关。

##### Activities(活动) #####

有生命周期的元素或者节点都称为活动，比如任务节点，子流程，引用流程。

三大要素如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 2]

### 2.2 元素解析功能架构设计 ###

架构设计如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 3]

### 2.3 开闭原则 ###

每一个元素解析对应一个元素解析器。流程解析过程如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 4]  
但是上面的方式存在一个问题，就是在程序中会做大量判断当前标记或者事件类型的逻辑。并且根据不同的事件类型实现不同的逻辑，如果要新增一个元素，就要修改整个方法。严重违反了开闭原则（对扩展开放，对修改关闭），**所以程序在设计之初就对整个系统进行抽象，在系统中定义一个相对稳定的抽象层或者通用的模板方法，将不同的实现行为移至具体的实现层完成**。

### 2.4 元素与元素属性承载类以及元素解析器的对应关系 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 5]![在这里插入图片描述][20200630072305711.png]  
注意：  
BaseBpmnXMLConverter是所有元素解析器的基类存在。

在这里咱们看一下转换类UserTaskXMLConverter。  
继承实现关系如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 6]  
BpmnXMLConstants中定义了大量的XML组装的常量：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 7]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 8]

BaseBpmnXMLConverter抽象类中方法如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 9]UserTaskXMLConverter方法如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 10]

### 2.5 元素属性承载类结构 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 11]  
UserTask类结构图如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 12]

## 3 元素解析环境准备 ##

### 3.1 文档转换器 ###

XML转BpmnModel代码如下：

public void convertToBpmnModel() { 
           String resource = "/common.bpmn";
            InputStream inputStream = this.getClass().getClassLoader().getResourceAsStream(resource);
            InputStreamSource inputStreamSource = new InputStreamSource(inputStream);
            BpmnXMLConverter bpmnXMLConverter = new BpmnXMLConverter();
            BpmnModel bpmnModel = bpmnXMLConverter.convertToBpmnModel(inputStreamSource, true, false, "UTF-8");
            
        }

对应的时序图如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 13]

### 3.2 封装流程文档数据流 ###

作用：将文档解析成数据流。  
StreamSource 接口代码如下：

public interface StreamSource extends InputStreamProvider { 
    
      InputStream getInputStream();
    
    }

根据下面的类图，可以知道它使用了设计模式中的策略模式。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 14]

public void streamSourceTest(){ 
    
            //将流程文档转成数据流
            StreamSource streamSource = new ResourceStreamSource("/test.bpmn");
            InputStream inputStream = streamSource.getInputStream();
            System.out.println(inputStream);
    
        }

### 3.3 初始化元素解析器 ###

作用：初始化，加载元素解析器。  
BpmnXMLConverter源码如下：

protected static Map<String, BaseBpmnXMLConverter> convertersToBpmnMap = new HashMap<String, BaseBpmnXMLConverter>();
      protected static Map<Class<? extends BaseElement>, BaseBpmnXMLConverter> convertersToXMLMap = new HashMap<Class<? extends BaseElement>, BaseBpmnXMLConverter>();
    
    //初始化加载元素解析器
      static { 
        // events
        addConverter(new EndEventXMLConverter());
        addConverter(new StartEventXMLConverter());
    
        // tasks
        addConverter(new BusinessRuleTaskXMLConverter());
        ...
        // gateways
        addConverter(new EventGatewayXMLConverter());
        ...
        // connectors
        addConverter(new SequenceFlowXMLConverter());
    
        // catch, throw and boundary event
        addConverter(new CatchEventXMLConverter());
      	...
    
        // artifacts
        addConverter(new TextAnnotationXMLConverter());
        addConverter(new AssociationXMLConverter());
    
        // data store reference
        addConverter(new DataStoreReferenceXMLConverter());
    
        // data objects
        addConverter(new ValuedDataObjectXMLConverter(), StringDataObject.class);
        addConverter(new ValuedDataObjectXMLConverter(), BooleanDataObject.class);
    	...
    
        // Alfresco types
        addConverter(new AlfrescoStartEventXMLConverter());
        addConverter(new AlfrescoUserTaskXMLConverter());
      }
      
        public static void addConverter(BaseBpmnXMLConverter converter) { 
        addConverter(converter, converter.getBpmnElementType());
      }
    
      public static void addConverter(BaseBpmnXMLConverter converter, Class<? extends BaseElement> elementType) { 
        convertersToBpmnMap.put(converter.getXMLElementName(), converter);
        convertersToXMLMap.put(elementType, converter);
      }

**要注意下addConverter方法：  
该方法是将元素解析器添加到内存中，如果咱们想自定义解析器可以采用这个方法将自定义的解析器加载到内存中。**

### 3.4 文档转换器功能 ###

继续看BpmnXMLConverter

**1 转换方法 convertToBpmnModel**  
将文件数据流转成Model

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 15]在convertToBpmnModel 的参数上，咱们理一下下面两个接口的关系  
InputStreamProvider和StreamSource  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 16]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 17]  
具体转换的实现如下：

同时咱们也可以从下面的这一块的解析可以看到它确实采用了xml中的流模型中的STAX技术。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 18]  
\*\*2 转换方法 convertToXML \*\*  
将model转成XML

public void convertToXML(BpmnModel bpmnModel) { 
            BpmnXMLConverter bpmnXMLConverter = new BpmnXMLConverter();
            String s = new String(bpmnXMLConverter.convertToXML(bpmnModel, "UTF-8"));
    
        }

### 3.5 元素解析前的校验 ###

public BpmnModel convertToBpmnModel(InputStreamProvider inputStreamProvider, boolean validateSchema, boolean enableSafeBpmnXml, String encoding) { 
        XMLInputFactory xif = XMLInputFactory.newInstance();
    	//添加安全防护
        if (xif.isPropertySupported(XMLInputFactory.IS_REPLACING_ENTITY_REFERENCES)) { 
          xif.setProperty(XMLInputFactory.IS_REPLACING_ENTITY_REFERENCES, false);
        }
    
        if (xif.isPropertySupported(XMLInputFactory.IS_SUPPORTING_EXTERNAL_ENTITIES)) { 
          xif.setProperty(XMLInputFactory.IS_SUPPORTING_EXTERNAL_ENTITIES, false);
        }
    
        if (xif.isPropertySupported(XMLInputFactory.SUPPORT_DTD)) { 
          xif.setProperty(XMLInputFactory.SUPPORT_DTD, false);
        }
    
        InputStreamReader in = null;
        try { 
          in = new InputStreamReader(inputStreamProvider.getInputStream(), encoding);
          XMLStreamReader xtr = xif.createXMLStreamReader(in);
    
          try { 
    		//要求流程文档中定义的元素符合XSD文件约束条件 
    		//如果自己调用这个方法的时候 尽量让validateSchema=true,走校验逻辑，enableSafeBpmnXml设置为false，对刚开始的流文件就进行校验，而不是XMLStreamReader 的包装。
            if (validateSchema) { 
              if (!enableSafeBpmnXml) { 
                validateModel(inputStreamProvider);
              } else { 
                validateModel(xtr);
              }
    
              // The input stream is closed after schema validation
              in = new InputStreamReader(inputStreamProvider.getInputStream(), encoding);
              xtr = xif.createXMLStreamReader(in);
            }
    
          } catch (Exception e) { 
            throw new XMLException(e.getMessage(), e);
          }
    
          // XML conversion
          return convertToBpmnModel(xtr);
        } catch (UnsupportedEncodingException e) { 
          throw new XMLException("The bpmn 2.0 xml is not UTF8 encoded", e);
        } catch (XMLStreamException e) { 
          throw new XMLException("Error while reading the BPMN 2.0 XML", e);
        } finally { 
          if (in != null) { 
            try { 
              in.close();
            } catch (IOException e) { 
              LOGGER.debug("Problem closing BPMN input stream", e);
            }
          }
        }
      }

### 3.6 校验流程设文档格式 ###

源码如下：

public void validateModel(InputStreamProvider inputStreamProvider) throws Exception { 
        Schema schema = createSchema();
    
        Validator validator = schema.newValidator();
        validator.validate(new StreamSource(inputStreamProvider.getInputStream()));
      }
    
      public void validateModel(XMLStreamReader xmlStreamReader) throws Exception { 
      	//创建校验模式
        Schema schema = createSchema();
    
        Validator validator = schema.newValidator();
        validator.validate(new StAXSource(xmlStreamReader));
      }

//校验模板
      protected static final String BPMN_XSD = "org/activiti/impl/bpmn/parser/BPMN20.xsd";
      
    protected Schema createSchema() throws SAXException { 
        SchemaFactory factory = SchemaFactory.newInstance(XMLConstants.W3C_XML_SCHEMA_NS_URI);
        Schema schema = null;
        if (classloader != null) { 
          schema = factory.newSchema(classloader.getResource(BPMN_XSD));
        }
    
        if (schema == null) { 
          schema = factory.newSchema(BpmnXMLConverter.class.getClassLoader().getResource(BPMN_XSD));
        }
    
        if (schema == null) { 
          throw new XMLException("BPMN XSD could not be found");
        }
        return schema;
      }

## 4 元素解析 ##

### 4.1 元素解析入口 ###

BpmnXMLConverter类的convertToBpmnModel方法  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 19]解析步骤：

1.  解析流程文档命名空间，就是咱们xml中的如下：

<bpmn2:definitions xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:activiti="http://activiti.org/bpmn" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" xmlns:tns="http://bpmn.io/schema/bpmn" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" expressionLanguage="http://www.w3.org/1999/XPath" id="sample-diagram" name="" targetNamespace="http://bpmn.io/schema/bpmn" typeLanguage="http://www.w3.org/2001/XMLSchema">

![在这里插入图片描述][20200710174507378.png]

1.  解析外围元素  
    外围元素指的是process元素的兄弟元素，比如消息元素等等。
2.  解析process  
    就是解析process里面的事件，网关和活动等。  
    首先在前面的代码中已经将元素解析器加载到convertersToBpmnMap中，然后通过元素名称进行获取，进行解析。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 20]具体解析在BaseBpmnXMLConverter中  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 21]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200630065827295.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200702161133827.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200630070650363.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200630070810988.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200630071200298.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200630072251171.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[20200630072305711.png]: https://img-blog.csdnimg.cn/20200630072305711.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/2020063007263016.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/2020063007275218.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20200630073741702.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20200630073117645.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20200630073245822.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 11]: https://img-blog.csdnimg.cn/20200630074131794.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 12]: https://img-blog.csdnimg.cn/2020063007440254.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 13]: https://img-blog.csdnimg.cn/20200630180820488.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 14]: https://img-blog.csdnimg.cn/20200701113018138.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 15]: https://img-blog.csdnimg.cn/20200701210452383.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 16]: https://img-blog.csdnimg.cn/20200701211739206.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 17]: https://img-blog.csdnimg.cn/20200701212020580.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 18]: https://img-blog.csdnimg.cn/20200701213528286.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 19]: https://img-blog.csdnimg.cn/20200710172800567.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[20200710174507378.png]: https://img-blog.csdnimg.cn/20200710174507378.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 20]: https://img-blog.csdnimg.cn/20200710173620178.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw_size_16_color_FFFFFF_t_70 21]: https://img-blog.csdnimg.cn/20200710173907428.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1MjM3NDYzMzU4Mw==,size_16,color_FFFFFF,t_70