模板和代码生成器

朱雀 2022-02-25 03:08 218阅读 0赞

## 模板 ##

1.模板技术  
动态页面静态化  
模板 + 数据 = 文本  
freemarker(*.ftl)  
velocity(*.vm)

## velocity模板技术 ##

1.Maven导包

<dependency>
    	<groupId>org.apache.velocity</groupId>
    	<artifactId>velocity</artifactId>
    	<version>1.6</version>
    </dependency>

2.代码

//使用Velocity需要先创建引擎
        VelocityEngine ve = new VelocityEngine();		
        //拿到相应的模板
        Template template = ve.getTemplate("template/hello.vm”,"UTF-8");
      	
      	//创建Velocity上下文（存放数据的容器）
        VelocityContext velocityContext = new VelocityContext();   
        velocityContext.put("name","zhangsan");
        
        StringWriter writer = new StringWriter();
        //模板和市局结合，输入到一个字符流中
        template.merge(velocityContext, writer);
        System.out.println(writer);

3.语法  
单行注释：\#\#  
多行注释：\#\* \*\#  
支持el语法：$\{name\} ======> $name //可以是对象

$!user：如果有值就展示，没有就不展示
    $user：有值就展示值，没有值就展示“$user”
    
    #set($person="Tom")   设置变量
    $person
    #set($arr=["a","b","c"])   定义数组
    $arr.get(0)
    #set($map={"name":"aaa","age":"ccc“}）  定义map集合
    $map.name

判断语句

#if($a>80)
    		xxxxxxxx
    #elseif($a>20 &&$a<=80)
    		xxxxxxxx
    #else
    		xxxxxxxx
    #end

循环

<ul>
    		#foreach($m in $map.keySet()))
    				<li>$m:$map.get($m)</li>
    		#end
    </ul>

4.输出文件流

//使用Velocity需要先创建引擎
       VelocityEngine ve = new VelocityEngine();		
       //拿到相应的模板
      Template template = ve.getTemplate("template/hello.vm","UTF-8");
       VelocityContext context = new VelocityContext();
       context.put("msg", "小张是个好同志");
       //准备输出流
       File file = new File("template/helloNew.html");
       FileWriter writer = new FileWriter(file);
       template.merge(context, writer);
       writer.close();

## 代码生成器 ##

1.EasyCode(idea插件)  
EasyCode是基于IntelliJ IDEA Ultimate版开发的一个代码生成插件，主要通过自定义模板（基于velocity）来生成各种你想要的代码。通常用于生成Entity(domain)、Dao、Service、Controller。如果你动手能力强还可以用于生成HTML、JS、PHP等代码。理论上来说只要是与数据有关的代码都是可以生成的。

EasyCode帮助文档地址([https://gitee.com/makejava/EasyCode/wikis/pages][https_gitee.com_makejava_EasyCode_wikis_pages])

2.支持的数据库  
1.MySQL  
2.SQL Server  
3.Oracle  
4.PostgreSQL  
5.Sqlite  
6.Sybase  
7.Derby  
8.DB2  
9.HSQLDB  
10.H2

3.安装  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70]安装完成重新启动，File—>setting---->Easy Code ,安装成功

4.添加数据源  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 1]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 2]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 3]  
5.创建模板  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 4]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 5]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 6]  
1）Domain模板

