Java Web基础入门第九十二讲在线网上书店(七)——实现订单管理模块

布满荆棘的人生 2022-01-20 14:39 237阅读 0赞

# 购买 #

在该项目中，我们设计成用户不需要登录就能购买。因此，在前台首页（client/index.jsp）显示图书的时候，就添加购买的超链接。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70]  
接着，在cn.liayun.web.client包中新建一个BuyServlet，用于处理用户想要买的书籍。

package cn.liayun.web.client;
    
    import java.io.IOException;
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import cn.liayun.domain.Book;
    import cn.liayun.domain.Cart;
    import cn.liayun.service.BusinessService;
    import cn.liayun.service.impl.BusinessServiceImpl;
    
    @WebServlet("/client/BuyServlet")
    public class BuyServlet extends HttpServlet { 
    	
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		String id = request.getParameter("id");
    		BusinessService service = new BusinessServiceImpl();
    		Book book = service.findBook(id);
    		
    		Cart cart = (Cart) request.getSession().getAttribute("cart");
    		if (cart == null) { 
    			cart = new Cart();
    			request.getSession().setAttribute("cart", cart);
    		}
    		cart.add(book);
    		
    		//一定要用重定向技术
    		response.sendRedirect(request.getContextPath() + "/client/listcart.jsp");
    	}
    
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		// TODO Auto-generated method stub
    		doGet(request, response);
    	}
    
    }

然后，在WebRoot/client目录下新建一个显示购物车的listcart.jsp页面。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    	pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>购物车列表页面</title>
    </head>
    <body style="text-align: center;">
    	<%@include file="/client/head.jsp"%>
    	<br />
    	<br />
    	<table border="1px" cellpadding="0" cellspacing="0" width="90%" align="center">
    		<caption>
    			<h2>购物车页面</h2>
    		</caption>
    		<tr>
    			<td>书名</td>
    			<td>售价</td>
    			<td>数量</td>
    			<td>小计</td>
    		</tr>
    		<c:forEach var="entry" items="${cart.map}">
    			<tr>
    				<td>${entry.value.book.name }</td>
    				<td>${entry.value.book.price }</td>
    				<td>${entry.value.quantity }</td>
    				<td>${entry.value.price }元</td>
    			</tr>
    		</c:forEach>
    		<tr>
    			<td colspan="2">合计</td>
    			<td colspan="2">${cart.price }元</td>
    		</tr>
    	</table>
    	<a href="#">生成订单</a>
    </body>
    </html>

最后，测试的效果如下：  
![在这里插入图片描述][20190611082807133.gif]

# 用户登录与注册 #

当用户购买了几本图书后，想要点击生成订单超链接生成他自己的订单，此时会交由一个Servlet处理，判断该用户是否登录本网站，如果他登录了本网站，那么就会帮他生成一份订单；反之，该用户就必须登录本网站了。  
于是，我们在显示购物车页面的生成订单超链接上绑定一个OrderServlet。  
![在这里插入图片描述][20190611091118263.png]  
紧接着，在cn.liayun.web.client包中新建一个OrderServlet，判断该用户是否登录本网站？  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 1]  
由于此刻，用户都是没有登录本网站的，所以看到的效果都是下面这样的。  
![在这里插入图片描述][20190611091142576.gif]  
下面，我们来实现用户的登录和注册功能。首先，在前台首页的页头（client/head.jsp）添加用户登录和注册的表单。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    	pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <h1>网上书店</h1>
    <br/>
    <br/>
    <div>
    	<div style="float: right;">
    		<form action="/mybookstore/client/LoginServlet" method="post">
    			用户名：<input type="text" name="username" style="width: 50px">
    			密码：<input type="password" name="password" style="width: 50px">
    			<input type="submit" value="登录"> 
    			<input type="button" value="注册" onclick="javascript:window.location.href='/mybookstore/client/register.jsp'">
    		</form>
    	</div>
    	<div style="clear: both"></div>
    </div>
    <hr>

