AJ-Report 初学(入门教程)

素颜马尾好姑娘i 2023-09-30 09:26 5阅读 0赞

#### 文章目录 ####

*  前言
 *  简介
 *  官网与源码下载地址
 *  准备工作
 *   *  1.下载
     *  2. 数据库准备
 *  发行版的配置与启动
 *   *  1. 修改 bootstrap.yml
     *  2. 修改 start.bat
     *  3. 启动与访问
 *  源码的配置与启动
 *   *  1. IDEA 导入项目
     *  2. 后端启动
     *  2. 前端启动
 *  我所踩过的坑
 *   *  1. 除 mysql 之外的驱动问题
     *  2. 请求超时问题
     *  3. 空值导致的空指针异常
     *  4. 表字段长度不够
     *  5. 导出文件失败
 *  总结

--------------------

## 前言 ##

项目里面需要用到这个 AJ-Reprot 生成动态的大屏报表，这两天也研究了下，觉得是个挺不错的开源项目，遂即整理一下以作分享。

--------------------

不多说，初学者最懂初学者

--------------------

## 简介 ##

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16]  
在线体验：[https://ajreport.beliefteam.cn/index.html ][https_ajreport.beliefteam.cn_index.html]

体验账号：`guest`

密码：`guest`

官方文档是这么介绍的：

*  AJ-Report是一个完全开源的BI平台，酷炫大屏展示，能随时随地掌控业务动态，让每个决策都有数据支撑。
 *  多数据源支持，内置mysql、elasticsearch、kudu等多种驱动，支持自定义数据集省去数据接口开发，目前已支持20种大屏组件/图表，不会开发，照着设计稿也可以制作大屏。
 *  三步轻松完成大屏设计：配置数据源---->写SQL配置数据集---->拖拽配置大屏---->保存发布。

按我的说法解释就是你可以用这个开源的项目，在这上面配好数据，写好 sql（数据集），就能够直接设计报表，并且能够动态的预览报表，并且支持导出。

> 以上我就直接 copy 官方文档所介绍的了，文档地址下面我也有提供，建议先看看官方文档，已经很详细了 ~~

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 1]

## 官网与源码下载地址 ##

gitee 下载：[https://gitee.com/anji-plus/report/releases][https_gitee.com_anji-plus_report_releases]

官方文档：[https://ajreport.beliefteam.cn/report-doc/guide/\#%E7%AE%80%E4%BB%8B][https_ajreport.beliefteam.cn_report-doc_guide_E7_AE_80_E4_BB_8B]

## 准备工作 ##

### 1.下载 ###

根据上面提供的 gitee 下载 链接进去下载就完事

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 2]呈现在最上面的就是最新版本的，旧版本往下拉就可以找到，这边下载有三个，简单介绍一下：

1.  `aj-report-xxxx.zip` 这个是发行版，windows 下载之后改下配置可以直接运行 .bat 文件启动
2.  `Source code (zip)` 如果你想在 windows 下看源码或者启动就下载这个
3.  `Source code (tar.gz)` 如果你想直接在 linux 下运行就下载这个

linux 上的我就不做示范了，我就下载前两个玩玩

下载发行版和源码之后解压

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

### 2. 数据库准备 ###

首先你总得有个数据库对吧，如果你没有数据库的话，以下我也提供一个本地 mysql 数据给大家学习（有的话恭喜你可以跳过这一步）

`windows 下 mysql-5.7.17.msi 的安装包下载`  
链接：[百度网盘地址][Link 1]  
提取码：5lxo

这个安装步骤就不赘述了，基本上就是傻瓜式安装了

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

## 发行版的配置与启动 ##

如果你是作为开发人员，启不动启动这个发行版都没关系，反正学习还得用到源码，它就是能够让你更好更快速的了解 AJ-Report，这里为什么我会加上这个，因为有些大数据的工作者可能没必要看源码，用这个发行版的玩玩，熟悉下。

双击进入该目录  
![在这里插入图片描述][fd4d9fb733384c56a0ae236bbcfed41c.png]

### 1. 修改 bootstrap.yml ###

首先需要来到配置文件目录 `conf` 下修改 `bootstrap.yml` 文件的配置（建议自己看下该配置文件，开发人员很多配置都很良心的加上了注释）

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

这里要修改的地方就是数据库的配置了，改成你自己的，保存

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

`注意`：

*  aj\_report库是存放底层基础信息的库，flyway启动时会自动建立，如果你在这里修改了库，将会出错
 *  请确认你的Mysql是否支持远程连接，登陆用户是否有DDL权限

### 2. 修改 start.bat ###

再修改 `bin` 目录下的 start.bat ，以文本的形式开打编辑

![在这里插入图片描述][3a06ac7cdff94a7b97fa233deaedb582.png]  
把这个 rem 注释给删掉，配上你自己 jdk 的配置

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_15_color_FFFFFF_t_70_g_se_x_16]  
如何查看 JDK 的配置？

