SSM框架整合与模板

痛定思痛。 2023-10-02 09:53 63阅读 0赞

## 一、Maven配置 ##

### （1）所有依赖 ###

#### 1.pom.xml ####

<dependencies>
    
    
            
            <dependency>
                <groupId>junit</groupId>
                <artifactId>junit</artifactId>
                <version>4.12</version>
            </dependency>
            
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                <version>8.0.22</version>
            </dependency>
            
            <dependency>
                <groupId>com.mchange</groupId>
                <artifactId>c3p0</artifactId>
                <version>0.9.5.2</version>
            </dependency>
    
            
            <dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>javax.servlet-api</artifactId>
                <version>4.0.1</version>
                <scope>provided</scope>
            </dependency>
            <dependency>
                <groupId>javax.servlet.jsp</groupId>
                <artifactId>javax.servlet.jsp-api</artifactId>
                <version>2.3.3</version>
                <scope>provided</scope>
            </dependency>
    
            <dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>jstl</artifactId>
                <version>1.2</version>
            </dependency>
    
            
            <dependency>
                <groupId>org.mybatis</groupId>
                <artifactId>mybatis</artifactId>
                <version>3.5.2</version>
            </dependency>
            <dependency>
                <groupId>org.mybatis</groupId>
                <artifactId>mybatis-spring</artifactId>
                <version>2.0.6</version>
            </dependency>
    
            
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-webmvc</artifactId>
                <version>5.3.9</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-jdbc</artifactId>
                <version>5.3.9</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-context</artifactId>
                <version>5.3.9</version>
            </dependency>
            
            <dependency>
                <groupId>org.aspectj</groupId>
                <artifactId>aspectjweaver</artifactId>
                <version>1.9.4</version>
            </dependency>
            
            <dependency>
                <groupId>com.fasterxml.jackson.core</groupId>
                <artifactId>jackson-databind</artifactId>
                <version>2.12.5</version>
            </dependency>
            
            <dependency>
                <groupId>commons-fileupload</groupId>
                <artifactId>commons-fileupload</artifactId>
                <version>1.3.3</version>
            </dependency>
    
    
        </dependencies>

### （2）资源过滤配置 ###

## 二、Mybatis配置 ##

java项目结构：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6Zi_5p6c5a2Q_size_15_color_FFFFFF_t_70_g_se_x_16][]

### （1）mybatis-config.xml ###

<?xml version="1.0" encoding="UTF8" ?>
    <!DOCTYPE configuration
            PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
            "http://mybatis.org/dtd/mybatis-3-config.dtd">
    <configuration>
        
        <settings>
            <setting name="logImpl" value="STDOUT_LOGGING"/>
        </settings>
    
        
        <typeAliases>
            <package name=【"com.gy.pojo"】/>
        </typeAliases>
    
    </configuration>

## 三、Spring配置 ##

### （1）Spring整合Mybatis ###

#### 1.spring-dao.xml ####

<?xml version="1.0" encoding="UTF8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:context="http://www.springframework.org/schema/context"
           xmlns:aop="http://www.springframework.org/schema/aop"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans.xsd
            http://www.springframework.org/schema/context
             https://www.springframework.org/schema/context/spring-context.xsd
             http://www.springframework.org/schema/aop
             https://www.springframework.org/schema/aop/spring-aop.xsd">
    
        
        <context:property-placeholder location="classpath:jdbc.properties"/>
        
        
        <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
            
            <property name="driverClass" value="${jdbc.driver}"/>
            <property name="jdbcUrl" value="${jdbc.jdbcUrl}"/>
            <property name="user" value="${jdbc.username}"/>
            <property name="password" value="${jdbc.password}"/>
    
            
            <property name="initialPoolSize" value="10"/>
            <property name="maxPoolSize" value="30"/>
            <property name="minPoolSize" value="10"/>
            
            <property name="autoCommitOnClose" value="false"/>
            
            <property name="checkoutTimeout" value="10000"/>
            
            <property name="acquireRetryAttempts" value="2"/>
        </bean>
    
        
        <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
            <property name="dataSource" ref="dataSource"/>
            <property name="configLocation" value="classpath:mybatis-config.xml"/>
            <property name="mapperLocations" value=【"classpath:com/gy/mapper/*.xml"】/>
        </bean>
    
        
        
        
        <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
            
            <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
            
            <property name="basePackage" value=【"com.gy.mapper"】/>
        </bean>
    
    
    </beans>

