UniEAP V4 开发实践说明文档

今天药忘吃喽~ 2023-06-01 05:48 14阅读 0赞

#### 一、开发环境搭建 ####

###### 1. 前期准备 ######

Java jdk1.6 ，Oralce数据库，plsql客户端，tomcat6.0，开发样例数据库脚本，unieap脚本，unieap工程，unieap workshop。

###### 2. 引入UniEAP v4工程到workshop中 ######

在菜单中选择“导入”，选择“现有项目到工作空间中“，如下图：

[![clip\_image001][clip_image001]][clip_image001_clip_image001]

[![clip\_image002][clip_image002]][clip_image002_clip_image002]

###### 3. 创建组件 ######

在工程framework上右键选择“新“，再选择“SC unieap组件”，填写ID：testSC，如下图所示：

[![clip\_image003][clip_image003]][clip_image003_clip_image003]

然后再testSC上右键选择“新“，再选择“DC unieap组件”，填写ID：testDC，如下图所示：

[![clip\_image004][clip_image004]][clip_image004_clip_image004]

###### 4. 修改配置参数 ######

然后需要配置数据库连接配置文件/patch/webroot/WEB-INF/conf/platform/core/**EAPConfig.properties**，并将里面的参数改为现在使用的数据库连接，如下图所示：

[![clip\_image005][clip_image005]][clip_image005_clip_image005]

[![clip\_image007][clip_image007]][clip_image007_clip_image007]

###### 5. 发布/更新工程 ######

当更新过代码或设置时，workshop会自动进行代码生成和更新，如果遇到没有更新的情况，可以手动进行更新。

首选在workshop菜单中的“项目”里将“自动构建”勾选上，然后点击“清理”，如下图所示：

[![clip\_image008][clip_image008]][clip_image008_clip_image008]

还可以通过在framework上点击右键，选择“unieap工具”里的“一键发布”功能完成代码更新。如果遇到总是加载新代码失败的情况，可以采取以上两种方式进行代码更新后再尝试发布。

#### 二、开发实践（初级）增删改查 ####

首先以查询为例，介绍如何通过使用各个模型驱动开发一个功能，然后总体介绍增加、修改、删除功能开发过程。

###### 1. 建立领域实体模型entity ######

[![clip\_image009][clip_image009]][clip_image009_clip_image009]

在entity上点击右键，点击“新”新建entity模型，如下图：

[![clip\_image011][clip_image011]][clip_image011_clip_image011]

填写数据源配置，点击“测试链接”测试链接是否连通，然后点击“下一步”。

[![clip\_image012][clip_image012]][clip_image012_clip_image012]

点击“刷新”按钮，会看到数据库里所有的表对象，可以在上面“输入表或视图名前缀”录入框里直接录入表名，选择要建立模型的表，ID生成策略设置为uuid，点击“完成”。

[![clip\_image014][clip_image014]][clip_image014_clip_image014] [![clip\_image016][clip_image016]][clip_image016_clip_image016]

完成之后，在entity里会生成相应的模型，同时，在src下设置的包内生成对应的pojo类，在conf下生成hibernate的.hbm.xml配置文件。注意，如果有改动，要先修改模型，再用模型生成对应的pojo类和配置文件，如果直接修改pojo类和配置文件不改模型，生成后会被覆盖。

###### 2. 建立DAO模型 ######

右键点击DAO模型，选择“新”建立DAO模型，如下图所示：

[![clip\_image017][clip_image017]][clip_image017_clip_image017]

完成后，会在src下生成DAO的接口和实现类，如下图所示：

[![clip\_image018][clip_image018]][clip_image018_clip_image018]

先在接口里定义查询方法：

[![clip\_image020][clip_image020]][clip_image020_clip_image020]

然后在实现类里实现，编写hql语句查询结果：

[![clip\_image022][clip_image022]][clip_image022_clip_image022]

###### 3. 建立BO模型 ######

右键点击BO模型，选择“新”新建BO模型，如下图所示：

[![clip\_image023][clip_image023]][clip_image023_clip_image023]

点击“完成”后会自动在src下生成BO的接口和实现类，并生成相应的spring配置文件。

[![clip\_image024][clip_image024]][clip_image024_clip_image024]

现在接口里定义方法，然后在实现类里实现:

[![clip\_image026][clip_image026]][clip_image026_clip_image026]

[![clip\_image027][clip_image027]][clip_image027_clip_image027]

在BO里定义DAO对象，设置get,set方法，框架会自动生成spring的配置文件进行依赖注入，不用我们再进行配置了。

###### 4. 建立页面view模型 ######

右键点击“view”，选择“新”建立view模型如下图所示：

[![clip\_image028][clip_image028]][clip_image028_clip_image028]

建立模型后，会在view目录下生成相应的jsp与js文件。

[![clip\_image029][clip_image029]][clip_image029_clip_image029]

然后点击view模型，进入“设计标签”，上面有很多页面控件可以选择，能够方便的进行前台表格或按钮开发与布局，几乎不用编写代码。下面的数据集标签里可以设置页面用到的数据集。具体如下图所示：

[![clip\_image031][clip_image031]][clip_image031_clip_image031]

点击数据集上的“+”按钮增加数据集，首先建立查询列表的数据集，设置数据集如下图所示：

[![clip\_image033][clip_image033]][clip_image033_clip_image033]

在标题上填写实际的名称，点击“完成”。

然后在设计标签中拖拽Grid或QueryGrid到界面上，会出现如下界面：

[![clip\_image035][clip_image035]][clip_image035_clip_image035]

填写控件ID，选择控件类型为XGrid,选择类型如果有单选框选single，有多选框选multiple，没有则选none,数据集选择刚刚设置的testUser。将不想显示的行勾选掉，然后点击下一步，进入设置查询表单页面，如下图所示：

[![clip\_image037][clip_image037]][clip_image037_clip_image037]

设置总列数和要显示的查询条件，例如勾选用户名和班级名，则以这两个条件为查询条件。

设置完后看到设计器里生成了一个带查询条件表单和查询结果列表的组件。如下图所示：

[![clip\_image038][clip_image038]][clip_image038_clip_image038]

我们设置了2个查询条件，一个是用户名，一个是班级，我们为这个查询条件建立数据集：

[![clip\_image040][clip_image040]][clip_image040_clip_image040]

数据集里包括2个查询条件所用的字段。

接下来我们开始编写前台脚本：

首先点击“过程调用”标签，在“请求方法定义”中点击【增加】按钮，增加一个新方法，为方法命名为getAllUsers，用于获取后台查询的数据。

然后在“依赖BO”中点击【增加】按钮，选择以来的BO,也就是我们上面所开发的BO。

然后在“自动调用BO方法”中点击【选择】按钮，选出我们刚刚开发的方法testBO.getAllUsers。

因为有需要传递查询条件参数，所以在左面参数列表里加入参数，如下图所示：

[![clip\_image042][clip_image042]][clip_image042_clip_image042]

接下来开发getAllUsers方法调用成功后的回调函数，点击成功回调的“编辑”：

[![clip\_image043][clip_image043]][clip_image043_clip_image043]

在脚本中编写成功回调后将数据放入列表的脚本：

[![clip\_image044][clip_image044]][clip_image044_clip_image044]

最后编写查询按钮绑定的点击事件，在事件里调用getAllUsers方法。点击查询按钮上的小箭头在事件里选择“编辑onClick事件”，进入事件脚本编辑：

[![clip\_image046][clip_image046]][clip_image046_clip_image046]

然后编写调用语句：

[![clip\_image047][clip_image047]][clip_image047_clip_image047]

这样我们整个查询功能就开发完了，运行效果如下图所示：

[![clip\_image048][clip_image048]][clip_image048_clip_image048]

###### 5. 新增、修改、删除实现 ######

###### 5.1新增实现 ######

首先要配置一个数据集，用于新增使用：

[![clip\_image050][clip_image050]][clip_image050_clip_image050]

然后在页面里加入新增的form表单：

[![clip\_image052][clip_image052]][clip_image052_clip_image052]

选择表单所用的数据集

[![clip\_image054][clip_image054]][clip_image054_clip_image054]

然后添加新增按钮，完成后界面如下图所示：

[![clip\_image056][clip_image056]][clip_image056_clip_image056]

接下来进行BO和DAO中的方法编写，在BO与DAO里分别定义新增方法：

BO内实现：

[![clip\_image057][clip_image057]][clip_image057_clip_image057]

DAO内实现：

[![clip\_image058][clip_image058]][clip_image058_clip_image058]

然后在前台过程调用中创建调用方法saveUser,如下图所示：

[![clip\_image060][clip_image060]][clip_image060_clip_image060]

选择依赖BO，并选择调用BO的方法，并定义方法的参数，如下图所示：

[![clip\_image061][clip_image061]][clip_image061_clip_image061]

然后编写成功回调函数，在新增成功后，将新增的数据插入到查询列表的第一行中，如下图所示：

[![clip\_image062][clip_image062]][clip_image062_clip_image062]

最后，在【新增】按钮里的onclick事件中调用saveUser方法：

[![clip\_image064][clip_image064]][clip_image064_clip_image064]

[![clip\_image065][clip_image065]][clip_image065_clip_image065]

这样，新增功能就完成了。

###### 5.2删除实现 ######

删除列表中选中行数据。

首先在BO和DAO创建删除方法：

[![clip\_image066][clip_image066]][clip_image066_clip_image066]

[![clip\_image067][clip_image067]][clip_image067_clip_image067]

在前台过程调用中创建deleteUser方法，并设置关联BO的方法与参数：

[![clip\_image069][clip_image069]][clip_image069_clip_image069]

编辑成功回调函数：

[![clip\_image070][clip_image070]][clip_image070_clip_image070]

在【删除】按钮的onclick事件中调用deleteUser方法：

[![clip\_image071][clip_image071]][clip_image071_clip_image071]

###### 5.2修改实现 ######

修改列表中选中行的数据信息。

首先创建BO与DAO中的修改方法：

[![clip\_image072][clip_image072]][clip_image072_clip_image072]

[![clip\_image073][clip_image073]][clip_image073_clip_image073]

然后创建修改弹窗框控件：

[![clip\_image074][clip_image074]][clip_image074_clip_image074]

新建更新弹出页面view模型：

[![clip\_image075][clip_image075]][clip_image075_clip_image075]

然后在XDialog中设置页面引用为新建的updatetestSampleDemo.view:

[![clip\_image077][clip_image077]][clip_image077_clip_image077]

编辑页面完成操作后的onComplete事件，更新列表中选中行的信息：

[![clip\_image078][clip_image078]][clip_image078_clip_image078]

接下来在修改按钮的onclick事件中调用XDialog弹出修改页面：

[![clip\_image079][clip_image079]][clip_image079_clip_image079]

打开updatetestSampleDemo.view，

首先创建数据集：

[![clip\_image081][clip_image081]][clip_image081_clip_image081]

在界面加入form控件和修改按钮：

[![clip\_image083][clip_image083]][clip_image083_clip_image083]

[![clip\_image085][clip_image085]][clip_image085_clip_image085]

绑定form的数据集。

[![clip\_image086][clip_image086]][clip_image086_clip_image086]

设置过程调用方法updateUser调用BO中的修改方法：

[![clip\_image088][clip_image088]][clip_image088_clip_image088]

编写成功回调函数：

[![clip\_image089][clip_image089]][clip_image089_clip_image089]

在修改按钮的onclick事件中调用updateUser方法：

[![clip\_image090][clip_image090]][clip_image090_clip_image090]

这样，修改功能就完成了。

有时会用到超链接打开修改页面，下面介绍一下使用超链接形式进行修改：

[![clip\_image091][clip_image091]][clip_image091_clip_image091]

点击姓名上单位 超链接，进入修改页面，首先点击表头中的姓名，选择formatter事件进行编辑：

[![clip\_image093][clip_image093]][clip_image093_clip_image093]

在formatter事件里编写以下代码：

**return** "<a href=\\"\#\\" οnclick=\\"javascript:testSampleDemo.clickOrderNumber('" + inRowIndex + "')\\">" + inValue + "</a>";

然后在公共方法中增加clickOrderNumber方法：

[![clip\_image095][clip_image095]][clip_image095_clip_image095]

超链接调用该方法会将行号作为inRowIndex参数传递过来，然后获取这一行的数据，和上面一样调用dialog控件弹出修改页面。

#### 三、开发实践（中级）存储过程调用 ####

存储过程是实现系统业务逻辑的重要手段，下面内容主要介绍如何使用框架调用存储过程实现想要处理的业务功能。

业务场景是：在用户列表上勾选多个用户，将勾选的用户中，姓名等于下面填写的姓名的用户的年龄改为填写的年龄。

[![clip\_image096][clip_image096]][clip_image096_clip_image096]

首先做一个查询功能，查询所有用户信息，这个功能和上面介绍的查询功能类似，在这里就不介绍了。

然后编写前台过程调用方法：

[![clip\_image098][clip_image098]][clip_image098_clip_image098]

调用后台BO中的saveProcedures方法。然后编辑成功回调函数：

[![clip\_image099][clip_image099]][clip_image099_clip_image099]

接下来在【调用存储】按钮的onclick事件中调用saveProcedures方法：

[![clip\_image100][clip_image100]][clip_image100_clip_image100]

最后，是最重要的如何在后台调用存储过程，

在BO中创建调用存储方法：

[![clip\_image101][clip_image101]][clip_image101_clip_image101]

在DAO中创建调用存储方法，请参照注释内容学习每个步骤和语法：

[![clip\_image103][clip_image103]][clip_image103_clip_image103]

下面介绍一下存储过程里的语法，请参照注释学习每个步骤和语法：

CREATE OR REPLACE PROCEDURE PRO\_BIZ\_SAVEUSER\_ENTER\_P(P\_F\_USER IN VARCHAR2, *--**包含更改年龄的用户*

P\_F\_USERLIST IN VARCHAR2, *--**修改列表*

P\_RESULT OUT VARCHAR2 *--**返回值*

) IS

*/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\**