此电脑 -> 鼠标右键选择 “属性” -> 高级系统设置 -> 高级-环境变量 -> 系统变量 - java\_home

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_13_color_FFFFFF_t_70_g_se_x_16]  
所以我这里就是  
将 `rem set JAVA_HOME=D:\App\Java\jdk1.8.0_172`  
改成 `set JAVA_HOME=C:\Program Files\Java\jdk1.8.0_172`

`注意`：如果你**JAVA\_HOME 的配置存在空格**，则还需要将最下面 JAVA\_HOME 加上 `" "` 号

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

### 3. 启动与访问 ###

双击 `bin` 目录下的 `start.bat` 文件直接启动即可

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 3]  
并且可以看到启动后会直接往你的数据库中增加 `aj_report` 和 `aj_report_init` 两个 database

![在这里插入图片描述][7117286111824a5297751400f2962cbc.png]  
启动完之后就可以直接本地访问，至于这里面的功能，自己多点点就明白了，发行版不做详解 ~~

地址：[http://localhost:9095][http_localhost_9095]

账号：`admin`  
密码：`123456`

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 4]

## 源码的配置与启动 ##

### 1. IDEA 导入项目 ###

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

导入之后是这样的

--------------------

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]  
其中 `report-core` 是后端代码，`report-ui` 是前端代码

### 2. 后端启动 ###

这个项目是用 springboot 搭建，所以后可以直接去运行启动类，但是前提是需要配置下 `bootstrap.yml` 文件

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 5]  
可以把这三个 bootstrap 文件的数据库都改成你所使用的数据库

比如说我本地的数据库，就这样改了：

datasource:
        url: jdbc:mysql://localhost:3306/aj_report?characterEncoding=UTF-8&serverTimezone=Asia/Shanghai&useSSL=false
        username: root
        password: root

运行启动类：

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 6]  
启动成功：

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 7]  
并且可以看到启动后会直接往你的数据库中增加 `aj_report` 和 `aj_report_init` 两个 database

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

### 2. 前端启动 ###

前端的启用需要用到 `node` ，如果你没有下载 node，以下我也提供了我目前正在使用 node，安装也是傻瓜式安装，不做赘述了。

`windows 下 node-v14.16.0-x64.msi 的安装包下载`  
链接：[百度网盘地址][Link 2]  
提取码：knw5

前端启动不管你用 webstorm 还是 visual studio code 或者是其它前端工具也好，都差不多，我这里就不那么麻烦了，也用 IDEA 启动算了

点击下面的 `Terminal`

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 8]  
依次输入以下三条命令：  
`cd report-ui` ： 刚进入应该是在 report-Vxxx 下，cd 进入 report-ui  
`npm install` ： 安装前端所需要的依赖包  
`npm run dev` ：运行前端

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 9]  
![在这里插入图片描述][50bcb1dfbf3f4a14ae9d61860856522d.png]  
看到这样子就表示你前端也启动成功了

访问地址：[http://localhost:9528][http_localhost_9528]

账号：`admin`  
密码：`123456`

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 4]

## 我所踩过的坑 ##

以上的安装启动都是常规，一般看着官方文档都能做到，关键是使用之后所遇到的问题，官方文档中可就没有了，以下我就梳理了我在使用的时候遇见的问题以及处理的方式。

### 1. 除 mysql 之外的驱动问题 ###

