Servlet快速入门，完成使用用户名密码登录的校验

冷不防 2023-07-07 05:37 1阅读 0赞

![在这里插入图片描述][20200215121019186.png]  
创建一个新的Web工程  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70]  
如果没有安装web应用服务器将无法发布，这里需要先安装好web应用服务器（推荐Tomcat，版本影响不大，这里用的是Tomcat9）web模组版本选取2.5  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 1]  
在src下新建一个包，新建一个类![在这里插入图片描述][20200215123416271.png]  
实现servlet接口，接口中暂时只使用servlet方法

package cn.aynortechnology.servlet;
    
    import java.io.IOException;
    
    import javax.servlet.Servlet;
    import javax.servlet.ServletConfig;
    import javax.servlet.ServletException;
    import javax.servlet.ServletRequest;
    import javax.servlet.ServletResponse;
    
    public class QuickStartServlet implements Servlet{
    	
    	@Override
    	public void service(ServletRequest arg0, ServletResponse arg1) throws ServletException, IOException {
    		System.out.println("QuickStartServlet running...");
    		
    	}
    
    	@Override
    	public void destroy() {
    		// TODO 自动生成的方法存根
    		
    	}
    
    	@Override
    	public ServletConfig getServletConfig() {
    		// TODO 自动生成的方法存根
    		return null;
    	}
    
    	@Override
    	public String getServletInfo() {
    		// TODO 自动生成的方法存根
    		return null;
    	}
    
    	@Override
    	public void init(ServletConfig arg0) throws ServletException {
    		// TODO 自动生成的方法存根
    		
    	}
    
    }

配置web.xml文件，位置如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 2]  
配置文件中servlet和servlet-mapping的servlet-name需要保持一致，否则无法实现url-pattern的快捷方式。servlet-class是之前实现了servlet接口的类的限定名。url-pattern是用于快速访问的名称，过一会会使用到

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
      <display-name>WEB13</display-name>
      <servlet>
      	<servlet-name>s1</servlet-name>
      	<servlet-class>cn.aynortechnology.servlet.QuickStartServlet</servlet-class>
      </servlet>
      <servlet-mapping>
      	<servlet-name>s1</servlet-name>
      	<url-pattern>/quickStartServlet</url-pattern>
      </servlet-mapping>
      
      <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
        <welcome-file>default.html</welcome-file>
        <welcome-file>default.htm</welcome-file>
        <welcome-file>default.jsp</welcome-file>
      </welcome-file-list>
    </web-app>

为了帮助理解，配置文件的框图如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 3]  
复制限定名的方式  
第一种：直接在类上右键  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 4]  
第二种：在左侧资源管理器中找到类，右键  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 5]  
启动服务器，发布工程(具体方式请[点击这里][Link 1])  
在浏览器中访问刚刚准备好的url-pattern  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 6]  
我们可以看到，网页中没有任何显示，这时我们打开控制台会发现syso已经成功打印，这代表上面的操作没有问题![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 7]  
准备好以上内容后，就可以开启你的servlet之旅了  
本文为上文延续，如果理解起来较为困难可以点击这里阅读上文  
在init service destroy这些用来实现接口的方法中添加打印标识  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 8]  
关闭服务器，重启服务器并在浏览器访问服务器，会发现控制台打印了如下内容  
![在这里插入图片描述][20200215142130937.png]  
也就是init先执行，然后servlet执行，我们刷新浏览器  
![在这里插入图片描述][20200215142230875.png]  
发现init不再执行  
如此我们引出Servlet的API(生命周期)  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 9]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 10]  
这张图可以帮助理解  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 11]  
不妨思考一下这个问题，能答上来说明上面的内容已经理解了  
答案放在最下面  
![在这里插入图片描述][20200215145912437.png]  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
|  
init()-一次  
destroy()-零次  
service()-十次  
request对象-十个  
response对象-十个  
![在这里插入图片描述][20200215152842917.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 12]  
配置欢迎界面，配置后按照自行配置的执行  
![在这里插入图片描述][20200215155343547.png]  
如果不配置欢迎界面，服务器已经默认配置好，也会寻找index文件进行访问  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 13]  
以上内容是为了方便学习、理解  
正常开发中会使用另外一种更简单的方式  
新建servlet  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 14]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 15]  
这里可以修改虚拟路径  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 16]  
选取工程包含的方法  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 17]  
完成后系统会自动在web.xml配置文件中加入新的内容(新的虚拟路径)  
![在这里插入图片描述][20200215161015403.png]  
生成的类包含创建时勾选的方法，我们会发现这里继承了一个类，而不是接口，但经过查找会发现它的父类完成了接口  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 18]  
这里推荐建立一个模板，方便以后的开发，具体方式请[点击这里][Link 2]  
先给数据库创建一张user表，并放入两条用户信息  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 19]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 20]  
导入所需要的jar包，放在WEB-INF下的lib中  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 21]  
编写配置文件，名为c3p0-config.xml，放在src下