*\** *函数名* *: PRO\_BIZ\_SAVEUSER\_ENTER\_P*

*\** *建立日期* *: 2013-10-31 11:00*

*\** *作者* *: liu.zhp*

*\** *模块* *:* *保存用户信息*

*\** *描述* *:* *将选中的名字等于填写名字的用户，年龄改为填写的年龄*

*\** *返回值* *: P\_RESULT* *返回值*

*\*-------------------------------------------------------*

*\** *修改历史*

*\** *序号**日期**修改人**修改原因*

*\* 1*

*\* 2*

*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/*

V\_USER\_JSON\_LIST json\_list;*--**保存填写的**user**对象的**list*

V\_USERLIST\_JSON\_LIST json\_list;*--**保存选择的列表对象的**list*

V\_USER\_JSON json;*--**保存填写的**user**对象的**list**中的**1**个元素*

V\_USERLIST\_JSON json;*--**选择的列表对象的**list**的**1**个元素*

V\_AGE VARCHAR2(32); *--**年龄变量*

V\_NAME VARCHAR2(32); *--**姓名变量*

V\_LIST\_NAME VARCHAR2(32); *--List**中的姓名变量*

BEGIN

*--**初始化传入数据*

V\_AGE := '0';

V\_USER\_JSON\_LIST := json\_list(P\_F\_USER);*--**此语法是获取对象**list*

V\_USERLIST\_JSON\_LIST := json\_list(P\_F\_USERLIST);*--**此语法是获取对象**list*

V\_USER\_JSON:= json(V\_USER\_JSON\_LIST.get(1));*--**此语法是获取对象**list**中的第一个对象，*

*--**因为填写姓名和年龄的**user**对象只有**1**个所以直接**get**（**1**）*

V\_AGE:=json\_ext.get\_string(V\_USER\_JSON, 'uAge');*--**此语法是获取只定属性的值*

V\_NAME:=json\_ext.get\_string(V\_USER\_JSON, 'uName');*--**此语法是获取只定属性的值*

IF(V\_USERLIST\_JSON\_LIST.COUNT() > 0) THEN *--**判断**list**中是否有元素*

FOR I IN 1 .. V\_USERLIST\_JSON\_LIST.COUNT() LOOP *--**循环**list**里的每一个元素*

V\_USERLIST\_JSON:=json(V\_USERLIST\_JSON\_LIST.get(I));*--**获取第**i**个对象*

V\_LIST\_NAME:=json\_ext.get\_string(V\_USERLIST\_JSON, 'uName');*--**得到第**i**个对象的姓名*

IF(V\_LIST\_NAME=V\_NAME) THEN *--**如果姓名等于填写的年龄，将这个**id**的对象改为填写的年龄*

UPDATE TEST\_USER T

SET T.U\_AGE=V\_AGE

WHERE T.U\_ID=json\_ext.get\_string(V\_USERLIST\_JSON, 'uId');

END IF;

END LOOP;

END IF;

COMMIT;

END PRO\_BIZ\_SAVEUSER\_ENTER\_P;

#### 附录1 编码规范 ####

\*\*\*写注释是编写代码的重要规范，必须对自己编写的代码增加注释，以便于其他成员阅读和修改，请务必养成良好的习惯，利己利人。

**组件命名规范：**

首个单词小写，之后单词首字母大写，例如：

[![clip\_image104][clip_image104]][clip_image104_clip_image104]

**包命名规范：**

com.neusoft.1级包名.2级包名…… 例如：

[![clip\_image105][clip_image105]][clip_image105_clip_image105]

**类命名规范：**

**接口定义：**

每个单词首字母大写，如果是BO或DAO接口，加上BO/DAO，例如：

**public** **interface** TestBO \{\}

**public** **interface** TestDAO \{\}

**实现类定义：**

每个单词首字母大写，如果是BO或DAO的实现，加上BOImpl/DAOImpl，例如：

**public** **class** TestBOImpl **implements** TestBO \{\}

**public** **class** TestDAOImpl **extends** BaseHibernateDAO **implements** TestDAO \{\}

**变量命名规范：**

首个单词首字母小写，从第二个单词开始首字母大写，例如：

String jsonUserStr=jsonUser.toString();

**方法命名规范：**

首个单词首字母小写，从第二个单词开始首字母大写，例如：

**public** String saveProcedures(TestUser testUser,List<TestUser> testUserList)\{\}

**注释规范：**

所有类的开头都需要写注释，说明类的作用；方法前需要些注释，说明方法功能，参数，返回值；业务逻辑每行最好都有注释，便于其他成员修改时理解代码含义，具体例子如下：

在类定义里写以下注释：

/\*\*

\* brief description

\* Date : 2013-12-26

\* Module : SITA报文发送接收接口

\* Description: BO实现

\* Remark : 备注

\* 本代码版权归东软集团（大连）有限公司所有，禁止任何未授权的传播和使用

\* **@author** zhangxingwang@neusoft.com

\* **@version** 1.0

\* ------------------------------------------------------------

\* 修改历史

\* 序号 日期 修改人 修改原因

\* 1

\*/

