mybatis框架入门（二）

秒速五厘米 2023-02-13 11:15 26阅读 0赞

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

### 文章目录 ###

*   *  一、动态SQL标签
     *   *  （一）if、where标签
         *  （二）foreach元素
     *  二、Mapper接口开发
     *   *  （一）Mapper接口开发介绍
         *  （二）Mapper接口开发实现
     *  三、几个可以优化的地方
     *   *  （一）加入log4j日志框架
         *  （二）SQL语句中的特殊符号
         *  （三）jdbc.properties文件
     *  四、扩展内容
     *   *  （一）mybatis-config文件没有提示的解决办法
         *  （二）Mapper文件没有提示的解决办法
         *  （三）配置公司XML Schema代理服务器

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

## 一、动态SQL标签 ##

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

### （一）if、where标签 ###

*  `<if>`标签：是根据`test属性`中的布尔表达式的值，从而决定是否执行包含在其中的SQL片段。如果判断结果为true，则执行其中的SQL片段；如果结果为false，则不执行其中的SQL片段
 *  `<where>`标签：用于对包含在其中的SQL片段进行检索，在需要时可以生成where关键字，并且在需要时会剔除多余的连接词（比如and或者or）

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

**练习12：根据薪资查询员工信息（if标签）**

*  `<if>`标签：是根据`test属性`中的布尔表达式的值，从而决定是否执行包含在其中的SQL片段。如果判断结果为true，则执行其中的SQL片段；如果结果为false，则不执行其中的SQL片段

在mapper文件中编写SQL语句：

<select id="findAllBySal" resultType="com.tedu.pojo.Emp">
      select * from emp
      where 1=1
      <if test="minSal != null">
      	and salary>#{minSal}
      </if>
      <if test="maxSal != null">
      	and salary <![CDATA[ < ]]> #{maxSal}
      </if>
    </select>

Java代码实现：

/* 练习12: 根据薪资查询员工信息 * 如果没有参数, 则不执行where子句, 默认查询所有员工： * select * from emp * 如果参数中只有minSal(即minSal不为null), 则： * ... where salary > minSal * 如果参数中只有maxSal(即maxSal不为null), 则： * ... where salary < maxSal * 如果参数有 minSal、maxSal(即minSal、maxSal不为null), 则： * ... where salary > minSal and salary < maxSal */
    @Test
    public void testFindBySal() { 
    	Map<String, Object> map = new HashMap<String, Object>();
    	//map.put( "minSal" , 3000 );
    	//map.put( "maxSal", 4000 );
    	List<Emp> list = session.selectList( "EmpMapper.findBySal", map );
    	for (Emp emp : list) { 
    		System.out.println( emp );
    	}
    }

**练习13：根据薪资查询员工信息(where标签)**

*  `<where>`标签：用于对包含在其中的SQL片段进行检索，在需要时可以生成where关键字，并且在需要时会剔除多余的连接词（比如and或者or）

<select id="findAllBySal2" resultType="com.tedu.pojo.Emp">
      select * from emp
      <where>
        <if test="minSal != null">
        	and salary>#{minSal}
        </if>
        <if test="maxSal != null">
        	and salary <![CDATA[ < ]]> #{maxSal}
        </if>
      </where>
    </select>

Java代码实现：

/** * 练习13: 根据薪资查询员工信息 * 如果没有参数, 则不执行where子句, 默认查询所有员工： * select * from emp * 如果参数中只有minSal(即minSal不为null), 则： * ... where salary > minSal * 如果参数中只有maxSal(即maxSal不为null), 则： * ... where salary < maxSal * 如果参数有 minSal、maxSal(即minSal、maxSal不为null), 则： * ... where salary > minSal and salary < maxSal */
    @Test
    public void testFindAllBySal() { 
      //封装参数到map集合中
      Map map = new HashMap();
      map.put("minSal", 3000);
      map.put("maxSal", 4000.0);
      List<Emp> list = session.selectList("EmpMapper.findAllBySal2", map);
      for (Emp emp : list) { 
      	System.out.println( emp );
      }
    }

### （二）foreach元素 ###