<?xml version="1.0" encoding="UTF-8"?>
    <c3p0-config>
      <default-config>
        <property name="driverClass">com.mysql.cj.jdbc.Driver</property>
        <property name="jdbcUrl">jdbc:mysql:///WEB13?serverTimezone=UTC</property>
        <property name="user">root</property>
        <property name="password">20190222</property>
      </default-config>

编写DataSourceUtils工具类

package cn.aynortechnology.utils;
    
    import java.sql.Connection;
    import java.sql.ResultSet;
    import java.sql.SQLException;
    import java.sql.Statement;
    import javax.sql.DataSource;
    import com.mchange.v2.c3p0.ComboPooledDataSource;
    
    public class DataSourceUtils {
        
        private static ComboPooledDataSource ds=new ComboPooledDataSource();
        
        /**
         * 获取数据源
         * @return 连接池
         */
        public static DataSource getDataSource(){
            return ds ;
        }
        
        /**
          * 释放资源
         * @param conn
         * @param st
         * @param rs
         */
         public static void CloseResource(Connection conn,Statement st , ResultSet rs){
             closeResultSet(rs);
             closeStaement(st);
             closeConn(conn);
         }
        
        /**
         * 获取连接
         * @return 连接
         * @throws SQLException 
         */
        public static Connection getConnection() throws SQLException{
            return ds.getConnection();
        }
        
        /**
          *释放连接 
         * @param conn
         *     连接
         */
         public static void closeConn(Connection conn){
             if(conn!=null){
                 try {
                    conn.close();
                } catch (SQLException e) {
                    e.printStackTrace();
                }finally{
                    conn = null ;
                }
             }
         }
         
         /**
          * 释放语句执行者
         * @param st
         * 语句执行者
         */
        public static void closeStaement(Statement st){
             if(st!=null){
                 try {
                    st.close();
                } catch (SQLException e) {
                    e.printStackTrace();
                }finally{
                    st = null ;
                }
             }
         }
        
        /**
         * 释放结果集
         * @param rs
         * 结果集
         */
        public static void closeResultSet(ResultSet rs){
             if(rs!=null){
                 try {
                    rs.close();
                } catch (SQLException e) {
                    e.printStackTrace();
                }finally{
                    rs = null ;
                }
             }
         }
    
    }

编写用户类

package cn.aynortechnology.domain;
    
    public class User {
    	private int id;
    	private String username;
    	private String password;
    	private String email;
    	public int getId() {
    		return id;
    	}
    	public void setId(int id) {
    		this.id = id;
    	}
    	public String getUsername() {
    		return username;
    	}
    	public void setUsername(String username) {
    		this.username = username;
    	}
    	public String getPassword() {
    		return password;
    	}
    	public void setPassword(String password) {
    		this.password = password;
    	}
    	public String getEmail() {
    		return email;
    	}
    	public void setEmail(String email) {
    		this.email = email;
    	}
    	@Override
    	public String toString() {
    		return "User [id=" + id + ", username=" + username + ", password=" + password + ", email=" + email + "]";
    	}
    }

编写前端登陆界面

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	<form action="/WEB13/login" method="post">
    		用户名：<input type="text" name="username"><br/>
    		密码：<input type="password" name="password"><br/>
    		<input type="submit" value="登录"><br/>
    	</form>
    </body>
    </html>

编写用户登录代码