#### 2.jdbc.properties ####

jdbc.driver=com.mysql.cj.jdbc.Driver
    jdbc.jdbcUrl=jdbc:mysql://localhost:3306/【mybatis】?useSSL=false&serverTimezone=UTC&useUnicode=true&characterEncoding=UTF-8&allowPublicKeyRetrieval=true
    jdbc.username=root
    jdbc.password=\密\码

### （2）Spring整合Service（业务层） ###

#### 1.spring-service.xml ####

## 四、SpringMVC ##

### （1）web.xml ###

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
             version="4.0">
        
        <servlet>
            <servlet-name>springmvc</servlet-name>
            <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
            <init-param>
                <param-name>contextConfigLocation</param-name>
                <param-value>classpath:applicationContext.xml</param-value>
            </init-param>
            <load-on-startup>1</load-on-startup>
        </servlet>
        <servlet-mapping>
            <servlet-name>springmvc</servlet-name>
            <url-pattern>/</url-pattern>
        </servlet-mapping>
    
        
        <filter>
            <filter-name>encoding</filter-name>
            <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
            <init-param>
                <param-name>encoding</param-name>
                <param-value>utf-8</param-value>
            </init-param>
        </filter>
        <filter-mapping>
            <filter-name>encoding</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>
    
        
        <session-config>
            <session-timeout>15</session-timeout>
        </session-config>
        
        <jsp-config>
            <taglib>
                <taglib-uri>http://java.sun.com/jsp/jstl/core</taglib-uri>
                <taglib-location>/WEB-INF/lib/c.tld</taglib-location>
            </taglib>
        </jsp-config>
        
    </web-app>

### （2）spring-mvc.xml ###

<?xml version="1.0" encoding="UTF8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:context="http://www.springframework.org/schema/context"
           xmlns:mvc="http://www.springframework.org/schema/mvc"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans.xsd
           http://www.springframework.org/schema/context
           http://www.springframework.org/schema/context/spring-context.xsd
           http://www.springframework.org/schema/mvc
           http://www.springframework.org/schema/mvc/spring-mvc.xsd
        ">
        
        <context:component-scan base-package="com.gy.controller"/>
        
        <mvc:default-servlet-handler/>
        
        <mvc:annotation-driven/>
    
        
        <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver">
            
            <property name="prefix" value="/WEB-INF/jsp/"/>
            
            <property name="suffix" value=".jsp"/>
        </bean>
    
        
        <mvc:annotation-driven>
            <mvc:message-converters register-defaults="true">
                <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                    <constructor-arg value="UTF-8"/>
                </bean>
                <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
                    <property name="objectMapper">
                        <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
                            <property name="failOnEmptyBeans" value="false"/>
                        </bean>
                    </property>
                </bean>
            </mvc:message-converters>
        </mvc:annotation-driven>
    </beans>

## 五、合并applicationContext.xml ##

## 六、三个层次的项目代码 ##

### （1）pojo/Books.java ###

package com.gy.pojo;
    
    public class Books {
    
        private int bookID;
        private String bookName;
        private int bookCounts;
        private String detail;
    
        public Books() {
        }
    
        public Books(int bookID, String bookName, int bookCounts, String detail) {
            this.bookID = bookID;
            this.bookName = bookName;
            this.bookCounts = bookCounts;
            this.detail = detail;
        }
    
        public int getBookID() {
            return bookID;
        }
    
        public void setBookID(int bookID) {
            this.bookID = bookID;
        }
    
        public String getBookName() {
            return bookName;
        }
    
        public void setBookName(String bookName) {
            this.bookName = bookName;
        }
    
        public int getBookCounts() {
            return bookCounts;
        }
    
        public void setBookCounts(int bookCounts) {
            this.bookCounts = bookCounts;
        }
    
        public String getDetail() {
            return detail;
        }
    
        public void setDetail(String detail) {
            this.detail = detail;
        }
        
        @Override
        public String toString() {
            return "Books{" +
                    "bookID=" + bookID +
                    ", bookName='" + bookName + '\'' +
                    ", bookCounts=" + bookCounts +
                    ", detail='" + detail + '\'' +
                    '}';
        }
    }

### （2）Mapper层 ###