**public** **class** SitaCommonBOImpl **extends** BaseServiceImpl **implements** ISitaCommonBO \{

在方法前写以下注释：

/\*\*

\* 方法简要描述信息.

\* 描述 : 根据航班号、航班日期、状态，查询报文发送信息公共方法

\* 备注 : 其他对方法的说明信息

\* **@param** paramMap

\* **@return**

\* **@throws** ServiceException

\*/

**public** List getPacketInfo(Map paramMap,String sql) **throws** ServiceException \{

业务逻辑中写以下注释：

// 存储过程名称由存储过程在数据库中的“包名.存储过程名”定义，即以下调用PKG\_TEST\_FEEAUDIT包中的prc\_a\_commAuditing存储过程

String procedurename = "PRO\_BIZ\_SAVEUSER\_ENTER\_P";

**int** i = 0;

// ProcPara为V4为存储过程提供的参数对象

// 创建格式为:new ProcPara(序号,参数为输入或输出<分别对应: ProcPara.IN 和ProcPara.OUT>,输入的参数值<当该参数为输出时不需要该属性>,参数类型<一般由java.sql.Types定义>)

ProcPara\[\] paras = **new** ProcPara\[\] \{

存储过程中写以下注释：

CREATE OR REPLACE PROCEDURE PRO\_BIZ\_SAVEUSER\_ENTER\_P(P\_F\_USER IN VARCHAR2, *--**包含更改年龄的用户*

P\_F\_USERLIST IN VARCHAR2, *--**修改列表*

P\_RESULT OUT VARCHAR2 *--**返回值*

) IS

*/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\**

*\** *函数名* *: PRO\_BIZ\_SAVEUSER\_ENTER\_P*

*\** *建立日期* *: 2013-10-31 11:00*

*\** *作者* *: liu.zhp*

*\** *模块* *:* *保存用户信息*

*\** *描述* *:* *将选中的用户年龄改为填写的年龄*

*\** *返回值* *: P\_RESULT* *返回值*

*\*-------------------------------------------------------*

*\** *修改历史*

*\** *序号**日期**修改人**修改原因*

*\* 1*

*\* 2*

*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/*

#### 附录2 参考学习资料 ####

1. UniEAP\_V4\_Usage.doc :优先阅读的用户手册

2. UniEAP Platform V4.4 FAQ.pdf

3. UniEAP V4 用户手册.pdf

4. UniEAP V4 Advance Form打印.pdf

5. 数据展示类表格控件开发教程.pdf

6. 文件上传和下载最佳实践.pdf

7. 页面穿透应用指南.pdf

8. 一键发布WebService.pdf

9. 自动分页查询及Grid导出使用说明.pdf

转载于:https://www.cnblogs.com/Jeely/p/11521561.html

[clip_image001]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113322694-295331327.jpg
[clip_image001_clip_image001]: /images/20230601/c75850557d134cadad9cc79e893825dd.png
[clip_image002]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113323699-601810623.jpg
[clip_image002_clip_image002]: /images/20230601/8a4df0b1c35e46cb86b0e70d8aa821f5.png
[clip_image003]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113324710-179681808.jpg
[clip_image003_clip_image003]: /images/20230601/a98fcc154d4542869192ef623964874a.png
[clip_image004]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113325615-1938533057.jpg
[clip_image004_clip_image004]: /images/20230601/cdcb14ed12e4471399d6ec97a5483365.png
[clip_image005]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113326496-1490526348.jpg
[clip_image005_clip_image005]: /images/20230601/230a14b6cbef46e4b80ba798c1632717.png
[clip_image007]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113327504-295725547.jpg
[clip_image007_clip_image007]: /images/20230601/a1f3da0452c64f5fa13bc30746aa25bd.png
[clip_image008]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113328338-714974422.jpg
[clip_image008_clip_image008]: /images/20230601/1e39c794a15840f299756f42591647b6.png
[clip_image009]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113329098-1745919571.jpg
[clip_image009_clip_image009]: /images/20230601/bdc9b78d3d4641a2856f26f6e86b7d23.png
[clip_image011]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113330008-1680585787.jpg
[clip_image011_clip_image011]: /images/20230601/bbe992a97b9046b88ec4162d7e612569.png
[clip_image012]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113331208-1492513452.jpg
[clip_image012_clip_image012]: /images/20230601/e88c0e6e940b43f0a65add44fc506aee.png
[clip_image014]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113332099-284492580.jpg
[clip_image014_clip_image014]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113331727-149603999.jpg
[clip_image016]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113332954-1418101192.jpg
[clip_image016_clip_image016]: /images/20230601/35b1b376a79c499785a61632c4633aa0.png
[clip_image017]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113333998-2096964895.jpg
[clip_image017_clip_image017]: /images/20230601/e9f07f8c46a24de09d3abc8c96594774.png
[clip_image018]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113334910-2080148965.jpg
[clip_image018_clip_image018]: /images/20230601/ff37ea45c5484fa7ab4559ea25941a87.png
[clip_image020]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113335795-1816255609.jpg
[clip_image020_clip_image020]: /images/20230601/b7becd99e0554b5ea8366a2e38ea5b91.png
[clip_image022]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113336717-1950283496.jpg
[clip_image022_clip_image022]: /images/20230601/45900640314e45829c6c9f408789eae0.png
[clip_image023]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113337593-1260108001.jpg
[clip_image023_clip_image023]: /images/20230601/ecf9178b411541799cd12743347fd0af.png
[clip_image024]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113338495-1874133112.jpg
[clip_image024_clip_image024]: /images/20230601/1d92629b224c48dcac1dacb483958ae0.png
[clip_image026]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113339177-594906560.jpg
[clip_image026_clip_image026]: /images/20230601/c86fb767e1dd43f2a36d57f8993af814.png
[clip_image027]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113340345-794488185.jpg
[clip_image027_clip_image027]: /images/20230601/841e3ad9d3ae4bb0b9fdc5010ae30805.png
[clip_image028]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113341306-1083959874.jpg
[clip_image028_clip_image028]: /images/20230601/76d567203c5f4e00a150e98b18f3effa.png
[clip_image029]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113342083-961908670.jpg
[clip_image029_clip_image029]: /images/20230601/09405e4e17b8443e873d5affcdee0f31.png
[clip_image031]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113343037-571418028.jpg
[clip_image031_clip_image031]: /images/20230601/db525489420241e0856f47909e364b90.png
[clip_image033]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113343949-1125650215.jpg
[clip_image033_clip_image033]: /images/20230601/c8b3deed4ab54e40bc04d5ce9313b158.png
[clip_image035]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113344824-1861773596.jpg
[clip_image035_clip_image035]: /images/20230601/9ee06f4fbfcb43c4920123daffc52709.png
[clip_image037]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113345682-1730418013.jpg
[clip_image037_clip_image037]: /images/20230601/63109f09680743c1b68479778465045f.png
[clip_image038]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113346483-1037921627.jpg
[clip_image038_clip_image038]: /images/20230601/97ef29d0f7fb49e1b3e76a8bc96c5824.png
[clip_image040]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113347493-1867506048.jpg
[clip_image040_clip_image040]: /images/20230601/cbc942b14a2a41cd8fa279a3b57081d1.png
[clip_image042]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113348348-620493558.jpg
[clip_image042_clip_image042]: /images/20230601/9da314324b0b44c2a23815b021508180.png
[clip_image043]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113349093-1234656587.jpg
[clip_image043_clip_image043]: /images/20230601/02d95f0306ba4c88948b2de0c352919c.png
[clip_image044]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113350032-388984461.jpg
[clip_image044_clip_image044]: /images/20230601/0a0d9cc1dece4d23a09d504ff3698304.png
[clip_image046]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113350887-498332509.jpg
[clip_image046_clip_image046]: /images/20230601/6e29dd8c327346caa06e6dd8096b088b.png
[clip_image047]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113351771-24241187.jpg
[clip_image047_clip_image047]: /images/20230601/a40b10b1909c4f0c8b9d02c77201412a.png
[clip_image048]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113352619-116017291.jpg
[clip_image048_clip_image048]: /images/20230601/a2722b269cea48cb98e30272804026a6.png
[clip_image050]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113353642-1623824806.jpg
[clip_image050_clip_image050]: /images/20230601/56b468b9053c44ec88b8e447d3bf46ca.png
[clip_image052]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113354451-832919679.jpg
[clip_image052_clip_image052]: /images/20230601/6dc1edb4e7fd4bfdb2d2a31ed5cb541c.png
[clip_image054]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113355237-725240070.jpg
[clip_image054_clip_image054]: /images/20230601/69b4b2c64f6c4515a4acc72fd248b86f.png
[clip_image056]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113355943-1054898884.jpg
[clip_image056_clip_image056]: /images/20230601/0f54a31fc2d74e0a8b52541cf8de38f8.png
[clip_image057]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113356646-658695591.jpg
[clip_image057_clip_image057]: /images/20230601/45f589e7e3c84219a45507d21f4d029e.png
[clip_image058]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113357468-1789441020.jpg
[clip_image058_clip_image058]: /images/20230601/4140e362fe2640ea8ef1b7f9a3826b39.png
[clip_image060]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113358603-628308748.jpg
[clip_image060_clip_image060]: /images/20230601/f3331c5687af428f9e8e4b9668c3d7c8.png
[clip_image061]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113359737-91365070.jpg
[clip_image061_clip_image061]: /images/20230601/2233019b6fb84a71aad1c4bded8a9fd3.png
[clip_image062]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113400465-1742987184.jpg
[clip_image062_clip_image062]: /images/20230601/5e1309e8da3f46ee833749916cc8ba84.png
[clip_image064]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113401397-1696830623.jpg
[clip_image064_clip_image064]: /images/20230601/3b81e89ecaec4910a2a31310f120fe76.png
[clip_image065]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113402296-4603634.jpg
[clip_image065_clip_image065]: /images/20230601/f14ede02d2ec4123ba634e530474943e.png
[clip_image066]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113403165-1289587154.jpg
[clip_image066_clip_image066]: /images/20230601/e50012a226c041619313271aa9c2c978.png
[clip_image067]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113403978-1862429786.jpg
[clip_image067_clip_image067]: /images/20230601/b36db23c0f8a4b229a3963931fbe5b2f.png
[clip_image069]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113404782-686117555.jpg
[clip_image069_clip_image069]: /images/20230601/b2fd11f0f932422e89d74bebc2b69cfd.png
[clip_image070]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113405677-1925416336.jpg
[clip_image070_clip_image070]: /images/20230601/d36fdc2efdf8400184179e93947cfdf3.png
[clip_image071]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113406620-1315472872.jpg
[clip_image071_clip_image071]: /images/20230601/5bf921d1024d417bb3699b1d10fc992b.png
[clip_image072]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113407486-759637396.jpg
[clip_image072_clip_image072]: /images/20230601/95325f551c03460f83ddb4c5c9996265.png
[clip_image073]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113408257-89253880.jpg
[clip_image073_clip_image073]: /images/20230601/641892a826a540f5843bfa9c385170e5.png
[clip_image074]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113408983-1652211108.jpg
[clip_image074_clip_image074]: /images/20230601/b76097475b894aa4b032eba1d2c3b372.png
[clip_image075]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113409681-847145650.jpg
[clip_image075_clip_image075]: /images/20230601/c4fcc37814614e9992e42658046726e8.png
[clip_image077]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113410706-1577018814.jpg
[clip_image077_clip_image077]: /images/20230601/dcb2c27739e64f798f6e665f4e856a98.png
[clip_image078]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113411563-808242643.jpg
[clip_image078_clip_image078]: /images/20230601/95f4e218e8ab42d593039f98d7781f4e.png
[clip_image079]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113412300-1205881104.jpg
[clip_image079_clip_image079]: /images/20230601/6a2f241287b147a8acb9713ccd5590da.png
[clip_image081]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113413097-1228746379.jpg
[clip_image081_clip_image081]: /images/20230601/ede5d30bee254ddc8b726bfce57ef923.png
[clip_image083]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113413813-1176997407.jpg
[clip_image083_clip_image083]: /images/20230601/55b6579287344998ba6fc15177f29892.png
[clip_image085]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113414504-2111356543.jpg
[clip_image085_clip_image085]: /images/20230601/e5f1ddcc1b454851bdcc0fb39cd01862.png
[clip_image086]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113415195-94461529.jpg
[clip_image086_clip_image086]: /images/20230601/ecd81904ecb640ddb1c67a00f36572a7.png
[clip_image088]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113416128-551909974.jpg
[clip_image088_clip_image088]: /images/20230601/ef6a572b97384b26b3485f16fc5509b8.png
[clip_image089]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113417010-338978795.jpg
[clip_image089_clip_image089]: /images/20230601/23d035a5834f46a39db3c04050335032.png
[clip_image090]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113417972-941694244.jpg
[clip_image090_clip_image090]: /images/20230601/e3840ff65b164543bf47e69040946373.png
[clip_image091]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113418889-1808780851.jpg
[clip_image091_clip_image091]: /images/20230601/1ab31dcd54184cfcbe974f0e6d2ba264.png
[clip_image093]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113419748-1154274555.jpg
[clip_image093_clip_image093]: /images/20230601/e2e7d7f1d98e4752bdf0800702a37d41.png
[clip_image095]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113420656-264054719.jpg
[clip_image095_clip_image095]: /images/20230601/3e3963fc0a044345b1656bb9abbd24b2.png
[clip_image096]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113421363-560097754.jpg
[clip_image096_clip_image096]: /images/20230601/4eb788181bcb41ffa3538e484b013b95.png
[clip_image098]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113422359-2048125220.jpg
[clip_image098_clip_image098]: /images/20230601/624ac9e5c381400a8b8df315c35e5a2d.png
[clip_image099]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113423119-836238242.jpg
[clip_image099_clip_image099]: /images/20230601/f644ad7387d443e5b14ad33cea70ca2f.png
[clip_image100]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113424027-1743247525.jpg
[clip_image100_clip_image100]: /images/20230601/dc306040a7c8438898b5de5ae0675e2a.png
[clip_image101]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113424863-2120137100.jpg
[clip_image101_clip_image101]: /images/20230601/fdd3ef1efcf04fa2b949a25fcc822c00.png
[clip_image103]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113425764-1242644421.jpg
[clip_image103_clip_image103]: /images/20230601/df19bf32dfec4b19bc2f6b82a70e8f82.png
[clip_image104]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113426504-738703932.jpg
[clip_image104_clip_image104]: /images/20230601/67e3f73a22b74f82adb664081232f378.png
[clip_image105]: https://img2018.cnblogs.com/blog/251429/201909/251429-20190915113427322-191343593.jpg
[clip_image105_clip_image105]: /images/20230601/1c923571464743c49f242fa2f06574f1.png