package cn.aynortechnology.login;
    
    import java.io.IOException;
    import java.sql.SQLException;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.apache.commons.dbutils.QueryRunner;
    import org.apache.commons.dbutils.handlers.BeanHandler;
    
    import cn.aynortechnology.domain.User;
    import cn.aynortechnology.utils.DataSourceUtils;
    
    public class LoginServlet extends HttpServlet {
    
    	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		//username=user1&password=password1
    		//1.获得用户名和密码
    		String username = request.getParameter("username");
    		String password = request.getParameter("password");
    		//2.从数据库中验证该用户名和密码是否正确
    		QueryRunner runner = new QueryRunner(DataSourceUtils.getDataSource());
    		String sql = "select * from user where username=? and password=?";
    		User user = null;
    		try {
    			user = runner.query(sql, new BeanHandler<User>(User.class), username,password);
    		} catch (SQLException e) {
    			// TODO 自动生成的 catch 块
    			e.printStackTrace();
    		}
    		//3.根据返回的结果给用户不同显示信息
    		if(user!=null) {
    			//用户登陆成功
    			response.getWriter().write(user.toString());
    		}else {
    			//用户登录失败
    			response.getWriter().write("sorry your username or password is wrong...");
    		}
    	}
    	public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		doGet(request, response);
    	}
    }

发布、找到前端文件夹，输入用户名密码并点击登录  
![在这里插入图片描述][20200220194153478.png]  
如果网页返回错误500大多是因为缺少jar包  
如果网页一直在加载大多数是因为配置文件出错导致浏览器一直等待数据库响应  
![在这里插入图片描述][20200220201316379.png]  
![在这里插入图片描述][20200220201603494.png]  
![在这里插入图片描述][20200220202812824.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 22]  
web.xml

<context-param>
      	<param-name>driver</param-name>
      	<param-value>com.mysql.jdbc.Driver</param-value>
      </context-param>

获得初始化参数
    String initParameter = context.getInitParameter("driver");
    System.out.println(initParameter);

结果如下  
![在这里插入图片描述][20200220210537292.png]  
![在这里插入图片描述][20200220210559345.png]

//2.获得 a b c d.txt 的绝对路径
    		//2.1获得b.txt
    		String realPath_B = context.getRealPath("b.txt");
    		System.out.println(realPath_B);
    		//2.2获得a.txt
    		String realPath_A = context.getRealPath("WEB-INF/a.txt");
    		System.out.println(realPath_A);
    		//2.3获得d.txt
    		String realPath_D = context.getRealPath("WEB-INF/classes/d.txt");
    		System.out.println(realPath_D);
    		//2.4获得c.txt-----获取不到

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 23]  
因为c.txt不在webContent中(发布时tomcat会打包WebContent中的文件)，也不再src中(scr中的文件在发布后会存放在WEB-INF下的classes文件夹中)  
查找src(classes)下的绝对路径可以使用这个方法(但是比较麻烦)

//在读取src(classes)下的资源时可以使用类加载器----专门加载src(classes)下的文件的
    		//getResource()参数是一个相对地址相对于classes
    		String path = ContextServlet.class.getClassLoader().getResource("d.txt").getPath();
    		System.out.println(path);

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 24]  
存

//3.域对象----向ServletContext存数据
    context.setAttribute("name", "Aynor");

取

//从ServletContext对象取数据
    String attribute = (String) this.getServletContext().getAttribute("name");
    System.out.println(attribute);

初始化的时候把一个变量存到ContextServlet中

@Override
    	public void init() throws ServletException {
    		//在ServletContext域中存一个数据count
    		int count = 0;
    		this.getServletContext().setAttribute("count", count);;
    	}

登录方法

if(user!=null) {
    			//从servletcontext中取出count进行++运算
    			ServletContext context = this.getServletContext();
    			Integer count = (Integer)context.getAttribute("count");
    			count++;
    			//用户登陆成功
    			response.getWriter().write(user.toString()+"you are zhe "+count+" one login");
    			context.setAttribute("count", count);
    		}else {
    			//用户登录失败
    			response.getWriter().write("sorry your username or password is wrong...");
    		}

整体代码