foreach标签：可以对传过来的参数数组或集合进行遍历，以下是foreach标签上的各个属性介绍：

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>属性描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>collection</td> 
   <td>必需，值为遍历的集合类型，例如：如果参数只是一个数组或List集合，则collection的值为array或list；如果传的是多个参数，用map封装，collection则指定为map中的key。</td> 
  </tr> 
  <tr> 
   <td>item</td> 
   <td>必需，若collection为数组或List集合时，item表示其中的元素，若collection为map中的key，item表示map中value（集合或数组）中的元素</td> 
  </tr> 
  <tr> 
   <td>open</td> 
   <td>可选，表示遍历生成的SQL片段以什么开始，最常用的是左括号’(’</td> 
  </tr> 
  <tr> 
   <td>close</td> 
   <td>可选，表示遍历生成的SQL片段以什么结束，最常用的是右括号’)’</td> 
  </tr> 
  <tr> 
   <td>separator</td> 
   <td>可选，每次遍历后给生成的SQL片段后面指定间隔符</td> 
  </tr> 
 </tbody> 
</table>

**练习14: 根据员工的id批量删除员工信息**

在mapper文件中编写SQL语句：

<delete id="deleteByIds">
    	delete from emp where id in
    	<foreach collection="array" open="(" item="id" separator="," close=")">
    		#{id}
    	</foreach>
    </delete>

Java代码实现：

/* 练习14: 根据员工的id批量删除员工信息 */
    @Test
    public void testDeleteByIds() { 
    	//获取所要删除的员工的id数组
    	Integer[] ids = { 1,3,5,7};
    	int rows = session.delete( "EmpMapper.deleteByIds", ids );
    	System.out.println( "影响行数: "+rows );
    }

**练习15：根据员工的id批量更新员工信息**

在mapper文件中编写SQL语句：

<update id="updateByIds">
    	update emp set salary=salary + #{sal}
    	where id in
    	<foreach collection="arrIds" open="(" item="id" separator="," close=")">
    		#{id}
    	</foreach>
    </update>

Java代码实现：

/* 练习15: 根据员工的id批量更新员工信息 * 将id为 2、4、6、8的员工的薪资在原有基础上增加1000 */
    @Test
    public void testUpdateByIds() { 
    	Integer[] ids = { 2,4,6,8}; //获取所要更新的员工的id数组
    	Double sal = 1000.0; //要涨的薪资
    	//传递的参数超过1个, 将参数封装到map集合中再传递
    	Map<String, Object> map = new HashMap<String, Object>();
    	map.put( "arrIds" , ids );
    	map.put( "sal", sal );
    	int rows = session.update( "EmpMapper.updateByIds", map );
    	System.out.println( "影响行数: "+rows );
    }

下面练习自己完成：

/* 练习16：根据员工的id批量查询指定id的员工信息 * 查询id为 2、4、6、8的员工的信息 */
    @Test
    public void testFindByIds() { }

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

## 二、Mapper接口开发 ##

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

### （一）Mapper接口开发介绍 ###

在上面的Mybatis案例中, 通过SqlSession对象调用方法进行增删改查操作时，方法中需要传入的第一个参数是一个字符串值，该值对应的内容为: (Mapper文件中的)namespace + id, 通过这种方式，找到Mapper文件中映射的SQL语句并执行!!

这种方式由于传入的是字符串值, 很容易发生字符串拼写错误且编译时期不会提示。

这里我们将会讲解比上面更加简单的方式，也是我们企业开发中最常用的方式，即使用mapper接口开发。使用mapper接口开发需要注意以下几点：

1、创建一个接口，接口的全路径名和mapper文件的namespace值要相同
    2、mapper文件中每条要执行的SQL语句，在接口中要添加一个对应的方法，并且接口中的方法名和SQL标签上的id值相同
    3、Mapper接口中方法接收的参数类型，和mapper.xml中定义的sql的接收的参数类型要相同
    4、接口中方法的返回值类型和SQL标签上的resultType即返回值类型相同(如果方法返回值是集合,resultType只需要指定集合中的泛型)

### （二）Mapper接口开发实现 ###

下面将使用mapper接口开发的方式，实现根据id查询指定的员工信息

**1、创建com.tedu.dao.EmpMapper接口**

由于接口的全路径名(com.tedu.dao.EmpMapper)要和EmpMapper.xml的namespace值保持一致，因此, 这里将namespace的值改为com.tedu.dao.EmpMapper：

<?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    <mapper namespace="com.tedu.dao.EmpMapper">
    
    </mapper>

**2、在接口中提供findById方法**

/** * 根据id查询员工信息 * @param id * @return Emp */
    public Emp findById(Integer id);

注意:方法的名字要和映射的sql标签的id值保持一致

方法的返回值类型和resultType的类型要一致

<select id="findById" resultType="com.tedu.pojo.Emp">
    	select * from emp where id=#{id}
    </select>