页面显示的效果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 2]  
紧接着，在WebRoot/client目录下将用户注册页面（register.jsp）创建出来。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    	pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>用户注册页面</title>
    </head>
    <body style="text-align: center">
    	<form action="${pageContext.request.contextPath }/client/RegisterServlet" method="post">
    		<table width="300px" align="center">
    			<caption>
    				<h2>用户注册</h2>
    			</caption>
    			<tr>
    				<td>用户名</td>
    				<td><input type="text" name="username" style="width: 200px"></td>
    			<tr>
    			<tr>
    				<td>密码</td>
    				<td><input type="password" name="password" style="width: 200px"></td>
    			</tr>
    			<tr>
    				<td>电话</td>
    				<td><input type="text" name="phone" style="width: 200px"></td>
    			</tr>
    			<tr>
    				<td>手机</td>
    				<td><input type="text" name="cellphone" style="width: 200px"></td>
    			</tr>
    			<tr>
    				<td>住址</td>
    				<td><input type="text" name="address" style="width: 200px"></td>
    			</tr>
    			<tr>
    				<td>邮箱</td>
    				<td><input type="text" name="email" style="width: 200px">
    				</td>
    			</tr>
    			<tr>
    				<td></td>
    				<td><input type="submit" value="注册"></td>
    			</tr>
    		</table>
    	</form>
    </body>
    </html>

用户注册页面的显示效果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 3]  
接下来，我们来写代码来实现用户的登录和注册功能。

## 登录 ##

当用户点击登录按钮的时候，把数据带过去给Servlet，让Servlet调用BusinessService的方法，实现登录。因此，我们要在cn.liayun.web.client包中新建一个LoginServlet，用于处理用户登录的请求。

package cn.liayun.web.client;
    
    import java.io.IOException;
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import cn.liayun.domain.User;
    import cn.liayun.service.BusinessService;
    import cn.liayun.service.impl.BusinessServiceImpl;
    
    @WebServlet("/client/LoginServlet")
    public class LoginServlet extends HttpServlet { 
    	
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		String username = request.getParameter("username");
    		String password = request.getParameter("password");
    		BusinessService service = new BusinessServiceImpl();
    		User user = service.findUser(username, password);
    		if (user == null) { 
    			request.setAttribute("message", "用户名或者密码错误！！");
    			request.getRequestDispatcher("/message.jsp").forward(request, response);
    			return;
    		}
    		
    		request.getSession().setAttribute("user", user);
    		response.sendRedirect(request.getContextPath() + "/index.jsp");
    	}
    
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		// TODO Auto-generated method stub
    		doGet(request, response);
    	}
    
    }

如果用户登录本网站成功了，那么前台首页的页头（client/head.jsp）部分就要修改为：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    	pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <h1>网上书店</h1>
    <br/>
    <br/>
    <div>
    	<div style="float: right;">
    		<c:if test="${user == null }">
    			<form action="/mybookstore/client/LoginServlet" method="post">
    				用户名：<input type="text" name="username" style="width: 50px">
    				密码：<input type="password" name="password" style="width: 50px">
    				<input type="submit" value="登录"> 
    				<input type="button" value="注册" onclick="javascript:window.location.href='/mybookstore/client/register.jsp'">
    			</form>
    		</c:if>
    		<c:if test="${user != null }">
    			欢迎您，${user.username }
    		</c:if>
    	</div>
    	<div style="clear: both"></div>
    </div>
    <hr>

## 注册 ##

要是首次登录本网站的，可以填写用户注册信息，点击注册按钮的时候，把数据带过去给Servlet，让Servlet调用BusinessService的方法，实现注册。因此，我们要在cn.liayun.web.client包中新建一个RegisterServlet，用于处理用户注册的请求。

package cn.liayun.web.client;
    
    import java.io.IOException;
    import java.util.UUID;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import cn.liayun.domain.User;
    import cn.liayun.service.BusinessService;
    import cn.liayun.service.impl.BusinessServiceImpl;
    import cn.liayun.utils.WebUtils;
    
    @WebServlet("/client/RegisterServlet")
    public class RegisterServlet extends HttpServlet { 
    	
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		try { 
    			//在实际开发中，一定要进行表单校验
    			User user = WebUtils.request2Bean(request, User.class);
    			user.setId(UUID.randomUUID().toString());
    			
    			BusinessService service = new BusinessServiceImpl();
    			service.addUser(user);
    			request.setAttribute("message", "注册用户成功！！！");
    		} catch (Exception e) { 
    			e.printStackTrace();
    			request.setAttribute("message", "注册用户失败！！！");
    		}
    		request.getRequestDispatcher("/message.jsp").forward(request, response);
    	}
    	
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		doGet(request, response);
    	}
    
    }

温馨提示：在实际开发中，一定要进行表单校验。这里，我省略了这一步。

# 生成订单 #