package cn.aynortechnology.login;
    
    import java.io.IOException;
    import java.sql.SQLException;
    
    import javax.servlet.ServletContext;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.apache.commons.dbutils.QueryRunner;
    import org.apache.commons.dbutils.handlers.BeanHandler;
    
    import cn.aynortechnology.domain.User;
    import cn.aynortechnology.utils.DataSourceUtils;
    
    public class LoginServlet extends HttpServlet {
    	
    	@Override
    	public void init() throws ServletException {
    		//在ServletContext域中存一个数据count
    		int count = 0;
    		this.getServletContext().setAttribute("count", count);;
    	}
    
    	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		//username=user1&password=password1
    		//1.获得用户名和密码
    		String username = request.getParameter("username");
    		String password = request.getParameter("password");
    		//2.从数据库中验证该用户名和密码是否正确
    		QueryRunner runner = new QueryRunner(DataSourceUtils.getDataSource());
    		String sql = "select * from user where username=? and password=?";
    		User user = null;
    		try {
    			user = runner.query(sql, new BeanHandler<User>(User.class), username,password);
    		} catch (SQLException e) {
    			// TODO 自动生成的 catch 块
    			e.printStackTrace();
    		}
    		//3.根据返回的结果给用户不同显示信息
    		if(user!=null) {
    			//从servletcontext中取出count进行++运算
    			ServletContext context = this.getServletContext();
    			Integer count = (Integer)context.getAttribute("count");
    			count++;
    			//用户登陆成功
    			response.getWriter().write(user.toString()+"you are zhe "+count+" one login");
    			context.setAttribute("count", count);
    		}else {
    			//用户登录失败
    			response.getWriter().write("sorry your username or password is wrong...");
    		}
    	}
    	public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		doGet(request, response);
    	}
    }

[20200215121019186.png]: https://img-blog.csdnimg.cn/20200215121019186.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200215123153264.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200215123312813.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[20200215123416271.png]: https://img-blog.csdnimg.cn/20200215123416271.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200215123614193.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200215151451523.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200215124512147.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200215124543977.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[Link 1]: https://blog.csdn.net/qq_40922845/article/details/104293565
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/2020021513574264.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200215135836900.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20200215141633121.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[20200215142130937.png]: https://img-blog.csdnimg.cn/20200215142130937.png
[20200215142230875.png]: https://img-blog.csdnimg.cn/20200215142230875.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20200215143527111.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20200215143333587.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 11]: https://img-blog.csdnimg.cn/20200215145732726.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[20200215145912437.png]: https://img-blog.csdnimg.cn/20200215145912437.png
[20200215152842917.png]: https://img-blog.csdnimg.cn/20200215152842917.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 12]: https://img-blog.csdnimg.cn/2020021515473640.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[20200215155343547.png]: https://img-blog.csdnimg.cn/20200215155343547.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 13]: https://img-blog.csdnimg.cn/20200215155542719.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 14]: https://img-blog.csdnimg.cn/20200215160737162.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 15]: https://img-blog.csdnimg.cn/20200215160818540.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 16]: https://img-blog.csdnimg.cn/20200215160833634.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 17]: https://img-blog.csdnimg.cn/20200215160859853.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[20200215161015403.png]: https://img-blog.csdnimg.cn/20200215161015403.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 18]: https://img-blog.csdnimg.cn/2020021516102931.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[Link 2]: https://blog.csdn.net/qq_40922845/article/details/104329974
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 19]: https://img-blog.csdnimg.cn/20200215185828521.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 20]: https://img-blog.csdnimg.cn/20200215185923170.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 21]: https://img-blog.csdnimg.cn/2020022019345112.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[20200220194153478.png]: https://img-blog.csdnimg.cn/20200220194153478.png
[20200220201316379.png]: https://img-blog.csdnimg.cn/20200220201316379.png
[20200220201603494.png]: https://img-blog.csdnimg.cn/20200220201603494.png
[20200220202812824.png]: https://img-blog.csdnimg.cn/20200220202812824.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 22]: https://img-blog.csdnimg.cn/20200220204136996.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[20200220210537292.png]: https://img-blog.csdnimg.cn/20200220210537292.png
[20200220210559345.png]: https://img-blog.csdnimg.cn/20200220210559345.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 23]: https://img-blog.csdnimg.cn/20200220210721221.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1_size_16_color_FFFFFF_t_70 24]: https://img-blog.csdnimg.cn/20200220221020564.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTIyODQ1,size_16,color_FFFFFF,t_70