#### 1.BookMapper.java ####

package com.gy.mapper;
    
    import com.gy.pojo.Books;
    import org.apache.ibatis.annotations.Param;
    import org.springframework.stereotype.Component;
    
    import java.util.List;
    @Component
    public interface BookMapper {
    //    增加一本书
        int addBook(Books books);
    //    删一本书
        int deleteBookByID(@Param("bookID") Integer id);
    //    改一本书
        int updateBook(Books books);
    //    查所有书
        List<Books> queryBooks();
    //    查一本书
        Books queryBookByID(@Param("bookID") Integer id);
    //    通过书名查询
        List<Books> queryBookByBookName(@Param("bookName") String bookName);
    
    }

#### 2.BookMapper.xml ####

<?xml version="1.0" encoding="UTF8" ?>
    <!DOCTYPE mapper
            PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
            "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    <mapper namespace="com.gy.mapper.BookMapper">
    
        <insert id="addBook" parameterType="Books">
            insert into ssmbuild.books(bookName, bookCounts, detail)
            values (#{bookName},#{bookCounts},#{detail});
        </insert>
    
        <delete id="deleteBookByID" parameterType="_int">
            delete from ssmbuild.books
            where bookID=#{bookID};
        </delete>
    
        <update id="updateBook" parameterType="Books">
            update ssmbuild.books
            <set>
                <if test="bookName!=''">
                    bookName = #{bookName},
                </if>
                <if test="bookCounts!=null">
                    bookCounts = #{bookCounts},
                </if>
                <if test="detail!=''">
                    detail = #{detail},
                </if>
            </set>
            where bookID=#{bookID};
        </update>
    
        <select id="queryBooks" resultType="Books">
            select *
            from ssmbuild.books;
        </select>
    
        <select id="queryBookByID" resultType="Books" parameterType="_int">
            select * from ssmbuild.books where bookID=#{bookID};
        </select>
    
        <select id="queryBookByBookName" resultType="Books" parameterType="String">
            select * from ssmbuild.books where bookName like #{bookName};
        </select>
    
    </mapper>

### （3）service层 ###

#### 1.BookService.java ####

与bookMapper接口方法一致，项目大了也可以不一致

package com.gy.service;
    
    import com.gy.pojo.Books;
    import org.apache.ibatis.annotations.Param;
    
    import java.util.List;
    
    public interface BookService {
        //    增加一本书
        int addBook(Books books);
        //    删一本书
        int deleteBookByID(@Param("bookID") Integer id);
        //    改一本书
        int updateBook(Books books);
        //    查所有书
        List<Books> queryBooks();
        //    查一本书
        Books queryBookByID(@Param("bookID") Integer id);
        //    通过书名查询
        List<Books> queryBookByBookName(@Param("bookName") String bookName);
    }

#### 2.BookServiceImpl ####

package com.gy.service.impl;
    
    import com.gy.mapper.BookMapper;
    import com.gy.pojo.Books;
    import com.gy.service.BookService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Service;
    
    import java.util.List;
    
    @Service
    public class BookServiceImpl implements BookService {
    
        private BookMapper bookMapper;
    
    
        @Autowired
        public void setBookMapper(BookMapper bookMapper) {
            this.bookMapper = bookMapper;
        }
    
        public int addBook(Books books) {
            return bookMapper.addBook(books);
        }
    
        public int deleteBookByID(Integer id) {
            return bookMapper.deleteBookByID(id);
        }
    
        public int updateBook(Books books) {
            return bookMapper.updateBook(books);
        }
    
        public List<Books> queryBooks() {
            return bookMapper.queryBooks();
        }
    
        public Books queryBookByID(Integer id) {
            return bookMapper.queryBookByID(id);
        }
    
        public List<Books> queryBookByBookName(String bookName) {
            return bookMapper.queryBookByBookName("%"+bookName+"%");
        }
    }

### （4）Controller层 ###

#### 1.BookController.java ####

package com.gy.controller;
    
    import com.gy.pojo.Books;
    import com.gy.service.BookService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestParam;
    import org.springframework.web.bind.annotation.ResponseBody;
    
    import javax.servlet.http.HttpServletRequest;
    import java.util.List;
    
    @Controller
    public class BookController {
    
        private BookService bookService;
    
        @Autowired
        public void setBookService(BookService bookService) {
            this.bookService = bookService;
        }
    
        //  罗列出所有书本信息
        @RequestMapping("/book/allBook")
        public String list(Model model) {
    //        调用业务层
            List<Books> books = bookService.queryBooks();
            model.addAttribute("list", books);
            return "allBook";
        }
    
        //跳转至添书界面
        @RequestMapping("/book/toAddBook")
        public String toAddPage() {
            return "addBook";
        }
    
        //添书页面
        @RequestMapping("/book/addBook")
        public String addBook(Books book) {
            System.out.println(book);
            bookService.addBook(book);
            return "redirect:/book/allBook";
        }
    
        //    跳转到修改书的页面
        @RequestMapping("/book/toUpdateBook")
        public String toUpdateBook(@RequestParam("bookID") Integer bookID, Model model) {
            Books book = bookService.queryBookByID(bookID);
            model.addAttribute("book", book);
            return "updateBook";
        }
    
        //    修改书页面
        @RequestMapping("/book/updateBook")
        public String updateBook(Books book) {
            System.out.println(book);
            bookService.updateBook(book);
            return "redirect:/book/allBook";
        }
    
        //    删除书操作
        @RequestMapping("/book/deleteBook")
        public String delete(@RequestParam("bookID") Integer bookID) {
            bookService.deleteBookByID(bookID);
            return "redirect:/book/allBook";
        }
    
        //    查询书名操作
        @RequestMapping("/book/queryBookByBookName")
        public String queryBookByBookName(@RequestParam("bookName") String bookName, Model model) {
            List<Books> books = bookService.queryBookByBookName(bookName);
            if (books.size() == 0) {
                books = bookService.queryBooks();
                model.addAttribute("error", "未查到结果");
            }
            model.addAttribute("list", books);
            model.addAttribute("QBookName", bookName);
            return "allBook";
        }
    
        @RequestMapping("/book/ajaxAllBook")
        @ResponseBody
        public List<Books> ajaxAllBook(Model model, HttpServletRequest request) {
            return bookService.queryBooks();
        }
    
    
        @RequestMapping("/book/ajaxAllBookPage")
        public String ajaxAllBookPage(Model model) {
            return "ajaxAllBook";
        }
    
    }

## 七、Json ##

### （1）后端 ###

**参考以下BookController.java的方法以及注释**

//需要Jackson的jar包，pom.xml已经导入
        @RequestMapping("/book/ajaxAllBook") //方法访问地址
        @ResponseBody // 绕过视图解析器的解析
        public List<Books> ajaxAllBook(Model model, HttpServletRequest request) {
            //springmvc便捷之一，return的对象将直接转为json对象传给客户端
            return bookService.queryBooks();
        }

### （2）前端（即Ajax） ###

#### **1.JQuery** ####

**（a）方法模板**

$.post(url,data,funcation(){});//不止这三个参数
    
    
    
    $.post(
    
    projectName + "/book/ajaxAllBook",
    
    
    {"username":"admin"}.
    
     function (data) {
                    let html = "";声明变量
                    for 遍历
                    $("#mainBook").html(html);插入去对应的BOM对象中
     }
    
    );

**（b）示例**

## 八、拦截器 ##

### （1）java代码 ###

LoginInterceptor.java

package com.gy.interceptor;
    
    import org.springframework.web.servlet.HandlerInterceptor;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class LoginInterceptor implements HandlerInterceptor {
        public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
    
            String username = (String) request.getSession().getAttribute("username");
    
            if ("".equals(username) || username == null) {
                request.getRequestDispatcher("/WEB-INF/jsp/user/login.jsp").forward(request, response);
                return false;
            }
    
            return true;
        }
    }