为了生成订单方便，在前台首页的页头（client/head.jsp）部分添加首页、查看购物车、查看自己的订单等超链接。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 4]  
当某个用户购买了几本书后，在其生成他自己的订单时，他必然要登录到本网站中，点击查看购物车的超链接，他就可以看到自己购买了几本书了。  
![在这里插入图片描述][20190611105818624.gif]  
现在来生成订单，修改cn.liayun.web.client包中的OrderServlet，添加生成订单的代码。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 5]  
这样，生成订单的效果如下：  
![在这里插入图片描述][20190611105835217.gif]

# 后台显示订单 #

首先，我们要找到后台左侧导航页面——left.jsp，在待处理订单的超链接上绑定处理请求的OrderServlet。  
![在这里插入图片描述][20190611105842985.png]  
然后，在cn.liayun.web.manager包中新建一个OrderServlet，用于处理查询带处理订单的请求。

紧接着，在WebRoot/manager目录中新建一个显示订单信息的listorder.jsp页面。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    	pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>订单展示列表页面</title>
    </head>
    <body style="text-align: center">
    	<br />
    	<br />
    	<table border="1px" cellpadding="0" cellspacing="0" width="90%">
    		<caption>
    			<h2>订单信息</h2>
    		</caption>
    		<tr>
    			<td>订单人</td>
    			<td>下单时间</td>
    			<td>订单状态</td>
    			<td>订单总价</td>
    			<td>操作</td>
    		</tr>
    		<c:forEach var="order" items="${list }">
    			<tr>
    				<td>${order.user.username }</td>
    				<td>${order.ordertime }</td>
    				<td>${order.status == false ? '未发货' : '已发货' }</td>
    				<td>${order.price }</td>
    				<td>
    					<a href="${pageContext.request.contextPath }/manager/OrderServlet1?method=find&id=${order.id }">查看明细</a>
    					<a href="#">修改</a>
    				</td>
    			</tr>
    		</c:forEach>
    	</table>
    </body>
    </html>

最后，显示的效果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 6]  
下面我们要查看具体订单的详细信息了。当管理员点击某个订单的查看明细超链接时，应该显示这个订单的详细信息，如下图所示。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 7]  
所以，要在某个订单的查看明细超链接上绑定一个OrderServlet，在该OrderServlet中查询出某个订单的具体详细信息。

package cn.liayun.web.manager;
    
    import java.io.IOException;
    import java.util.List;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import cn.liayun.domain.Order;
    import cn.liayun.service.BusinessService;
    import cn.liayun.service.impl.BusinessServiceImpl;
    
    @WebServlet(name = "OrderServlet1", urlPatterns = {  "/manager/OrderServlet1" })
    public class OrderServlet extends HttpServlet { 
    	
    	private BusinessService service = new BusinessServiceImpl();
    	
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		String method = request.getParameter("method");
    		if ("getAll".equals(method)) { 
    			getAll(request, response);
    		}
    		if ("find".equals(method)) { 
    			find(request, response);
    		}
    	}
    
    	private void find(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		String id = request.getParameter("id");
    		Order order = service.findOrder(id);
    		request.setAttribute("order", order);
    		request.getRequestDispatcher("/manager/orderdetail.jsp").forward(request, response);
    	}
    
    	private void getAll(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		boolean status = Boolean.parseBoolean(request.getParameter("status"));
    		List<Order> list = service.getOrderByStatus(status);
    		request.setAttribute("list", list);
    		request.getRequestDispatcher("/manager/listorder.jsp").forward(request, response);
    	}
    
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		doGet(request, response);
    	}
    
    }

紧接着，在WebRoot/manager目录中新建一个展示具体订单的详细信息的orderdetail.jsp页面。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    	pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>订单明细页面</title>
    </head>
    <body>
    	<table border="1px" cellpadding="0" cellspacing="0" width="90%">
    		<h3>订单明细</h3>
    		<tr>
    			<td>书名</td>
    			<td>售价</td>
    			<td>数量</td>
    			<td>应收货款</td>
    		</tr>
    		<c:forEach var="orderitem" items="${order.orderitems }">
    			<tr>
    				<td>${orderitem.book.name }</td>
    				<td>${orderitem.book.price }</td>
    				<td>${orderitem.quantity }</td>
    				<td>${orderitem.price }元</td>
    			</tr>
    		</c:forEach>
    		<tr>
    			<td colspan="2">总计应收货款</td>
    			<td colspan="2">${order.price }元</td>
    		</tr>
    	</table>
    	<br />
    	<br />
    	<table border="1px" cellpadding="0" cellspacing="0" width="90%">
    		<h3>收货人详细地址</h3>
    		<tr>
    			<td>用户</td>
    			<td>电话</td>
    			<td>手机</td>
    			<td>地址</td>
    			<td>邮箱</td>
    		</tr>
    		<tr>
    			<td>${order.user.username }</td>
    			<td>${order.user.phone }</td>
    			<td>${order.user.cellphone }</td>
    			<td>${order.user.address }</td>
    			<td>${order.user.email }</td>
    		</tr>
    	</table>
    	<br />
    	<a href="${pageContext.request.contextPath }/manager/OrderServlet1?method=update&id=${order.id }">确认发货</a>
    </body>
    </html>

