人人开源搭建后台管理系统 & 逆向工程生成CRUD代码

喜欢ヅ旅行 2023-10-10 15:23 28阅读 0赞

## 一、什么是人人开源 ##

> 也就是说和若依类似，都是快速帮我们开发一些简单的逻辑代码的，可以帮我们自动生成代码。

![3cbda80e965344188fb82fd831d41185.png][]

## 二、具体操作 ##

> 我们现在就以renren-fast作为后台管理系统框架，用renren-fast-vue作为前端系统框架进行开发项目

**具体操作如下所示：**

### 1、首先在码云上搜索人人开源： ###

![596ef35d55be44f5b2c931c64db12b6f.png][]

![f27ea5657fe945a1900652cd6d066698.png][]

![9ac3eabcff7e4c88a1db605aa346469d.png][]

![a835b97fd86f4b04930b5c406d56946d.png][]

### 2、克隆快速开发系统 ###

![e35f5cb3893a4c5f8309dc1e97c7efce.png][]

![7f62231ef7174a418423cff592ff31c1.png][]

![6383686e94634be5a3ed8eff5c4c5aef.png][]

![b4553fcd8a3a40a78c5a4d17861f447a.png][]

**补充改错： ！！！！！**

**我们最好把前端的这个管理系统克隆到D盘当中去，因为我们默认克隆到桌面的话会给我们克隆到C盘上，C盘有可能会有中文的目录，因此后面启动vscode输入命令的时候有可能因为中文目录会报错，因此我们克隆到D盘去（非中文目录下，如果克隆到桌面上的话是非中文目录那么就不用克隆到D盘了直接克隆到桌面就行）：**

![392bd44a595e44329b03c31ac5442788.png][]

![9fe575a769b34bfbbf80f16ca76501fb.png][]

### 3、把克隆下来的快速开发后台管理系统放入到我们gulimall工程中 ###

![ea522a60aaae4a2dbfb0003a7cda8a18.png][]

**然后我们打开刚才克隆下来的后台快速开发管理系统的文件 ：renren-fast**

![440f49535e064c1cacce6aad6165dd7b.png][]

**删除掉之后，我们直接把renren-fast文件放入到我们gulimall工程文件中即可：**

![e56f26c1113e4c9796988b5444ceff3e.png][]

![326318fd5bd14cb190cb5a42124a3e1f.png][]

**然后我们打开renren-fast模块，会发现有一些数据库：**

![28d8966baf024040915ef8aaf365c5dd.png][]

**那么我们就需要打开可视化工具，复制上面的这些SQL语句，把renren-fast模块快速开发后台管理系统的数据库创建出来：**

![1f366874fc68470b9fb597a927f20c94.png][]

![6e0c718ef8b645d69e80018e0e7e9a91.png][]

**然后我们就可以打开renren-fast模块的dev配置文件进行修改一下配置了：**

![bc7d825b53a64ea0a80049ab19d65319.png][]

**然后我们就可以进行测试了：测试该快速开发后台管理系统是否搭建成功：**

![65b13e52cbd34963951ca088944dc02b.png][]

**启动成功的话，就说明后台快速开发管理系统搭建成功了：**

![8f0fe369301f45df9775abc2390044df.png][]

![fbbb04dd812b4ae78e57477ae0c5d084.png][]

>  注意1：有可能会出现下面的SQL连接错误问题：
> 
> 解决思路：1、先看一下刚才在dev配置文件中配置连接的时候是否写错字母了。
> 
> 2、如果都没错的情况下在url后面添加上&useSSL=false
> 
> ![4ac2bfa68cdc4c2e9467e2b6a2161767.png][]
> 
> 注意2：
> 
> ![166a0b78bc9f46eca7910e3279b40e9d.png][]
> 
> ![6315c891c36f4b41bff43d0a77dbfb9b.png][]
> 
> **解决：导入jdk版本**
> 
> ![90b6a23c14a2485fb3148e0046185534.png][]
> 
> ![dd2fb998170543e3b2b9cf91b6c29d02.png][]

### 4、把克隆下来的快速开发前台管理系统放入到vscode中 ###