##引入宏定义
    $!define
    ##拿到首字母小写的表单
    #set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))
    ##使用宏定义设置回调（保存位置与文件后缀）
    ##注意:为了路径，我现在都从main的位置开始
    #save("/main/java/cn/itsource/zx/domain", ".java")
    
    ##使用宏定义设置包后缀
    #setPackageSuffix("domain")
    
    ##使用全局变量实现默认包导入
    $!autoImport
    import java.io.Serializable;
    import javax.persistence.Entity;
    import javax.persistence.Table;
    
    ##使用宏定义实现类注释信息
    #tableComment("实体类")
    @Entity
    @Table(name="$!{lowerTableInfo}")
    public class $!{tableInfo.name} extends BaseDomain {
    
    ##实现列进行排除
    #set($temp = $tool.newHashSet("id"))
    #foreach($item in $temp)
        #set($newList = $tool.newArrayList())
        #foreach($column in $tableInfo.fullColumn)
            #if($column.name!=$item)
            ##带有反回值的方法调用时使用$tool.call来消除返回值
                $tool.call($newList.add($column))
            #end
        #end
    ##重新保存
        $tableInfo.setFullColumn($newList)
    #end
    #foreach($column in $tableInfo.fullColumn)
        #if(${column.comment})//${column.comment}#end
        private $!{tool.getClsNameByFullName($column.type)} $!{column.name};
    #end
    #foreach($column in $tableInfo.fullColumn)
    ##使用宏定义实现get,set方法
        #getSetMethod($column)
    #end

2）Query查询对象

##定义初始变量
    #set($tableName = $tool.append($tableInfo.name, "Query"))
    ##设置文件名
    $!callback.setFileName($tool.append($tableName, ".java"))
    ##设置文件保存的位置(依然是从src开始)
    $!callback.setSavePath($tool.append($tableInfo.savePath, "/main/java/cn/itsource/zx/query"))
    
    ##拿到首字母小写的表单
    #set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))
    
    ##引入相应的包
    #if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}query;
    ##使用全局变量实现默认包导入
    $!autoImport
    import cn.itsource.zx.domain.$!{tableInfo.name};
    import com.github.wenhao.jpa.Specifications;
    import org.apache.commons.lang3.StringUtils;
    import org.springframework.data.jpa.domain.Specification;
    
    public class $!{tableInfo.name}Query extends BaseQuery {
    	##注:如果生成的表没有name，这里会报错，遇到这种情况请把它删除
        private String name;
        @Override
        public Specification createSpecification() {
            //根据条件把数据返回即可
            return  Specifications.<$!{tableInfo.name}>and()
                    .like(StringUtils.isNotBlank(name),"name", "%"+name+"%")
                    .build();
        }
    
        public String getName() {
            return name;
        }
        public void setName(String name) {
            this.name = name;
        }
       
    }

3） Repoeitory层

##定义初始变量
    #set($tableName = $tool.append($tableInfo.name, "Repository"))
    ##设置回调
    $!callback.setFileName($tool.append($tableName, ".java"))
    $!callback.setSavePath($tool.append($tableInfo.savePath, "/main/java/cn/itsource/zx/repository"))
    
    ##拿到首字母小写的表单
    #set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))
    
    ##引入相应的包
    #if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}repository;
    import cn.itsource.zx.domain.$!{tableInfo.name};
    
    public interface $!{tableInfo.name}Repository extends BaseRepository<$!{tableInfo.name},Long>{
    
    }

4）IXxxService业务层接口

##定义初始变量
    #set($tableName = $tool.append("I",$tableInfo.name, "Service"))
    ##设置回调
    $!callback.setFileName($tool.append($tableName, ".java"))
    $!callback.setSavePath($tool.append($tableInfo.savePath, "/main/java/cn/itsource/zx/service"))
    
    ##拿到首字母小写的表单
    #set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))
    
    ##引入相应的包
    #if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}service;
    
    import cn.itsource.zx.domain.$!{tableInfo.name};
    
    public interface I$!{tableInfo.name}Service extends IBaseService<$!{tableInfo.name},Long> {
    
    }

5）XxxService

##定义初始变量
    #set($tableName = $tool.append($tableInfo.name, "ServiceImpl"))
    ##设置回调
    $!callback.setFileName($tool.append($tableName, ".java"))
    $!callback.setSavePath($tool.append($tableInfo.savePath, "/main/java/cn/itsource/zx/service/impl"))
    
    ##拿到首字母小写的表单
    #set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))
    
    ##引入相应的包
    #if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}service.impl;
    
    import cn.itsource.zx.domain.$!{tableInfo.name};
    import cn.itsource.zx.repository.$!{tableInfo.name}Repository;
    import cn.itsource.zx.service.I$!{tableInfo.name}Service;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Service;
    
    @Service
    public class $!{tableInfo.name}ServiceImpl extends BaseServiceImpl<$!{tableInfo.name},Long> implements I$!{tableInfo.name}Service {
    
        @Autowired
        private $!{tableInfo.name}Repository $!{lowerTableInfo}Repository};
        
    }

6）Test基本测试生成