**3、提供实现类，测试Emp接口中的根据id查询员工的方法**

(1)创建com.tedu.test.TestMybatisInf类, 并提供testFindById方法

public class TestMybatisInf { 
    	@Test
    	public void testFindById() throws Exception{ }
    }

**4、实现testFindById方法并测试**

@Test
    public void testFindById() throws Exception{ 
      ......
      //3.获取Mapper接口对象
      EmpMapper map = session.getMapper(EmpMapper.class);
      //4.调用接口对象的方法进行查询
      Emp e = map.findById(2);
      //5.输出结果
      System.out.println(e);
    }

**5、在接口中提供findAll方法**

/** * 查询所有的员工信息 * @return List<Emp> */
    public List<Emp> findAll();

注意:方法的名字要和映射的sql标签的id值保持一致

方法的返回值类型和resultType的类型要一致, 例如:

<select id="findAll" resultType="com.tedu.pojo.Emp">
    	select * from emp
    </select>

**6、提供实现类，测试Emp接口中的查询所有员工的方法**

(1)创建com.tedu.test.TestMybatisInf类, 并提供testFindAll方法

public class TestMybatisInf { 
      ...
      @Test
      public void testFindAll () throws Exception{ }
    }

**实现testFindAll方法并测试**

@Test
    public void testFindAll() throws Exception{ 
      ...
      //3.获取Mapper接口对象
      EmpMapper map = session.getMapper(EmpMapper.class);
      //4.调用接口对象的方法进行查询
      List<Emp> list = map.findAll();
      //5.输出结果
      for (Emp e : list) { 
      	System.out.println(e);
      }
    }

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

## 三、几个可以优化的地方 ##

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

### （一）加入log4j日志框架 ###

在项目中加入log4j的配置文件，用于打印日志信息，便于开发调试。

在src（或相似的目录）下创建log4j.properties如下：

# Global logging configuration
    log4j.rootLogger=DEBUG, stdout
    # Console output...
    log4j.appender.stdout=org.apache.log4j.ConsoleAppender
    log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
    log4j.appender.stdout.layout.ConversionPattern=%5p [%t] - %m%n

mybatis默认使用log4j作为输出日志信息。

只要将该文件放在指定的位置，log4j工具会自动到指定位置加载上述文件，读取文件中的配置信息并使用！

### （二）SQL语句中的特殊符号 ###

**示例：添加一个查询功能：查询薪资小于3500的所有员工。**

1、编辑EmpMapper.xml文件, 添加查询对应的sql.

<select id="findBySal" resultType="com.tedu.pojo.Emp">
    	select * from emp
    	where 2=2 
    	<if test="minSal != null">
    		and salary >= #{minSal}
    	</if>
    	<if test="maxSal != null">
    		and salary <= #{maxSal}
    	</if>
    </select>

2、但在书写完后，xml文件提示有错误：

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

原来，小于号（<）在xml文件中是特殊字符，被xml文件当成了标签的开始符号。

3、解决方法：可以使用 `<`代替 `<`，例如：

<select id="findBySal" resultType="com.tedu.pojo.Emp">
    	select * from emp
    	where 2=2 
    	<if test="minSal != null">
    		and salary >= #{minSal}
    	</if>
    	<if test="maxSal != null">
    		and salary <= #{maxSal}
    	</if>
    </select>

或者是将特殊符号包含在CDATA区（ <!\[CDATA\[ \]\]> ）中，这是因为放在CDATA区中的内容，只会被xml解析器当作普通文本来处理。而不是被当成标签的一部分处理。

<select id="findBySal" resultType="com.tedu.pojo.Emp">
    	select * from emp
    	where 2=2 
    	<if test="minSal != null">
    		and salary >= #{minSal}
    	</if>
    	<if test="maxSal != null">
    		and salary <![CDATA[ <= ]]> #{maxSal}
    	</if>
    </select>

### （三）jdbc.properties文件 ###

在开发中，通常我们会将连接数据库的配置信息单独放在一个properties文件中（方便管理和维护），  
然后在MyBatis的mapper文件中引入properties文件的配置信息即可！

**1、在src目录下创建一个名称为jdbc.properties的文件**

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

**2、jdbc.properties文件内容如下:**

jdbc.driver=com.mysql.jdbc.Driver
    jdbc.url=jdbc:mysql://localhost:3306/yonghedb?characterEncoding=utf-8
    jdbc.username=root
    jdbc.password=root

**3、在mybatis-config.xml文件中引入jdbc.properties文件**

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