> 注意：克隆下来的这个前端的系统，也要打开先把.git文件删除掉，然后再拖入到vscode中

![08fb7eaf70e8423ea0dee937f2397e14.png][]

改正：不再是桌面上的前端管理系统，而是克隆到D盘的前端管理系统（注意把.git目录删除掉后再拉取到vscode中）

**拖进来之后，我们就需要先安装前端的运行环境：node.js**

####  ####

#### **4.1、安装node** ####

> 高版本安装node地址：直接官方搜索node即可

![eb1fd14917e34c61bb7c3a13f2f6235d.png][]

> 低版本安装node地址：  
> [https://nodejs.org/zh-cn/download/releases/![icon-default.png_t_M85B][]https://nodejs.org/zh-cn/download/releases/][https_nodejs.org_zh-cn_download_releases_icon-default.png_t_M85B_https_nodejs.org_zh-cn_download_releases]
> 
> 我们这里就以10.16.3 LTS版本演示：
> 
> ![e1d29a211539483a92acdfb5298ea41c.png][]
> 
> ![d539bc9471234bbc99f4d61e09142b00.png][]
> 
> ![48c5c135d0054b2ab86dcec83fdc0639.png][]
> 
> ![1d215172ffc74d03af636ca74f4738e7.png][]

#### **node.js安装成功后，我们需要添加一些配置：** ####

> 1、打开cmd命令窗口，使用 node -v 命令查看一下node.js版本

![5e7d0eaf34364976aa8ef86d95afcc24.png][]

> 2、配置npm使用淘宝镜像
> 
> 命令：npm config set registry http://registry.npm.taobao.org/

![5b61475067c14f7cb3dc748cdca755d3.png][]

**环境配置好之后，我们就可以回到vscode编辑器上进行测试了：**

![b430ca13cd864340aa0b3e2e57bd8cb5.png][]

![9376cfd1fd634dd1901a70306437c4dd.png][]

#### **下载成功后，我们就可以运行这个快速开发的前端项目了：** ####

> 使用命令： npm run dev 即可运行克隆下来的快速开发前端的项目

![9fd8783027eb44548381f85fd3434438.png][]

## 三、前后端联调 ##

> 运行成功后，我们前端和后端就可以联合调试了

![7ba74a842fcd4652be75f567b586c764.png][]

![db7a283e4c83415e8e3a2869db388a84.png][]

> 点击登录后，会发现确实进入到我们搭建的这个快速开发的前端界面内了

![7c53d9acdaa14e2b9a56c04ed6a62f7c.png][]

**补充：**

![0fb753992a414d3c888971bde41c832c.png][]

![4f074bfad4614ab180f5112a9aba3039.png][]

## 四、逆向工程搭建&使用 ##

> 前面的三步做完之后，包括搭建的前后台管理系统能够联调同之后，我们就可以为我们的gulimall工程下的五个微服务生成基本的增删改查方法了

![b01df655bc6d47d2a415addb51d0961b.png][]

###  **为五个微服务快速生成基本代码的步骤如下所示：** ###

![80d210d6f3f2432f8e7bfa54a6cd798c.png][]

![279b929c6bfa4687bfaa9a519fcfd843.png][]

![79a3353af52c47918ba1a142193b3d30.png][]

![8ef0bce12dca459992fec9e45f85ce6e.png][]

####  ####

#### **1、配置好之后，我们就可以运行这个renren-generator项目了，但是在运行之前我们还需要以下的配置操作：** ####

**注：这里先生成的gulimall\_pms数据库对应的product项目的基本crud代码，如果连续生成五个服务的话，这个地方把数据库名依次换一下然后走一遍这个步骤克隆生成出代码即可**

![ea6c4479b62c4b819527322c2ee7943b.png][]

![b917aa463ab645478dedabbc4c99c6df.png][]

>  注：如果xxxx.properties配置文件中的中文乱码的话，那么可以 settings --> File Encodings --> 把Global Encoding 选择成 UTF-8 然后把下面的 Transparent bative-to-ascii conversion 勾选上即可解决

####  ####

#### **2、上面配置好后，我们就可以启动这个renren-generator项目了：** ####

![caff8765b09144a4afc41e2f9c14dc65.png][]

![2764b6142edc47b6a779e89bef48cece.png][]

**补充：重点注意！！**

![ceb269e5abfe4093a6b2032bc3461c6d.png][]

![db4bbece3d824c41bf35928c43f3f079.png][]

![ee6276c8724b4b7aa02a16192868d76c.png][]

![f936a8a414664422891ca9ae83870dee.png][]

![04f9cd19739d48d0a62a5b3804f2563d.png][]

#### 3、解决快速生成的项目代码爆红问题 ####

![3c961714c41b46fda448d3b605712461.png][]

####  **解决思路及处理流程：** ####

> ![2f18071ad26b4f7887a28c07687cb9d8.png][]
> 
> 现在有这样一个问题，就是说我们这个表现层或者数据层或者业务层中，都有可能会没有实体类的原因而爆红，或者说没有导依赖所爆红，我们总不能一个一个的打开服务进行修改配置吧，因此我们就创建一个模块用来专门做这五个微服务需要的公共实体类和依赖的问题，
> 
> 比如：我们直接在这个gulimall-common模块中写入一个R实体类，那么五个微服务通过导入
> 
> gulimall-common模块的依赖后那么这五个微服务就可以都获得到R实体类了（也就是说不用我们一个一个进入微服务当中为其创建实体类或者依赖了）
> 
> 创建gulimall-common模块步骤：
> 
> ![961e1768b4b64580ad6bebee85dd6069.png][]
> 
> ![76e439bf88474bf2bd26311f7ed01a8a.png][]
> 
> ![c8bf18d1fc76453b9d26fd3496db8b5a.png][]
> 
> 微服务中依赖完gulimall-common模块的依赖后，我们就可以在gulimall-common模块当中配置一些这五个微服务共同使用的一些实体类和pom依赖了：
> 
> **1、首先先处理各微服务数据层爆红问题：**
> 
> ![e167752eca5a4685859a60c909fe49eb.png][]
> 
> ![619c6313414d4220bfa9cd4f95ed4818.png][]
> 
> 导入完之后，我们就会发现这五个微服务的数据层确实引入到了common模块中的mybatis-plus的依赖，不爆红了，因此各个微服务的数据层已经解决：
> 
> ![e4503e2572704ce6a2d431db4475eff8.png][]
> 
> **2、然后处理各微服务实体类爆红问题：**
> 
> ![8f22f9ec8cc340f2a68cfbaa375ec7b3.png][]
> 
> **3、再处理业务层所用到的公共类**
> 
> ![002615a61abd4c4789cc71ac7e5de6ec.png][]
> 
> ![d3d150f6ab0b433f80bec5e4e3278ab1.png][]
> 
> ![52d0410736304095814e74f6dbe3d113.png][]
> 
> **4、然后我们再处理表现层爆红问题**
> 
> ![935221db29c749089a69ba29fc821601.png][]
> 
> **5、解决Query公共类中爆红问题**
> 
> ![9eb7d03154ca46b1924de34b63f5bcac.png][]
> 
> 5.1、先解决 StringUtils 爆红问题
> 
> ![3f3b6b2484634674b028497606cea8b5.png][]
> 
> ![3699a589a9014390a736b9adf6a2dca4.png][]
> 
> 5.2、解决 SQLFilter 爆红问题
> 
> ![3e1645d2a5fb403d8a351ec161506cdd.png][]
> 
> ![74125f80766d4d71852000f75ff01845.png][]
> 
> **6、各微服务表现层注解爆红问题**
> 
> ![c63b5e8332874b2a95384cfd934864ef.png][]
> 
> 但是现在有一个问题，我们各微服务的表现层各方法中都有这个注解，难不成我们都一个一个的手动删除？ 那要删除到什么时候呢，我们可以用下面的一种方式：
> 
> 也就是调整一下逆向工程，让生成基本代码的时候不生成那个注解：
> 
> ![3fec8210ed0a48b68055940bffa61430.png][]
> 
> ![cb30f085eaab47adb5188251cccdd4d1.png][]
> 
> **然后我们重启这个逆向工程，然后重新生成基本代码（又回到了上面的步骤）：**
> 
> ![0f0816970f944b79a3fe3c8bc16327fc.png][]
> 
> ![ceb269e5abfe4093a6b2032bc3461c6d.png][]
> 
> ![0489d00a1d264951b8990d38035024f8.png][]
> 
> ![ae2c27800380490685e6aebf0c6fffd4.png][]

通过上面的所有操作后，那么最终我们的product微服务模块就通过逆向工程自动生成了一些基本的crud代码了~

![7a15a9c51aab44feaa829356c31183ee.png][]

## 五、配置 & 测试各微服务的基本CRUD功能 ##

> 首先上面我们知道了，我们为各微服务（我们先演示了product微服务）都自动生成了基本的crud代码了（数据层、业务层、表现层等），我们可以看出各微服务生成的crud代码都是基于mybatis-plus的，因此我们需要配置mybatis-plus，让各微服务和对应的数据库连接起来。（因为现在只是把各微服务的基本crud代码生成好了，但是各微服务还没有和自己对应的数据库连接起来呢）
> 
> ![4d3c953245d0471aaab11a7381506f2c.png][]

### 1、项目整合mybatis-plus ###

**第一步：在项目中导入mybatis-plus依赖**

![9d0424b59ff9416ca78463a64dc2e992.png][]

**第二步：配置数据源**

> **配置数据源分为以下步骤：**
> 
>  **1、导入mysql连接驱动（也就是导入mysql依赖）**
> 
>  **2、在各微服务模块的application.yml配置文件中配置数据源**
> 
> 配置完数据源之后，那么我们这几个微服务项目就成功的和自己对应的数据库建立起了联系

同理我们也是直接把配置放入到common模块当中，这样就不用手动一个一个的为这几个微服务配置了，因为这几个微服务依赖了common模块，因此也同样可以依赖到我们放入到common模块中的配置（如果没有这个公共的专门放公共配置的common模块的话，那么就手动为每个微服务：比如product服务、member服务、order服务.....添加配置即可）

**第三步：配置mybatis-plus**

> 因为我们知道我们这些微服务项目都是基于mybatis-plus的，因此我们还要为这些微服务配置一下mybatis-plus

#### **步骤演示如下所示：** ####

**1、导入mysql连接驱动（建议用8.x版本，兼容于任何版本）**

![5de1abc7506e48719dee9889578d71ba.png][]

**2、在各微服务模块的application.yml配置文件中配置数据源**

![81bb8c45f2364806bea49f353fd7c345.png][]

**这里需要补充一点：**

配置文件中的url的话，尽量按下面的形式写，写全，按下面的形式写的话可以解决存放到数据库中的数据中文乱码等一些问题：

url: jdbc:mysql://192.168.91.144:3306/gulimall_pms?serverTimezone=Asia/Shanghai&useUnicode=true&characterEncoding=utf-8&useSSL=false

**3、配置mybatis-plus**

3.1、配置MapperScan注解：

![d507a95845384d4d9a6c180841610912.png][]

3.2、告诉mybatis-plus，sql文件的所在位置：

![5ea673e684c4416c893f481f56bbc109.png][]

### 2、测试各微服务crud功能 ###

> 也就是说基于上面的配置之后，我们的各个微服务项目就成功的和mysql建立了联系了，并且项目中的逻辑也是基于mybatis-plus完成的，那么我们就可以测试一下各个微服务的增删改查的功能了，看看到底是不是成功的和数据库建立起了联系了（测试看看保持功能到底能不能成功的把数据放入到项目对应的数据库当中去）。

**我们这里就拿gulimall-product服务项目进行测试：**

![974f8c951e494819ac8f674609f487e0.png][]

![d336b131108e428ab7a06ab8be8268a3.png][]

![b08613cda60744e6b8250b85607034b9.png][]

**测试时有可能会遇到下面的报错问题：**

![05a61725425b46e290e7c7b6b28e0ef9.png][]

![8d86ca565c414963be85a8fe8b9c206b.png][]

## 六、逆向生成所有的微服务基本CRUD代码 ##

我们上面已经学会如何对一个微服务快速生成基本的crud代码了，并且也知道如何配置一个微服务项目基于mybatis-plus和mysql数据库建立联系了，并且最后也能测试成功，我们知道我们上面都是以gulimall-product微服务作为演示的，我们现在就要为我们谷粒这个整体项目的微服务都快速生成crud代码和配置连接数据库 （配置的过程和玩product服务的时候是一模一样的），。

这里不再演示生成基本crud代码的过程和mysql配置连接过程，看着上面的product服务的步骤做就行（**从第四标题开始往下跟着步骤搭建即可**）。

**注意：要保证谷粒整体中的这几个微服务的端口号不能冲突（我们可以设置为8000、9000、10000.... 加以区分）**

![e000858ee27e4df5918d23a7793c56cb.png][]

[3cbda80e965344188fb82fd831d41185.png]: https://img-blog.csdnimg.cn/3cbda80e965344188fb82fd831d41185.png
[596ef35d55be44f5b2c931c64db12b6f.png]: https://img-blog.csdnimg.cn/596ef35d55be44f5b2c931c64db12b6f.png
[f27ea5657fe945a1900652cd6d066698.png]: https://img-blog.csdnimg.cn/f27ea5657fe945a1900652cd6d066698.png
[9ac3eabcff7e4c88a1db605aa346469d.png]: https://img-blog.csdnimg.cn/9ac3eabcff7e4c88a1db605aa346469d.png
[a835b97fd86f4b04930b5c406d56946d.png]: https://img-blog.csdnimg.cn/a835b97fd86f4b04930b5c406d56946d.png
[e35f5cb3893a4c5f8309dc1e97c7efce.png]: https://img-blog.csdnimg.cn/e35f5cb3893a4c5f8309dc1e97c7efce.png
[7f62231ef7174a418423cff592ff31c1.png]: https://img-blog.csdnimg.cn/7f62231ef7174a418423cff592ff31c1.png
[6383686e94634be5a3ed8eff5c4c5aef.png]: https://img-blog.csdnimg.cn/6383686e94634be5a3ed8eff5c4c5aef.png
[b4553fcd8a3a40a78c5a4d17861f447a.png]: https://img-blog.csdnimg.cn/b4553fcd8a3a40a78c5a4d17861f447a.png
[392bd44a595e44329b03c31ac5442788.png]: https://img-blog.csdnimg.cn/392bd44a595e44329b03c31ac5442788.png
[9fe575a769b34bfbbf80f16ca76501fb.png]: https://img-blog.csdnimg.cn/9fe575a769b34bfbbf80f16ca76501fb.png
[ea522a60aaae4a2dbfb0003a7cda8a18.png]: https://img-blog.csdnimg.cn/ea522a60aaae4a2dbfb0003a7cda8a18.png
[440f49535e064c1cacce6aad6165dd7b.png]: https://img-blog.csdnimg.cn/440f49535e064c1cacce6aad6165dd7b.png
[e56f26c1113e4c9796988b5444ceff3e.png]: https://img-blog.csdnimg.cn/e56f26c1113e4c9796988b5444ceff3e.png
[326318fd5bd14cb190cb5a42124a3e1f.png]: https://img-blog.csdnimg.cn/326318fd5bd14cb190cb5a42124a3e1f.png
[28d8966baf024040915ef8aaf365c5dd.png]: https://img-blog.csdnimg.cn/28d8966baf024040915ef8aaf365c5dd.png
[1f366874fc68470b9fb597a927f20c94.png]: https://img-blog.csdnimg.cn/1f366874fc68470b9fb597a927f20c94.png
[6e0c718ef8b645d69e80018e0e7e9a91.png]: https://img-blog.csdnimg.cn/6e0c718ef8b645d69e80018e0e7e9a91.png
[bc7d825b53a64ea0a80049ab19d65319.png]: https://img-blog.csdnimg.cn/bc7d825b53a64ea0a80049ab19d65319.png
[65b13e52cbd34963951ca088944dc02b.png]: https://img-blog.csdnimg.cn/65b13e52cbd34963951ca088944dc02b.png
[8f0fe369301f45df9775abc2390044df.png]: https://img-blog.csdnimg.cn/8f0fe369301f45df9775abc2390044df.png
[fbbb04dd812b4ae78e57477ae0c5d084.png]: https://img-blog.csdnimg.cn/fbbb04dd812b4ae78e57477ae0c5d084.png
[4ac2bfa68cdc4c2e9467e2b6a2161767.png]: https://img-blog.csdnimg.cn/4ac2bfa68cdc4c2e9467e2b6a2161767.png
[166a0b78bc9f46eca7910e3279b40e9d.png]: https://img-blog.csdnimg.cn/166a0b78bc9f46eca7910e3279b40e9d.png
[6315c891c36f4b41bff43d0a77dbfb9b.png]: https://img-blog.csdnimg.cn/6315c891c36f4b41bff43d0a77dbfb9b.png
[90b6a23c14a2485fb3148e0046185534.png]: https://img-blog.csdnimg.cn/90b6a23c14a2485fb3148e0046185534.png
[dd2fb998170543e3b2b9cf91b6c29d02.png]: https://img-blog.csdnimg.cn/dd2fb998170543e3b2b9cf91b6c29d02.png
[08fb7eaf70e8423ea0dee937f2397e14.png]: https://img-blog.csdnimg.cn/08fb7eaf70e8423ea0dee937f2397e14.png
[eb1fd14917e34c61bb7c3a13f2f6235d.png]: https://img-blog.csdnimg.cn/eb1fd14917e34c61bb7c3a13f2f6235d.png
[icon-default.png_t_M85B]: https://csdnimg.cn/release/blog_editor_html/release2.2.0/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=M85B
[https_nodejs.org_zh-cn_download_releases_icon-default.png_t_M85B_https_nodejs.org_zh-cn_download_releases]: https://nodejs.org/zh-cn/download/releases/
[e1d29a211539483a92acdfb5298ea41c.png]: https://img-blog.csdnimg.cn/e1d29a211539483a92acdfb5298ea41c.png
[d539bc9471234bbc99f4d61e09142b00.png]: https://img-blog.csdnimg.cn/d539bc9471234bbc99f4d61e09142b00.png
[48c5c135d0054b2ab86dcec83fdc0639.png]: https://img-blog.csdnimg.cn/48c5c135d0054b2ab86dcec83fdc0639.png
[1d215172ffc74d03af636ca74f4738e7.png]: https://img-blog.csdnimg.cn/1d215172ffc74d03af636ca74f4738e7.png
[5e7d0eaf34364976aa8ef86d95afcc24.png]: https://img-blog.csdnimg.cn/5e7d0eaf34364976aa8ef86d95afcc24.png
[5b61475067c14f7cb3dc748cdca755d3.png]: https://img-blog.csdnimg.cn/5b61475067c14f7cb3dc748cdca755d3.png
[b430ca13cd864340aa0b3e2e57bd8cb5.png]: https://img-blog.csdnimg.cn/b430ca13cd864340aa0b3e2e57bd8cb5.png
[9376cfd1fd634dd1901a70306437c4dd.png]: https://img-blog.csdnimg.cn/9376cfd1fd634dd1901a70306437c4dd.png
[9fd8783027eb44548381f85fd3434438.png]: https://img-blog.csdnimg.cn/9fd8783027eb44548381f85fd3434438.png
[7ba74a842fcd4652be75f567b586c764.png]: https://img-blog.csdnimg.cn/7ba74a842fcd4652be75f567b586c764.png
[db7a283e4c83415e8e3a2869db388a84.png]: https://img-blog.csdnimg.cn/db7a283e4c83415e8e3a2869db388a84.png
[7c53d9acdaa14e2b9a56c04ed6a62f7c.png]: https://img-blog.csdnimg.cn/7c53d9acdaa14e2b9a56c04ed6a62f7c.png
[0fb753992a414d3c888971bde41c832c.png]: https://img-blog.csdnimg.cn/0fb753992a414d3c888971bde41c832c.png
[4f074bfad4614ab180f5112a9aba3039.png]: https://img-blog.csdnimg.cn/4f074bfad4614ab180f5112a9aba3039.png
[b01df655bc6d47d2a415addb51d0961b.png]: https://img-blog.csdnimg.cn/b01df655bc6d47d2a415addb51d0961b.png
[80d210d6f3f2432f8e7bfa54a6cd798c.png]: https://img-blog.csdnimg.cn/80d210d6f3f2432f8e7bfa54a6cd798c.png
[279b929c6bfa4687bfaa9a519fcfd843.png]: https://img-blog.csdnimg.cn/279b929c6bfa4687bfaa9a519fcfd843.png
[79a3353af52c47918ba1a142193b3d30.png]: https://img-blog.csdnimg.cn/79a3353af52c47918ba1a142193b3d30.png
[8ef0bce12dca459992fec9e45f85ce6e.png]: https://img-blog.csdnimg.cn/8ef0bce12dca459992fec9e45f85ce6e.png
[ea6c4479b62c4b819527322c2ee7943b.png]: https://img-blog.csdnimg.cn/ea6c4479b62c4b819527322c2ee7943b.png
[b917aa463ab645478dedabbc4c99c6df.png]: https://img-blog.csdnimg.cn/b917aa463ab645478dedabbc4c99c6df.png
[caff8765b09144a4afc41e2f9c14dc65.png]: https://img-blog.csdnimg.cn/caff8765b09144a4afc41e2f9c14dc65.png
[2764b6142edc47b6a779e89bef48cece.png]: https://img-blog.csdnimg.cn/2764b6142edc47b6a779e89bef48cece.png
[ceb269e5abfe4093a6b2032bc3461c6d.png]: https://img-blog.csdnimg.cn/ceb269e5abfe4093a6b2032bc3461c6d.png
[db4bbece3d824c41bf35928c43f3f079.png]: https://img-blog.csdnimg.cn/db4bbece3d824c41bf35928c43f3f079.png
[ee6276c8724b4b7aa02a16192868d76c.png]: https://img-blog.csdnimg.cn/ee6276c8724b4b7aa02a16192868d76c.png
[f936a8a414664422891ca9ae83870dee.png]: https://img-blog.csdnimg.cn/f936a8a414664422891ca9ae83870dee.png
[04f9cd19739d48d0a62a5b3804f2563d.png]: https://img-blog.csdnimg.cn/04f9cd19739d48d0a62a5b3804f2563d.png
[3c961714c41b46fda448d3b605712461.png]: https://img-blog.csdnimg.cn/3c961714c41b46fda448d3b605712461.png
[2f18071ad26b4f7887a28c07687cb9d8.png]: https://img-blog.csdnimg.cn/2f18071ad26b4f7887a28c07687cb9d8.png
[961e1768b4b64580ad6bebee85dd6069.png]: https://img-blog.csdnimg.cn/961e1768b4b64580ad6bebee85dd6069.png
[76e439bf88474bf2bd26311f7ed01a8a.png]: https://img-blog.csdnimg.cn/76e439bf88474bf2bd26311f7ed01a8a.png
[c8bf18d1fc76453b9d26fd3496db8b5a.png]: https://img-blog.csdnimg.cn/c8bf18d1fc76453b9d26fd3496db8b5a.png
[e167752eca5a4685859a60c909fe49eb.png]: https://img-blog.csdnimg.cn/e167752eca5a4685859a60c909fe49eb.png
[619c6313414d4220bfa9cd4f95ed4818.png]: https://img-blog.csdnimg.cn/619c6313414d4220bfa9cd4f95ed4818.png
[e4503e2572704ce6a2d431db4475eff8.png]: https://img-blog.csdnimg.cn/e4503e2572704ce6a2d431db4475eff8.png
[8f22f9ec8cc340f2a68cfbaa375ec7b3.png]: https://img-blog.csdnimg.cn/8f22f9ec8cc340f2a68cfbaa375ec7b3.png
[002615a61abd4c4789cc71ac7e5de6ec.png]: https://img-blog.csdnimg.cn/002615a61abd4c4789cc71ac7e5de6ec.png
[d3d150f6ab0b433f80bec5e4e3278ab1.png]: https://img-blog.csdnimg.cn/d3d150f6ab0b433f80bec5e4e3278ab1.png
[52d0410736304095814e74f6dbe3d113.png]: https://img-blog.csdnimg.cn/52d0410736304095814e74f6dbe3d113.png
[935221db29c749089a69ba29fc821601.png]: https://img-blog.csdnimg.cn/935221db29c749089a69ba29fc821601.png
[9eb7d03154ca46b1924de34b63f5bcac.png]: https://img-blog.csdnimg.cn/9eb7d03154ca46b1924de34b63f5bcac.png
[3f3b6b2484634674b028497606cea8b5.png]: https://img-blog.csdnimg.cn/3f3b6b2484634674b028497606cea8b5.png
[3699a589a9014390a736b9adf6a2dca4.png]: https://img-blog.csdnimg.cn/3699a589a9014390a736b9adf6a2dca4.png
[3e1645d2a5fb403d8a351ec161506cdd.png]: https://img-blog.csdnimg.cn/3e1645d2a5fb403d8a351ec161506cdd.png
[74125f80766d4d71852000f75ff01845.png]: https://img-blog.csdnimg.cn/74125f80766d4d71852000f75ff01845.png
[c63b5e8332874b2a95384cfd934864ef.png]: https://img-blog.csdnimg.cn/c63b5e8332874b2a95384cfd934864ef.png
[3fec8210ed0a48b68055940bffa61430.png]: https://img-blog.csdnimg.cn/3fec8210ed0a48b68055940bffa61430.png
[cb30f085eaab47adb5188251cccdd4d1.png]: https://img-blog.csdnimg.cn/cb30f085eaab47adb5188251cccdd4d1.png
[0f0816970f944b79a3fe3c8bc16327fc.png]: https://img-blog.csdnimg.cn/0f0816970f944b79a3fe3c8bc16327fc.png
[0489d00a1d264951b8990d38035024f8.png]: https://img-blog.csdnimg.cn/0489d00a1d264951b8990d38035024f8.png
[ae2c27800380490685e6aebf0c6fffd4.png]: https://img-blog.csdnimg.cn/ae2c27800380490685e6aebf0c6fffd4.png
[7a15a9c51aab44feaa829356c31183ee.png]: https://img-blog.csdnimg.cn/7a15a9c51aab44feaa829356c31183ee.png
[4d3c953245d0471aaab11a7381506f2c.png]: https://img-blog.csdnimg.cn/4d3c953245d0471aaab11a7381506f2c.png
[9d0424b59ff9416ca78463a64dc2e992.png]: https://img-blog.csdnimg.cn/9d0424b59ff9416ca78463a64dc2e992.png
[5de1abc7506e48719dee9889578d71ba.png]: https://img-blog.csdnimg.cn/5de1abc7506e48719dee9889578d71ba.png
[81bb8c45f2364806bea49f353fd7c345.png]: https://img-blog.csdnimg.cn/81bb8c45f2364806bea49f353fd7c345.png
[d507a95845384d4d9a6c180841610912.png]: https://img-blog.csdnimg.cn/d507a95845384d4d9a6c180841610912.png
[5ea673e684c4416c893f481f56bbc109.png]: https://img-blog.csdnimg.cn/5ea673e684c4416c893f481f56bbc109.png
[974f8c951e494819ac8f674609f487e0.png]: https://img-blog.csdnimg.cn/974f8c951e494819ac8f674609f487e0.png
[d336b131108e428ab7a06ab8be8268a3.png]: https://img-blog.csdnimg.cn/d336b131108e428ab7a06ab8be8268a3.png
[b08613cda60744e6b8250b85607034b9.png]: https://img-blog.csdnimg.cn/b08613cda60744e6b8250b85607034b9.png
[05a61725425b46e290e7c7b6b28e0ef9.png]: https://img-blog.csdnimg.cn/05a61725425b46e290e7c7b6b28e0ef9.png
[8d86ca565c414963be85a8fe8b9c206b.png]: https://img-blog.csdnimg.cn/8d86ca565c414963be85a8fe8b9c206b.png
[e000858ee27e4df5918d23a7793c56cb.png]: https://img-blog.csdnimg.cn/e000858ee27e4df5918d23a7793c56cb.png