在报表设计中，我们可以配置不同的数据源

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 10]  
不同的数据源有不同的驱动类，比如 mysql 的驱动类是 `com.mysql.cj.jdbc.Driver` ，mssqlserver 的驱动类是 `com.microsoft.sqlserver.jdbc.SQLServerDriver`，在后端的 `.pom` 文件中有些驱动类的依赖是没有的，需要我们自己去添加，要不然运行该数据中的 sql 就会报错，比如我这里有个数据库的类型是 mssqlserver

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 11]  
我这里就新增一个数据集，选用的是 mssqlserver 这个数据库

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 12]可以看到点击预览就报错了，后台错误日志信息如下：

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 13]  
大概意思就是 Jdbc 获取连接池时出现问题了，解决方法就是根据 `数据库` 对应的驱动类添加对应的 `依赖`，我这里连的数据库是 `mssqlserver` ，所以我在 `.pom` 文件添加 `mssqlserver` 对应的依赖即可

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 14]

<dependency>
                <groupId>com.microsoft.sqlserver</groupId>
                <artifactId>mssql-jdbc</artifactId>
                <version>8.2.2.jre8</version>
            </dependency>

maven 一下，重启项目即可。

### 2. 请求超时问题 ###

如果你的 sql 写得比较复杂，或者查询效率比较慢，又或者报表结构过于复杂等等原因导致请求超时，前端会提示 `timeout 20000ms exceeded`，后端会提示：`你的主机中的软件中止了一个已建立的连接`，后台错误日志信息如下：

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 15]这个错误的出现的原因就是前端限制了 20000 ms，如果在这个时间内后端还没有响应的话，前端就拒绝接收了后端返回的数据了，而后端传着传着，前端把门都给关了，能不报错吗？解决方案就是将前端设置的 `请求超时时间` 调大一点，修改 report-ui 下 `src\utils\request.js` 文件中的 `timeout`，再重启下前端就行

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 16]

### 3. 空值导致的空指针异常 ###

数据集中的 sql 语句如果对 `空值` 没有做处理的话，就可能出现空指针异常，比如点击 `预览`，前端展示 `系统异常`

![在这里插入图片描述][d25acde70d384bd286a0b2ad3847c517.png_pic_center]  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 17]  
后端就是：`java.lang.NullPointerException: null`

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center 1]  
根据后台错误日志可以看到是 `ReportExcelServiceImpl.java:336` 这一行代码抛出的，可以点击找到对应的地方，是 `fieldLabel` 为 `null` 导致的，解决方法就是要么 sql 对那些 `空值` 给个默认的 值，要么就直接改后端的代码，比如：

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 18]  
代码如下（示例）：

// 如果 fieldLabel 为 null ，就设置成 " "
    if (fieldLabel==null) {
        
        fieldLabel = " ";
    }
    String replace = v.replace("#{".concat(dataSet.getSetCode()).concat(".").concat(dataSet.getFieldLabel()).concat("}"), fieldLabel);

重启后端，即可解决。

### 4. 表字段长度不够 ###

这个也是比较常见的问题，解决方案很简单，就是找到对应的表扩容字段即可

![在这里插入图片描述][400f54314b4f4724a455adf094e00f8d.png_pic_center]

### 5. 导出文件失败 ###

这个就是你使用导出功能没有配置路径的原因了，换个你电脑上有的路径

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 19]比如说我把 dist-path 改成 `dist-path: D:\download`，使用导出功能的时候就放到我 D 盘下的 download 目录下了

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

## 总结 ##

