栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

J2EE基础-通用分页(2)

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

J2EE基础-通用分页(2)

目录

前言

一、改造pagebean

分页核心思路

 PageBean类:

新建一个 BookServlet :

.jsp代码

从Servlet运行结果:

二、通用分页

分页jsp:

PageTag助手类:

tld配置文件:

优化PageBean:

在bookList.jsp内导入y标签和c标签:

优化BookServlet:

再通过标签将数据遍历出来展示在页面上:

 中文乱码处理类:


前言

上次我们分享了通用分页的后台代码(http://t.csdn.cn/WaVH1),今天分享的内容通用分页的前端代码

一、改造pagebean

分页核心思路

 通过上图的得出一下思路

  1. 需要新增变量保存上一次查询条件
  2. 需要新增变量保存上一次请求地址:http://localhost:80/oyang_page/book/search
  3. 需要添加方法:获取最大页的页码
  4. 需要添加方法:获取下一页的页码
  5. 需要添加方法:获取上一页的页码
  6. 需要新增方法:初始化pagebean

 PageBean类:
package com.oyang.util;

import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;


public class PageBean {

	private int page = 1;// 页码

	private int rows = 10;// 页大小

	private int total = 0;// 总记录数

	private boolean pagination = true;// 是否分页

	
//	需要新增变量保存上一次查询条件
	private Map parameterMap=new HashMap();
	
//	需要新增变量保存上一次请求地址:http://localhost:80/oyang_page/book/search
	private String url;
	
//	需要添加方法:获取最大页的页码
	public int maxPage() {
		return this.total%this.rows ==0?this.total /this.rows :this.total/this.rows+1;
	}
	
//	需要添加方法:获取上一页的页码
	public int previousPage() {
		return this.page>1?this.page-1:this.page;
	}
	
//	需要添加方法:获取下一页的页码
	public int nextPage() {
		return this.page getParameterMap() {
		return parameterMap;
	}

	public void setParameterMap(Map parameterMap) {
		this.parameterMap = parameterMap;
	}

	public String getUrl() {
		return url;
	}

	public void setUrl(String url) {
		this.url = url;
	}

	public int getPage() {
		return page;
	}

	public void setPage(int page) {
		this.page = page;
	}

	public int getRows() {
		return rows;
	}

	public void setRows(int rows) {
		this.rows = rows;
	}

	public int getTotal() {
		return total;
	}

	public void setTotal(int total) {
		this.total = total;
	}

	public void setTotal(String total) {
		this.total = Integer.parseInt(total);
	}

	public boolean isPagination() {
		return pagination;
	}

	public void setPagination(boolean pagination) {
		this.pagination = pagination;
	}

	
	public int getStartIndex() {
		return (this.page - 1) * this.rows;
	}

	@Override
	public String toString() {
		return "PageBean [page=" + page + ", rows=" + rows + ", total=" + total + ", pagination=" + pagination
				+ ", parameterMap=" + parameterMap + ", url=" + url + "]";
	}
	
	
}

新建一个 BookServlet :
package 	com.oyang.servlet;

import java.io.IOException;
import java.util.List;
import java.util.Map;

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 com.oyang.dao.BookDao;
import com.oyang.entity.Book;
import com.oyang.util.PageBean;


@WebServlet("/book/search")
public class BookServlet extends HttpServlet {
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doPost(request, response);
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		PageBean pageBean=new PageBean();
		pageBean.serRequest(request);

		
		request.setAttribute("pageBean", pageBean);
		request.getRequestDispatcher("/bookList.jsp").forward(request, response);
	}

}

.jsp代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here


${pageBean}

从Servlet运行结果:

 当我们能够拿到数据的时候改造就OK了

二、通用分页

分页jsp:
 
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>






书籍列表



	
书籍ID 书籍名 价格
1 圣墟第1章 1
1 圣墟第1章 1

 目前我们的页面效果是这样的,数据暂时都是无效的定死的数据,并且无法查看上一页、下一页、尾页:所以我们还需要继续改写:

PageTag助手类:
package com.zking.tag;

import java.io.IOException;
import java.util.Map;
import java.util.Map.Entry;
import java.util.Set;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyTagSupport;

import com.oyang.util.PageBean;

public class PageTag extends BodyTagSupport{
	
	private PageBean pageBean;
	
	
	
	public PageBean getPageBean() {
		return pageBean;
	}

	public void setPageBean(PageBean pageBean) {
		this.pageBean = pageBean;
	}

	@Override
	public int doStartTag() throws JspException {
		JspWriter out = pageContext.getOut();
		try {
			out.print(toHTML());
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return super.doStartTag();
	}

	private String toHTML() {
		StringBuffer sb=new StringBuffer();
		//隐藏的form表达,作用保存上一次查询条件
		sb.append("
"); sb.append(" "); Map parameterMap = pageBean.getParameterMap(); if(parameterMap!=null&¶meterMap.size()>0) { Set> entrySet = parameterMap.entrySet(); for (Entry entry : entrySet) { String key=entry.getKey();//name/likes/page/rows String[] values = entry.getValue(); if(!"page".equals(key)) { for (String value : values) { sb.append(" "); } } } } sb.append(" "); //分页条 sb.append("
    "); sb.append("
  • 首页
  • "); sb.append("
  • <
  • "); sb.append("
  • 1
  • "); sb.append("
  • 2
  • "); sb.append("
  • "+pageBean.getPage()+"
  • "); sb.append("
  • >
  • "); sb.append("
  • 尾页
  • "); sb.append("
  • 到第页
  • "); sb.append("
  • 确定
  • "); sb.append("
  • 共"+pageBean.getTotal()+"条
  • "); sb.append("
"); //分页jsp代码 sb.append(""); return sb.toString(); } }

tld配置文件:



    
  JSTL 1.1 core library
  JSTL core
  1.1
  y
  https://blog.csdn.net/weixin_65211978?type=blog

  
    
        Provides core validation features for JSTL tags.
    
    
        org.apache.taglibs.standard.tlv.JstlCoreTLV
    
  

  
  
    page
    com.zking.tag.PageTag
    JSP
      
        pageBean
        true
        true
    
  

  

优化PageBean:

分页很多东西不用改变,但是其中有一个参数要变,那就是page(页数)

package com.oyang.util;

import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;


public class PageBean {

	private int page = 1;// 页码

	private int rows = 10;// 页大小

	private int total = 0;// 总记录数

	private boolean pagination = true;// 是否分页

	
//	需要新增变量保存上一次查询条件
	private Map parameterMap=new HashMap();
	
//	需要新增变量保存上一次请求地址:http://localhost:80/oyang_page/book/search
	private String url;
	
//	需要添加方法:获取最大页的页码
	public int maxPage() {
		return this.total%this.rows ==0?this.total /this.rows :this.total/this.rows+1;
	}
	
//	需要添加方法:获取上一页的页码
	public int previousPage() {
		return this.page>1?this.page-1:this.page;
	}
	
//	需要添加方法:获取下一页的页码
	public int nextPage() {
		return this.page getParameterMap() {
		return parameterMap;
	}

	public void setParameterMap(Map parameterMap) {
		this.parameterMap = parameterMap;
	}

	public String getUrl() {
		return url;
	}

	public void setUrl(String url) {
		this.url = url;
	}

	public int getPage() {
		return page;
	}

	public void setPage(int page) {
		this.page = page;
	}

	public int getRows() {
		return rows;
	}

	public void setRows(int rows) {
		this.rows = rows;
	}

	public int getTotal() {
		return total;
	}

	public void setTotal(int total) {
		this.total = total;
	}

	public void setTotal(String total) {
		this.total = Integer.parseInt(total);
	}

	public boolean isPagination() {
		return pagination;
	}

	public void setPagination(boolean pagination) {
		this.pagination = pagination;
	}

	
	public int getStartIndex() {
		return (this.page - 1) * this.rows;
	}

	@Override
	public String toString() {
		return "PageBean [page=" + page + ", rows=" + rows + ", total=" + total + ", pagination=" + pagination
				+ ", parameterMap=" + parameterMap + ", url=" + url + "]";
	}
	
	
}

在bookList.jsp内导入y标签和c标签:
<%@taglib uri="https://blog.csdn.net/weixin_65211978?type=blog" prefix="y" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

优化BookServlet:
package 	com.oyang.servlet;

import java.io.IOException;
import java.util.List;
import java.util.Map;

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 com.oyang.dao.BookDao;
import com.oyang.entity.Book;
import com.oyang.util.PageBean;


@WebServlet("/book/search")
public class BookServlet extends HttpServlet {
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doPost(request, response);
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		PageBean pageBean=new PageBean();
		pageBean.serRequest(request);
		
		BookDao bd=new  BookDao();
		Book book=new Book();
		book.setBname(request.getParameter("bname"));
		try {
			List books = bd.list2(book, pageBean);
			request.setAttribute("books", books);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
		request.setAttribute("pageBean", pageBean);
		request.getRequestDispatcher("/bookList.jsp").forward(request, response);
	}

}

再通过标签将数据遍历出来展示在页面上:
		  
			
				${b.bid}
				${b.bname}
				${b.price}
			
		
		
	
	
	

结束完这些后你会发现,在查询的时候会出现乱码问题,这时候我们需要加上一个过滤器 

 中文乱码处理类:
package com.oyang.util;

import java.io.IOException;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


@WebFilter("/book/*")
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();
		}
	}

}

 OK,今日的学习就到此结束啦,如果对个位看官有帮助的话可以留下免费的赞哦(收藏或关注也行),如果文章中有什么问题或不足以及需要改正的地方可以私信博主,博主会做出改正的。个位看官,小陽在此跟大家说拜拜啦! 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/991645.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号