##定义初始变量
    #set($tableName = $tool.append($tableInfo.name, "ServiceTest"))
    ##设置回调
    $!callback.setFileName($tool.append($tableName, ".java"))
    $!callback.setSavePath($tool.append($tableInfo.savePath, "/test/java/cn/itsource/zx/service"))
    
    ##拿到首字母小写的表单
    #set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))
    
    ##引入相应的包
    #if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}service;
    
    import cn.itsource.zx.domain.$!{tableInfo.name};
    import org.junit.Test;
    import org.springframework.beans.factory.annotation.Autowired;
    
    import java.util.List;
    
    public class $!{tableInfo.name}ServiceTest extends BaseServiceTest {
    
        @Autowired
        private I$!{tableInfo.name}Service $!{lowerTableInfo}Service;
    
        @Test
        public void findAll(){
            System.out.println($!{lowerTableInfo}Service);
            System.out.println($!{lowerTableInfo}Service.getClass());
    
            List<$!{tableInfo.name}> $!{lowerTableInfo}s = $!{lowerTableInfo}Service.findAll();
            for ($!{tableInfo.name} $!{lowerTableInfo} : $!{lowerTableInfo}s) {
                System.out.println($!{lowerTableInfo});
            }
        }
    }

7）.XxxController:控制层

##定义初始变量
    #set($tableName = $tool.append($tableInfo.name, "Controller"))
    ##设置回调
    $!callback.setFileName($tool.append($tableName, ".java"))
    $!callback.setSavePath($tool.append($tableInfo.savePath, "/main/java/cn/itsource/zx/web/controller"))
    
    ##拿到首字母小写的表单
    #set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))
    
    ##引入相应的包
    #if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}web.controller;
    
    import cn.itsource.zx.common.UiPage;
    import cn.itsource.zx.domain. $!{tableInfo.name};
    import cn.itsource.zx.query. $!{tableInfo.name}Query;
    import cn.itsource.zx.service.I $!{tableInfo.name}Service;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.ModelAttribute;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.ResponseBody;
    
    import java.util.HashMap;
    import java.util.Map;
    
    @Controller
    @RequestMapping("/$!{lowerTableInfo}")
    public class $!{tableInfo.name}Controller extends BaseController {
    
        @Autowired
        private I$!{tableInfo.name}Service $!{lowerTableInfo}Service;
    
        @RequestMapping("/index")
        public String index() {
            //根据配置，这里会跳到/WEB-INF/views/$!{lowerTableInfo}/$!{lowerTableInfo}.jsp页面
            return "$!{lowerTableInfo}/$!{lowerTableInfo}";
        }
        //查询分页数据
        @RequestMapping("/page")
        @ResponseBody
        public UiPage page($!{tableInfo.name}Query query){
            return new UiPage($!{lowerTableInfo}Service.findPageByQuery(query));
        }
    
    
        //这里准备一个方法，所有方法执行前都会执行它
        @ModelAttribute("edit $!{tableInfo.name}")
        public $!{tableInfo.name} beforeEdit(Long id, String cmd){
            //有id的时候-> 修改功能
            if(id!=null && "update".equals(cmd)) {
                 $!{tableInfo.name} $!{lowerTableInfo} = $!{lowerTableInfo}Service.findOne(id);
                //把这个要修改的关联对象设置为null,可以解决n-to-n的问题
                return $!{lowerTableInfo};
            }
            return null;
        }
    
        //添加
        @RequestMapping("/save")
        @ResponseBody
        public Map<String,Object> save($!{tableInfo.name} $!{lowerTableInfo}){
            return saveOrUpdate($!{lowerTableInfo});
        }
    
        //修改
        @RequestMapping("/update")
        @ResponseBody
        public Map<String,Object> update(@ModelAttribute("edit $!{tableInfo.name}") $!{tableInfo.name} $!{lowerTableInfo}){
            return saveOrUpdate($!{lowerTableInfo});
        }
    
        //添加或者修改
        private Map<String,Object> saveOrUpdate( $!{tableInfo.name} $!{lowerTableInfo}){
            Map<String,Object> map = new HashMap<>();
            try {
                $!{lowerTableInfo}Service.save($!{lowerTableInfo});
                map.put(SUCCESS, true);
            } catch (Exception e) {
                e.printStackTrace();
                map.put(SUCCESS, false);
                map.put("msg", e.getMessage());
            }
            return map;
        }
    
        /**
         * 返回的结果：{SUCCESS:true,msg:"原因..."}
         * @param id
         * @return
         */
        @RequestMapping("/delete")
        @ResponseBody
        public Map delete(Long id){
            Map<String,Object> map = new HashMap<>();
            try {
                $!{lowerTableInfo}Service.delete(id);
                map.put(SUCCESS, true);
            } catch (Exception e) {
                e.printStackTrace();
                map.put(SUCCESS, false);
                map.put("msg", e.getMessage());
            }
            return map;
        }
    }

