自定义分页标签

本期文章:在上期封装分页功能的代码基础上,将分页功能封装成分页标签,这样,当自己和他人使用时,只需要导入对应的标签库直接使用封装好的分页标签即可,同样也会提高代码的复用性和可维护性等...

目录

封装分页标签

编写Servlet

结果展示页面

过滤器(中文乱码)

封装分页标签

1.编写助手类

2.标签库描述文件中添加paging标签

3. 使用分页标签


封装分页标签

编写Servlet

准备一个servlet用于处理请求,获取数据库中的数据,并转发到结果显示页面👇

@WebServlet(value = "/students")
public class StudentAction extends HttpServlet {
		
	private static final long serialVersionUID = 3152900867611381148L;
	private StudentDao2 studentDao = new StudentDao2();

	@Override
	protected void doGet(HttpServletRequest request, HttpServletResponse response) 
			throws ServletException, IOException {
		doPost(request, response);
	}
	
	@Override
	protected void doPost(HttpServletRequest request, HttpServletResponse response) 
			throws ServletException, IOException {
	    PageBean pageBean = new PageBean();
		pageBean.setRequest(request);
		request.setAttribute("pageBean", pageBean);
		
		String sname = request.getParameter("sname");
		List<Student> students = studentDao.getStudents(sname+"%", pageBean);
		request.setAttribute("students", students);
	
		System.out.println("SERVELET .......... ");
		request.getRequestDispatcher("/students/stuList.jsp").forward(request, response);
	}	
}

结果展示页面

创建一个index.jsp页面,该页面用于显示分页结果

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="z" uri="/zking" %>
<!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>Insert title here</title>
</head>
<body>

	<h1>学生信息</h1>
	
	<form action="<%=request.getContextPath()%>/students" method="post">
		<input type="text" name="sname">
		<input type="submit" value="查询">
	</form>
	
	<table border="1" style="width: 98%;">
	
		<tr>
			<td>学号</td>
			<td>姓名</td>
			<td>年龄</td>
			<td>备注</td>
		</tr>
		
		<c:forEach items="${students}" var="student">
			<tr>
				<td>${student.sid}</td>
				<td>${student.sname}</td>
				<td>${student.score}</td>
				<td>${student.clazz}</td>
			</tr>
		</c:forEach>
		
	</table>
	
	<z:paging pageBean="${pageBean}"/>
</body>
</html>

过滤器(中文乱码)

目的:让过滤器第一个处理封装中文编码乱码的请求

public class EncodingFiter implements Filter {	
	private String encoding = "UTF-8";// 默认字符集
    public EncodingFiter() {
		super();
	}
	public void destroy() {
	}

	public void doFilter(ServletRequest request, ServletResponse response,
			FilterChain chain) throws IOException, ServletException {
		HttpServletRequest req = (HttpServletRequest) request;
		HttpServletResponse res = (HttpServletResponse) response;

		// 中文处理必须放到 chain.doFilter(request, response)方法前面
		res.setContentType("text/html;charset=" + this.encoding);
		if (req.getMethod().equalsIgnoreCase("post")) {
			req.setCharacterEncoding(this.encoding);
		} else {
			Map map = req.getParameterMap();// 保存所有参数名=参数值(数组)的Map集合
			Set set = map.keySet();// 取出所有参数名
			Iterator it = set.iterator();
			while (it.hasNext()) {
				String name = (String) it.next();
				String[] values = (String[]) map.get(name);// 取出参数值[注:参数值为一个数组]
				for (int i = 0; i < values.length; i++) {
					values[i] = new String(values[i].getBytes("ISO-8859-1"),
							this.encoding);
				}
			}
		}

		chain.doFilter(request, response);
	}

	public void init(FilterConfig filterConfig) throws ServletException {
		String s = filterConfig.getInitParameter("encoding");// 读取web.xml文件中配置的字符集
		if (null != s && !s.trim().equals("")) {
			this.encoding = s.trim();
		}
	}

}

封装分页标签

为了方便代码的复用,及可维护性,我们将分页功能封装了一个自定义标签(其实就是将原来写在页面中的代码,通过移入到自定义标签中去实现),开发自定义标签分成三步:

  • 编写助手类
  • 编写标签描述文件
  • 在页面上引入标签库,并使用