以上就是我这两天学习 AJ-Ropert 的收获以及解决的问题。

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/374b627dc0b24d41acc7fc6ed0b5cf8d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[https_ajreport.beliefteam.cn_index.html]: https://ajreport.beliefteam.cn/index.html
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/d2ca1eeb828f4d4cb3a664de577404a0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[https_gitee.com_anji-plus_report_releases]: https://gitee.com/anji-plus/report/releases
[https_ajreport.beliefteam.cn_report-doc_guide_E7_AE_80_E4_BB_8B]: https://ajreport.beliefteam.cn/report-doc/guide/#%E7%AE%80%E4%BB%8B
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/ec5a5674da074dde9ad027f95099b440.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[ec7e6612a80a4a7eb8e0a83177f38b3d.png]: https://img-blog.csdnimg.cn/ec7e6612a80a4a7eb8e0a83177f38b3d.png
[Link 1]: https://pan.baidu.com/s/1Rq5V5A623Rdd7RqcDLfTRA
[d56cf82f55fe4b47a0d9f82438b4bff8.png]: https://img-blog.csdnimg.cn/d56cf82f55fe4b47a0d9f82438b4bff8.png
[fd4d9fb733384c56a0ae236bbcfed41c.png]: https://img-blog.csdnimg.cn/fd4d9fb733384c56a0ae236bbcfed41c.png
[fb3e8f4b6875435daad9ecf58adc8b94.png]: https://img-blog.csdnimg.cn/fb3e8f4b6875435daad9ecf58adc8b94.png
[ed4fc17a212a4ae9b193a03f7a2bb2a6.png]: https://img-blog.csdnimg.cn/ed4fc17a212a4ae9b193a03f7a2bb2a6.png
[3a06ac7cdff94a7b97fa233deaedb582.png]: https://img-blog.csdnimg.cn/3a06ac7cdff94a7b97fa233deaedb582.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_15_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/f96ab0ca0f3d483f961ec2c96b89ac22.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_15,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_13_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/9cfa35f9e40140d8ba12f72205a1d1e7.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_13,color_FFFFFF,t_70,g_se,x_16
[82e96c2f2a8340dcaa45ea66681b339f.png]: https://img-blog.csdnimg.cn/82e96c2f2a8340dcaa45ea66681b339f.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/ccc02c3fde3b4f46a8f57b7987c1fbff.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[7117286111824a5297751400f2962cbc.png]: https://img-blog.csdnimg.cn/7117286111824a5297751400f2962cbc.png
[http_localhost_9095]: http://localhost:9095
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 4]: https://img-blog.csdnimg.cn/7aa0451576d04b9d874e9661bd5a3abb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_9_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/d7492a7770c34dbd8e7e1871933313a5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_9,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/7e754fdfeadf4c86bc6d6f92ba310d8a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 5]: https://img-blog.csdnimg.cn/ddd31df82dc643ac87a05b930d7893b6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 6]: https://img-blog.csdnimg.cn/1c66f10eb69340e3b8da9d278bdbd950.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 7]: https://img-blog.csdnimg.cn/ef7cb490e72f49fb9785bd710133691b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[Link 2]: https://pan.baidu.com/s/1NlToqGalGh3dDlPqACAXFQ
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 8]: https://img-blog.csdnimg.cn/34cc0a932a5b446a9f4fca178b9a93c7.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 9]: https://img-blog.csdnimg.cn/a27fb2d1d8c145d4bb3554319762cbcd.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[50bcb1dfbf3f4a14ae9d61860856522d.png]: https://img-blog.csdnimg.cn/50bcb1dfbf3f4a14ae9d61860856522d.png
[http_localhost_9528]: http://localhost:9528
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 10]: https://img-blog.csdnimg.cn/89b10319a0ea41c9a8956917117e03db.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 11]: https://img-blog.csdnimg.cn/dcbd26efe7f14833b455f71a12fb9811.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 12]: https://img-blog.csdnimg.cn/9985c95f620c464b9a28f352ee1117a3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 13]: https://img-blog.csdnimg.cn/80d36f29802244dea3c221d6ccca3976.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 14]: https://img-blog.csdnimg.cn/7f9e5f46425b4635a13e07e9748563bf.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 15]: https://img-blog.csdnimg.cn/a12b08f78541421c8b8777f5565b7e94.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 16]: https://img-blog.csdnimg.cn/2cfc4424cbe34c69ba86ae27de670817.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[d25acde70d384bd286a0b2ad3847c517.png_pic_center]: https://img-blog.csdnimg.cn/d25acde70d384bd286a0b2ad3847c517.png#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 17]: https://img-blog.csdnimg.cn/0d6a657617ff420d9861d21746e4b6c2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center 1]: https://img-blog.csdnimg.cn/1155be2b801a440b9258db0aaeb42eb9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 18]: https://img-blog.csdnimg.cn/aa89e8cda8e941699ee8174fe0e6e5d2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[400f54314b4f4724a455adf094e00f8d.png_pic_center]: https://img-blog.csdnimg.cn/400f54314b4f4724a455adf094e00f8d.png#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7_size_20_color_FFFFFF_t_70_g_se_x_16 19]: https://img-blog.csdnimg.cn/32454e9aef5847089c58144566f5f1e9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSa5Yqg54K56L6j5Lmf5rKh5YWz57O7,size_20,color_FFFFFF,t_70,g_se,x_16
[21cc5f2934c646679ef2c5a3f7c81424.png]: https://img-blog.csdnimg.cn/21cc5f2934c646679ef2c5a3f7c81424.png