1、其中 `<properties resource="jdbc.properties"/>`标签用于引入jdbc.properties文件，默认到classpath即类目录下寻找指定的文件；

2、properties标签上value属性中配置的 $\{jdbc.xxx\}：

`${jdbc.driver}`：其实就是jdbc.properties文件中的 jdbc.driver的值，即：

com.mysql.jdbc.Driver

`${jdbc.url}`：其实就是jdbc.properties文件中的 jdbc.url的值，即：

jdbc:mysql://localhost:3306/mybatisdb?characterEncoding=utf-8

`${jdbc.username}`：其实就是jdbc.properties文件中的 jdbc.username的值，即：

root

`${jdbc.password}`：其实就是jdbc.properties文件中的 jdbc.password的值，即：

root

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

## 四、扩展内容 ##

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

### （一）mybatis-config文件没有提示的解决办法 ###

如果在没有网络(外网)的情况下，编写mybatis-config.xml文件没有提示，可以按照下面的步骤进行配置：

(1)找到mybatis-3-config.dtd的文件的位置，例如：

![在这里插入图片描述][20200528170051396.png_pic_center]  
(2)复制下面的url地址：

http://mybatis.org/dtd/mybatis-3-config.dtd

(3)在eclipse菜单栏中: window --> Preferences --> 在搜索框中搜索 \[ xml \] XML --> XML Catalog --> User Specified Entries --> Add…

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

(4)在弹出的窗口中:

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

### （二）Mapper文件没有提示的解决办法 ###

如果在没有网络(外网)的情况下，编写XxxMapper.xml文件没有提示，可以按照下面的步骤进行配置：

(1)找到mybatis-3-mapper.dtd的文件的位置，例如：

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

(2)复制上面的url地址，即：

http://mybatis.org/dtd/mybatis-3-mapper.dtd

(3)在eclipse菜单栏中: window --> Preferences --> 在搜索框中搜索 \[ xml \] XML --> XML Catalog --> User Specified Entries --> Add…

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

(4)在弹出的窗口中:

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

### （三）配置公司XML Schema代理服务器 ###

1、打开Eclipse的配置首选项

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

2、找到 XML -> XML Catalog, 添加配置项目：

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

3、添加URI代理配置, 比如：配置Spring Schema

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

**4、可以配置的代理有**

<table> 
 <thead> 
  <tr> 
   <th></th> 
   <th>http://ibatis.apache.org</th> 
   <th>http://doc.tedu.cn</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td></td> 
   <td>http://www.springframework.org</td> 
   <td>http://doc.tedu.cn</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>http://mybatis.org</td> 
   <td>http://doc.tedu.cn</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>http://hibernate.sourceforge.net, http://www.hibernate.org</td> 
   <td>http://doc.tedu.cn</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>http://struts.apache.org</td> 
   <td>http://doc.tedu.cn</td> 
  </tr> 
 </tbody> 
</table>

[20200528162411777.png_pic_center]: https://img-blog.csdnimg.cn/20200528162411777.png#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/2020052816330440.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ==,size_16,color_FFFFFF,t_70#pic_center
[2020052816412547.png_pic_center]: https://img-blog.csdnimg.cn/2020052816412547.png#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20200528164338353.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ==,size_16,color_FFFFFF,t_70#pic_center
[20200528170051396.png_pic_center]: https://img-blog.csdnimg.cn/20200528170051396.png#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ_size_16_color_FFFFFF_t_70_pic_center 2]: https://img-blog.csdnimg.cn/20200528170107683.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ==,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ_size_16_color_FFFFFF_t_70_pic_center 3]: https://img-blog.csdnimg.cn/20200528170120748.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ==,size_16,color_FFFFFF,t_70#pic_center
[20200528170222640.png_pic_center]: https://img-blog.csdnimg.cn/20200528170222640.png#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ_size_16_color_FFFFFF_t_70_pic_center 4]: https://img-blog.csdnimg.cn/20200528170238137.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ==,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ_size_16_color_FFFFFF_t_70_pic_center 5]: https://img-blog.csdnimg.cn/20200528170252385.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ==,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ_size_16_color_FFFFFF_t_70_pic_center 6]: https://img-blog.csdnimg.cn/20200528170324247.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ==,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ_size_16_color_FFFFFF_t_70_pic_center 7]: https://img-blog.csdnimg.cn/20200528170337705.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ==,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ_size_16_color_FFFFFF_t_70_pic_center 8]: https://img-blog.csdnimg.cn/20200528170352484.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTgwODgxNDAyNQ==,size_16,color_FFFFFF,t_70#pic_center