### （2）配置bean ###

**applicationContext.xml追加**

<mvc:interceptors>
            <mvc:interceptor>
    
                <mvc:mapping path="/user/**"/> 
                <bean class="com.gy.interceptor.LoginInterceptor"/>
            </mvc:interceptor>
        </mvc:interceptors>

### （3）被拦截器控制的方法 ###

@RequestMapping("/user/main")
        public String main(String username, Model model) {
            model.addAttribute("username", username);
            return "user/main";
        }
    
        @RequestMapping("/user/loginOut")
        public String loginOut(HttpSession session) {
            session.removeAttribute("username");
            return "redirect:/login";
        }
    //结论，拦截器是拦截方法的，记住是方法，凡是以/user/开头的方法都会被拦截，因此
        //这就很容易理解了，必须登录才能用到的方法均用user开头即可！！！！！！！！！

## 九、文件上传与下载 ##

### （1）上传 ###

#### 1.前端 ####

#### 2.后端 ####

**1.需要的jar包,上面的pom.xml已导入**

<dependency>
       <groupId>commons-fileupload</groupId>
       <artifactId>commons-fileupload</artifactId>
       <version>1.3.3</version>
    </dependency>
    
    <dependency>
       <groupId>javax.servlet</groupId>
       <artifactId>javax.servlet-api</artifactId>
       <version>4.0.1</version>
    </dependency>