1.编写助手类

public class PagingTag extends BodyTagSupport {
	private PageBean pageBean;
	public void setPageBean(PageBean pageBean) {
		this.pageBean = pageBean;
	}
	
	@Override
	public int doStartTag() {
		
		JspWriter out = this.pageContext.getOut();
		
		try {
			out.println(buildHtml());
		} catch (IOException e) {
			e.printStackTrace();
		}		
		return SKIP_BODY;
	}
		
	//构造分页的页面输出
	private String buildHtml() {
		
		String pagingTool = "<div style=\"text-align: right; width:98%;\">\r\n" + 
				"		第"+pageBean.getPage()+"页&nbsp;&nbsp;&nbsp;\r\n" + 
				"		共"+pageBean.getTotal()+"条记录&nbsp;&nbsp;&nbsp;\r\n" + 
				"		<a href=\"javascript: goPage(1);\">首页</a>&nbsp;&nbsp;&nbsp;\r\n" + 
				"		<a href=\"javascript: goPage("+pageBean.getPreviousPage()+");\">上页</a>&nbsp;&nbsp;&nbsp; \r\n" + 
				"		<a href=\"javascript: goPage("+pageBean.getNextPage()+");\">下页</a>&nbsp;&nbsp;&nbsp; \r\n" + 
				"		<a href=\"javascript: goPage("+pageBean.getTotalPage()+");\">尾页</a>&nbsp;&nbsp;&nbsp;\r\n" + 
				"		第<input type=\"text\" size=\"2\" id=\"pageNumber\" onkeypress=\"toPageNumber(event,this.value)\"/> \r\n" + 
				"		<a href=\"javascript: goPage(document.getElementById('pageNumber').value);\">GO</a>\r\n" + 
				"	</div>";
		
		String hiddenForm = "<form action='" + pageBean.getUrl() + "' id=\"pagingForm\" method=\"post\">"
				+ "<input type=\"hidden\" name=\"page\" />";
		Map<String, String[]> parameterMap = pageBean.getParameterMap();
		
		//循环所有的参数,并为所有的参数生成隐藏表单
		for(Map.Entry<String, String[]> param: parameterMap.entrySet()) {
			String paramName = param.getKey();
			if("page".equals(paramName)) continue;
			String[] values = param.getValue();
			for(String val: values) {
				hiddenForm += "<input type='hidden' name='" + paramName + "' value='" + val + "'>";
			}
		}
		hiddenForm += "</form>";		
		
		String js = "<script>\r\n" + 
				"function goPage(pageNum) {\r\n" + 
				"	debugger;\r\n" + 
				"	let form = document.getElementById(\"pagingForm\");\r\n" + 
				"	let lastPage = '"+pageBean.getTotalPage()+"';\r\n" + 
				"	if(pageNum > lastPage) pageNum = lastPage;\r\n" + 
				"	if(pageNum < 1) pageNum = 1;\r\n" + 
				"	form.page.value = pageNum;\r\n" + 
				"	form.submit();\r\n" + 
				"}\r\n" + 
				"\r\n" + 
				"function toPageNumber(event,pn) {\r\n" + 
				"	//debugger;\r\n" + 
				"	if(event.keyCode ==  13) {\r\n" + 
				"		let form = document.getElementById(\"pagingForm\");\r\n" + 
				"		form.page.value = pn;\r\n" + 
				"		form.submit();\r\n" + 
				"	}\r\n" + 
				"}\r\n" + 
				"</script>";
		
		return pagingTool+hiddenForm+js;
	}
}

2.标签库描述文件中添加paging标签

<tag>
		<name>paging</name>
		<tag-class>com.zking.mvc.tag.PagingTag</tag-class>
		<body-content>empty</body-content>
		<attribute>
			<name>pageBean</name>
			<required>true</required>
			<rtexprvalue>true</rtexprvalue>
		</attribute>
</tag>

3. 使用分页标签

  首先在页面中引入标签

<%@taglib prefix="z" uri="/zking" %>

  将原来的分页功能,替换为标签即可

<z:paging pageBean="${pageBean}"/>
  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 9
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值