8）xxx.jsp 页面展示

##定义初始变量
    #set($tableName = $tool.append($tableInfo.name))
    ##拿到首字母小写的表单
    #set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))
    
    ##设置回调
    $!callback.setFileName($tool.append($lowerTableInfo, ".jsp"))
    $!callback.setSavePath($tool.append($tableInfo.savePath, "/main/webapp/WEB-INF/views/${lowerTableInfo}"))
    
    ##实现列进行排除
    #set($temp = $tool.newHashSet("id"))
    #foreach($item in $temp)
        #set($newList = $tool.newArrayList())
        #foreach($column in $tableInfo.fullColumn)
            #if($column.name!=$item)
            ##带有反回值的方法调用时使用$tool.call来消除返回值
                $tool.call($newList.add($column))
            #end
        #end
    ##重新保存
        $tableInfo.setFullColumn($newList)
    #end
    
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>$!{lowerTableInfo}管理</title>
        <%@include file="/WEB-INF/views/head.jsp" %>
        <script type="text/javascript" src="/js/model/$!{lowerTableInfo}.js"></script>
    </head>
    <body>
    <table id="$!{lowerTableInfo}Grid" class="easyui-datagrid" data-options="fit:true,fixed:true,fitColumns:true,toolbar:'#tb',singleSelect:true,onRowContextMenu:showMenu"
           url="/$!{lowerTableInfo}/page"
           iconCls="icon-save"
           enableHeaderClickMenu="true"
           rownumbers="true" pagination="true"
        >
        <thead>
        ##这里是遍历所有相应的字段
        <tr>
             #foreach($column in $tableInfo.fullColumn)
                <th width="20"  field="$column.name" sortable="true">$column.name</th>
            #end
        </tr>
        </thead>
    </table>
    <div id="tb" style="padding:5px;height:auto">
        
        <div style="margin-bottom:5px">
            <a href="#"  data-method="add" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a>
            <a href="#"  data-method="edit" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
            <a href="#"  data-method="del" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
        </div>
        
        <div>
            <form id="searchForm" action="/$!{lowerTableInfo}/download" method="post">
                名称： <input name="name" class="easyui-textbox" style="width:80px;height:32px">
            </form>
        </div>
    </div>
    
    
    <div id="$!{lowerTableInfo}Dialog" class="easyui-dialog" title="数据操作" data-options="closed:true,modal:true"  style="width:400px;padding:10px">
        <form id="$!{lowerTableInfo}Form" method="post">
            <input id="$!{lowerTableInfo}Id" type="hidden" name="id">
            <table cellpadding="5">
             #foreach($column in $tableInfo.fullColumn)
                <tr>
                    <td>$column.name:</td>
                    <td><input class="easyui-validatebox" type="text" name="$column.name"></input></td>
                </tr>
              #end
            </table>
            <div style="text-align:center;padding:5px">
                <a href="javascript:void(0)" class="easyui-linkbutton" data-method="save">提交</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" "$('#$!{lowerTableInfo}Dialog').dialog('close')">取消</a>
            </div>
        </form>
    </div>
    
    
    <div id="gridMenu" class="easyui-menu" style="width:120px;">
        <div data-options="iconCls:'icon-add'"  data-method="add" >添加</div>
        <div data-options="iconCls:'icon-edit'"  data-method="edit">修改</div>
        <div data-options="iconCls:'icon-remove'" data-method="del">删除</div>
    </div>
    
    
    </body>
    </html>

9）js