**2.applicationContext.xml配置**

**3.Controller java代码**

@RequestMapping("/upload")
        public String fileUpload(@RequestParam("file") CommonsMultipartFile file, HttpServletRequest request) throws IOException, IOException {
    
            //生成上传文件的保存路径
            String path = request.getServletContext().getRealPath("/upload");
            File realPath = new File(path);
            if (!realPath.exists()) {
                realPath.mkdir();
            }
            //上传文件地址
            System.out.println("上传文件保存地址：" + realPath);
            //通过CommonsMultipartFile的方法直接写文件（注意这个时候）
            file.transferTo(new File(path + "/" + file.getOriginalFilename()));
    
            return "redirect:/index.jsp";
        }

### （2）下载 ###

#### 1.后端 ####

**Controller java代码**

@RequestMapping("/download")
        public void download(HttpServletRequest request, HttpServletResponse response) throws IOException {
            //下载的图片地址
            String path = request.getServletContext().getRealPath("/statics/img");
            String fileName = "girl.jpg";
    
            //1、设置response 响应头
            response.reset(); //设置页面不缓存,清空buffer
            response.setCharacterEncoding("UTF-8"); //字符编码
            response.setContentType("multipart/form-data"); //二进制传输数据
            //设置响应头
            response.setHeader("Content-Disposition",
                    "attachment;fileName=" + URLEncoder.encode(fileName, "UTF-8"));
    
            File file = new File(path, fileName);
            //2、 读取文件--输入流
            InputStream input = new FileInputStream(file);
            //3、 写出文件--输出流
            OutputStream out = response.getOutputStream();
    
            byte[] buff = new byte[1024];
            int index = 0;
            //4、执行 写出操作
            while ((index = input.read(buff)) != -1) {
                out.write(buff, 0, index);
                out.flush();
            }
            out.close();
            input.close();
        }

#### 2.前端 ####

**访问http://ip:port/项目名/download即可**

## 十、Maven WAR包导出 ##

### （1）配置pom.xm ###

<packaging>war</packaging>
    
        <dependencies>
    .......

<build>
        
        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>true</filtering>
            </resource>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>true</filtering>
            </resource>
        </resources>
    
            <plugins>
    
                
                <plugin>
                    <groupId>org.apache.maven.plugins</groupId>
                    <artifactId>maven-war-plugin</artifactId>
                    <version>2.2</version>
                    <configuration>
    
                        <warName>ssm</warName>
                    </configuration>
                </plugin>
    
                <plugin>
                    <groupId>org.apache.maven.plugins</groupId>
                    <artifactId>maven-war-plugin</artifactId>
                    <version>2.2</version>
                    <configuration>
                        <webResources>
                            <resource>
                                <directory>web</directory>
                            </resource>
                        </webResources>
                    </configuration>
                </plugin>
    
            </plugins>
            
        </build>

### （2）打包 ###

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6Zi_5p6c5a2Q_size_20_color_FFFFFF_t_70_g_se_x_16][]

### （3）使用 ###

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6Zi_5p6c5a2Q_size_18_color_FFFFFF_t_70_g_se_x_16][]

直接复制粘贴到%Tomcat%/webapps下即可启动使用！

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6Zi_5p6c5a2Q_size_15_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/20210919005356784.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6Zi_5p6c5a2Q,size_15,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6Zi_5p6c5a2Q_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/20210924091430433.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6Zi_5p6c5a2Q,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6Zi_5p6c5a2Q_size_18_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/20210924091457804.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6Zi_5p6c5a2Q,size_18,color_FFFFFF,t_70,g_se,x_16