接下来，管理员就要将某个用户下的订单置为发货状态了。在以上页面中的确认发货超链接上绑定一个OrderServlet，在该OrderServlet中将某个用户下的订单置为发货状态。

package cn.liayun.web.manager;
    
    import java.io.IOException;
    import java.util.List;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import cn.liayun.domain.Order;
    import cn.liayun.service.BusinessService;
    import cn.liayun.service.impl.BusinessServiceImpl;
    
    @WebServlet(name = "OrderServlet1", urlPatterns = {  "/manager/OrderServlet1" })
    public class OrderServlet extends HttpServlet { 
    	
    	private BusinessService service = new BusinessServiceImpl();
    	
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		String method = request.getParameter("method");
    		if ("getAll".equals(method)) { 
    			getAll(request, response);
    		}
    		if ("find".equals(method)) { 
    			find(request, response);
    		}
    		if ("update".equals(method)) { 
    			update(request, response);
    		}
    	}
    
    	private void update(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		try { 
    			String id = request.getParameter("id");
    			service.updatOrder(id, true);
    			request.setAttribute("message", "订单已置为发货，请及时发货");
    		} catch (Exception e) { 
    			e.printStackTrace();
    			request.setAttribute("message", "出错！！！");
    		}
    		
    		request.getRequestDispatcher("/message.jsp").forward(request, response);
    	}
    
    	private void find(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		String id = request.getParameter("id");
    		Order order = service.findOrder(id);
    		request.setAttribute("order", order);
    		request.getRequestDispatcher("/manager/orderdetail.jsp").forward(request, response);
    	}
    
    	private void getAll(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		boolean status = Boolean.parseBoolean(request.getParameter("status"));
    		List<Order> list = service.getOrderByStatus(status);
    		request.setAttribute("list", list);
    		request.getRequestDispatcher("/manager/listorder.jsp").forward(request, response);
    	}
    
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    		doGet(request, response);
    	}
    
    }

为了方便查询已发货订单，找到后台左侧导航页面——left.jsp，在待已发货订单的超链接上绑定处理请求的OrderServlet。  
![在这里插入图片描述][20190611105912237.png]  
这样，在后台显示订单这部分，我们就算是做完了！最后，也测试一下，效果如下：  
![在这里插入图片描述][20190611105930814.gif]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70]: /images/20220120/a96ffa7dae2e431fb579257c475b6f9a.png
[20190611082807133.gif]: /images/20220120/fb438304614c48a4890d6cc2f7b5b108.png
[20190611091118263.png]: /images/20220120/e1ee997028b2467687e5db88d5fa4eca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 1]: /images/20220120/8e822bc838b14992a892176e1b303092.png
[20190611091142576.gif]: /images/20220120/4d988edf485944beb4d022cba1308570.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 2]: /images/20220120/c0f616216f764bf1b342a8afd9f31769.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 3]: /images/20220120/c64c66def3be4ff5b71db226ffec73f5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 4]: /images/20220120/251bb3452d494a8db58331f1b44a99f7.png
[20190611105818624.gif]: /images/20220120/6a93ff834fe54538ba7e6f5cec5f6134.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 5]: /images/20220120/c17f50d9455349d9bf346170e02d7677.png
[20190611105835217.gif]: /images/20220120/b31c28befd114778b1c4928632cd0c15.png
[20190611105842985.png]: /images/20220120/92aff32d7e704415a3fd6295217e3bc5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 6]: /images/20220120/9601e71266fe4430a08a159e56ce7234.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llcmVueXVhbl9wa3U_size_16_color_FFFFFF_t_70 7]: /images/20220120/17aaa49a49194221a858fd872483287b.png
[20190611105912237.png]: /images/20220120/930354811789488996da55095018445a.png
[20190611105930814.gif]: /images/20220120/0d0a2d1ebe744ad28d9690a78349f1c1.png