##定义初始变量
    #set($tableName = $tool.append($tableInfo.name))
    ##拿到首字母小写的表单
    #set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))
    
    ##设置回调
    $!callback.setFileName($tool.append($lowerTableInfo, ".js"))
    $!callback.setSavePath($tool.append($tableInfo.savePath, "/main/webapp/js/model"))
    
    $(function () {
    
        //这里我们把很多会常用到的元素进行一个抽取
        var searchForm = $("#searchForm");
        var $!{lowerTableInfo}Grid = $("#$!{lowerTableInfo}Grid");
        var $!{lowerTableInfo}Dialog = $("#$!{lowerTableInfo}Dialog");
        var $!{lowerTableInfo}Form = $("#$!{lowerTableInfo}Form");
    
        //只要a标签中有data-method属性，咱们就给它添加事件
        //  执行对应的itsource中的事件
        $("*[data-method]").on("click",function () {
            itsource[$(this).data("method")]();
        })
    
        window.itsource={
            search:function () {
                //需要先引入 jquery.jdirk.js 才可以使用这个方法
                var params = searchForm.serializeObject();
                $!{lowerTableInfo}Grid.datagrid('load',params);
            },
            add:function () {
                //隐藏有data-save属性的元素
                $("*[data-save]").show();
                //禁用有data-save属性的input元素的验证功能
                $("*[data-save] input").validatebox("enableValidation");
                //弹出表单窗口
                $!{lowerTableInfo}Form.form("clear");//清除数据
                $!{lowerTableInfo}Dialog.dialog("center").dialog("open");
            },
            edit:function () {
                //弹出表单窗口
                //选中了某一条数据才删除
                var row = $!{lowerTableInfo}Grid.datagrid("getSelected");
                if(row) {
                    //隐藏有data-save属性的元素
                    $("*[data-save]").hide();
                    //禁用有data-save属性的input元素的验证功能
                    $("*[data-save] input").validatebox("disableValidation");
    
                    $!{lowerTableInfo}Form.form("clear");//清除数据
                    $!{lowerTableInfo}Dialog.dialog("center").dialog("open");
                    //为form加载数据
                    $("#$!{lowerTableInfo}Form").form("load",row);
                }else{
                    $.messager.alert('提示信息','请选择一行再进行修改!','info');
                }
            },
            del:function () {
                //拿到选中的这条数据
                var row = $!{lowerTableInfo}Grid.datagrid("getSelected");
                if(row){
                    $.messager.confirm('确认框', '确定要狠心删除我么?', function(r){
                        if (r){
                            //进行删除
                            $.get("/$!{lowerTableInfo}/delete",{id:row.id},function (result) {
                                if(result.success){
                                    $('#$!{lowerTableInfo}Grid').datagrid('reload');
                                }else{
                                    //alert("删除失败");
                                    $.messager.alert('提示信息','删除失败!，原因:'+result.msg,"error");
                                }
                            })
                        }
                    });
    
                }else{
                    $.messager.alert('提示信息','请选择一行再进行删除!','info');
                }
            },
            save:function () {
                var url  = "/$!{lowerTableInfo}/save";
                var id = $("#$!{lowerTableInfo}Id").val();
                if(id){
                    url = "/$!{lowerTableInfo}/update?cmd=update";
                }
                $!{lowerTableInfo}Form.form('submit', {
                    url:url,
                    onSubmit: function(){
                        //做验证
                        return $("#$!{lowerTableInfo}Form").form("validate");
                    },
                    success:function(data){
                        var result = JSON.parse(data);//转成相应的json数据
                        if(result.success) {
                            $('#$!{lowerTableInfo}Grid').datagrid('reload');
                        }else{
                            $.messager.alert('提示信息','操作失败!，原因:'+result.msg,"error");
                        }
                        $!{lowerTableInfo}Dialog.dialog('close');
                    }
                })
            }
        }
    })

[https_gitee.com_makejava_EasyCode_wikis_pages]: https://gitee.com/makejava/EasyCode/wikis/pages
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70]: /images/20220225/c826870075f049f48de5c728e5b8f121.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2019033115260086.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20190331152609874.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 3]: /images/20220225/6c0a64201e0e4214ab073e7bd6f041eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20190331153110658.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20190331153116413.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bmVfRmx5aW5nRnJvc3Q_size_16_color_FFFFFF_t_70 6]: /images/20220225/7f8c2674dfac4984be7b9644b54609b7.png