jsp分页技术的实现


这是我们所要的效果

但是怎么用代码实现呢,那摩让我们先来分析一下吧!


第一步分析我们做分页需要什么数据:

我们从两个方向来分析:1 页面方向,2 servlet方向

一 ,页面方向

1 当前页 currPageCode

2  总 页数 totalPage

3一页中的记录数据 datas

二,servlet方向

1 当前页 currPageCode

2  总页数 totalPage

3 每页记录数 pagesize

4 一共多少条记录 totalRecord

5 一页中的记录数据 datas

6当前页第一条记录的行数 currPageBeginIndex

7 url

哦了

那摩我们来写一个JavaBean吧

public class PageBean<T> {
	private int cp;//当前页
	
	private int pc;//可以通过每页记录数和共多少条记录得到 (dt%md ==0 )?dt/md : dt/md+1 一共多少页
	
	private int md;//每页记录数
	
	private List<T> pd;//页中的记录数据 
	
	private int dt;//一共多少条记录
	
	private int cd;//可以通过每页记录是*(当前页数-1) + 1得到,当前页第一条记录的行数
	
	private String url;
//为了清楚起见,我就没有粘上我的setget方法
}
嗯,有了javabean了,那摩就先让我们写一下servlet吧!

public String findAll(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		
		 /*
		  * 1 通过页面回传的当前页信息设置当前页
		  * 2 设置每页所显示的数据
		  * 3 调用servlce的findAll方法获得一共多少条记录及当前页的数据
		  * 
		  */
		 PageBean<Customer> pb = new PageBean<Customer>();
		 
		 if(request.getParameter("cp") != null && !request.getParameter("cp").trim().isEmpty()) {
			 int cp = Integer.parseInt(request.getParameter("cp"));
		 	 pb.setCp(cp);
		 }	
		 else {
			 pb.setCp(1);
		 }
		 pb.setMd(10);
		 pb.setPd(service.findAll(pb.getCd(),pb.getMd()));
		 pb.setDt(service.count());
		 String url = getUrl(request);
		 pb.setUrl(url);
		 request.setAttribute("pb",pb);
		 return "f:list.jsp";
	}

嗯,有了数据了,这个方法会转发找list.jsp页面中,我们来看该页的技术点

<body>
	<h3 align="center">客户列表</h3>
	<table border="1" width="70%" align="center">
		<tr>
			<th>客户姓名</th>
			<th>性别</th>
			<th>生日</th>
			<th>手机</th>
			<th>邮箱</th>
			<th>描述</th>
			<th>操作</th>
		</tr>
		
		<!-- 第几页                 		    current page  cp
		共几页           		 		page count   pc
		一页显示多少数据  				many date md
		每页所显示的数据  				page date pd
		一共多少条记录    				date total  dt
		当前页的第一条记录的行数  		current date cd -->
		
		
		<!-- 1,这一点就不用多说了吧,我们把我们查找的数据进行遍历 -->
		<c:forEach var="customer" items="${pb.pd}">
			<tr>
			<!-- private String cname;		
				private String gender;
				private String birthday;	
				private String cellphone;	
				private String email;			
				private String description; 
			-->
				<td>${customer.cname }</td>
				<td>${customer.gender }</td>
				<td>${customer.birthday}</td>
				<td>${customer.cellphone }</td>
				<td>${customer.email }</td>
				<td>${customer.description }</td>
				<td>
					<a href="<c:url value='/customer2?method=forEdit&cid=${customer.cid }'/>">编辑</a>
					<a href="<c:url value='/customer2?method=delete&cid=${customer.cid }'/>">删除</a>
				</td>
			</tr>
		</c:forEach>
	</table>
	<!-- 这是我们分页技术页面部分的实现; -->
	<center>
	
		第${requestScope.pb.cp }页/共 ${pb.pc }页
		
		<a href="<c:url value="${pb.url }"/>">首页</a>   <!--  因为首页也是第一页,所以我们没有加当前页码参数,servlet会自动认为是第一页 -->
		
		<c:if test="${pb.cp > 1 }">        <!-- 如果当前页面是第一页德华,那摩就禁用上一页 -->
			<a href="<c:url value='${pb.url }&cp=${pb.cp - 1 }'/>">上一页</a>
		</c:if>
		
		<%-- 
			用来进行中间页码的显示及使用超链接所带来的的问题的解决方案
			如何显示页码呢,我们其实只需要两个数据,begin和end就哦了,
			我们常见的百度页面有什么特点呢,你可以去看看我就不多说了;下面我给出他的计算公式:
				如果总页数<=10(列表长度),那么begin=1,end=总页数
				否则
				使用公式计算;begin=pc-5, end=pc + 4;  
					两种特殊情况:
					头溢出:当begin<1时,让begin=1
					尾溢出:当end>${tp}时,让end=${tp}
		 --%>

		<c:choose>
			<c:when test="${pb.pc <= 10 }">   			 <!--  判断总页数小于页面大小吗 -->
				<c:set var="begin" value="1"/>
				<c:set var="end" value="${pb.pc }"/>
			</c:when>
			<c:otherwise>								
				<c:set var="begin" value="${pb.cp-4 }"/>
				<c:set var="end" value="${pb.cp+5 }"/>
				<c:choose>
					<c:when test="${begin < 1 }">
						<c:set var="begin" value="1"/>
						<c:set var="end" value="10"/>				
					</c:when>
					<c:when test="${end > pb.pc }">
						<c:set var="begin" value="${pb.pc-9 }"/>
						<c:set var="end" value="${pb.pc }"/>			
					</c:when>
				</c:choose>
			</c:otherwise>	
		</c:choose>
		<!-- 通过上面的操作我们可以得到正确的begin和end了下面我们就对其进行遍历 -->
		
		<c:forEach begin="${begin }" end="${end }" var="i">
			<c:choose>
				<!-- 当前页面显示为普通文本 -->
				<c:when test="${i == pb.cp }">${i }</c:when>
				<!-- 其他页面显示为超链接 -->
				<c:otherwise><a href="<c:url value='${pb.url }&cp=${i }'/>"> [${i }] </a></c:otherwise>
			</c:choose>
		</c:forEach>
		
		
		
		
		
		<c:if test="${pb.cp < pb.pc }">  <!-- 如果当前页面时最后一页的话,我们就禁用下一页 -->
			<a href="<c:url value='${pb.url }&cp=${pb.cp + 1 }'/>">下一页</a>
		</c:if>
		<a href="<c:url value='${pb.url }&cp=${pb.pc }'/>">尾页</a>
	</center>
  </body>
哦了多余的话我就不解释了,我想你看过这段代码之后会明白的吧。


那摩接下来让我们来写一个service和dao就算完事了,service我就不说了我们直接来看dao吧

public List<Customer> findAll(int index,int length) {
		String sql  = "select * from t_customer limit ?,?";
		List<Customer> l = null;
		Object[] p = {index,length};
		try {
			l = queryRunner.query(sql, new BeanListHandler<Customer>(Customer.class),p);
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return l;
	}
public int count() {
		String sql = "select count(*) from t_customer";
		Number n = null;
		try {
			n = (Number)queryRunner.query(sql, new ScalarHandler());
			
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return n.intValue();
	}


是滴,全部查找就是这摸简单,只要还是得利用当前行数,和每页记录数


哦了

有人会问我getUrl()方法是什么鬼,还有encoding()方法又是你妈什么?

应为我们是使用get提交的所以会造成乱码,嗯对,我们获取的customer对象他爹都不认识他,我们的encoding方法就是用来进行解码的

//这是其中的一个,其他的属性也如同
if(c.getCname() != null && !c.getCname().trim().isEmpty()) {
			byte[] b = null;
			try {
				b = c.getCname().getBytes("iso-8859-1");
			} catch (UnsupportedEncodingException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
			String name=null;
			try {
				name = new String(b,"utf-8");
			} catch (UnsupportedEncodingException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
			c.setCname(name);
		}


getUrl是用来获取参数路径并去除&cp参数的:

private String getUrl(HttpServletRequest request) {
		//String c = request.getContextPath();
		String q = request.getQueryString();
		String s = request.getServletPath();
		
		if(q != null && !q.trim().isEmpty()) {
			if( q.contains("&cp=")) {
				int i = q.indexOf("&cp=");
				q = q.substring(0, i);
			}
		}
		String url =  s + "?" + q;
		return url;
	}


哦了,大致的技术点我们就鸡巴说没了,让我们提升点难度,试试多条件查询:

//多条件查询的servlet方法
public String query(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		Customer customer = new Customer();
		
		try {
			BeanUtils.populate(customer,request.getParameterMap());
		} catch (IllegalAccessException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (InvocationTargetException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
		Customer c = encoding(customer);
		
		
		PageBean<Customer> pb = new PageBean<Customer>();
		
		 
		 if(request.getParameter("cp") != null && !request.getParameter("cp").trim().isEmpty()) {
			 int cp = Integer.parseInt(request.getParameter("cp"));
		 	 pb.setCp(cp);
		 }	
		 
		 else {
			 pb.setCp(1);
		 }
		 
		 pb.setMd(10);
		 
		 pb.setPd(service.query(customer,pb.getCd(),pb.getMd()));
		 
		 pb.setDt(service.count());
		 
		 String url = getUrl(request);
		 
		 pb.setUrl(url);
		 
		 request.setAttribute("pb",pb);
		 
		 return "f:list.jsp";
	}

多条件查询的dao
public List<Customer> query(Customer customer ,int index,int length) {
		//我们将其参数放入ArrayList中
		List<Object> l = new ArrayList();
		//我们使用StringBuffer连接我们所需要的条件
		StringBuffer sql = new StringBuffer
				("select * from t_customer where 1=1 ");
		
		if(customer.getCname() != null && !customer.getCname().trim().isEmpty()) {
			sql.append("and cname=? ");
			l.add(customer.getCname());
		}
		
		if(customer.getBirthday() != null && !customer.getBirthday().trim().isEmpty()) {
			sql.append("and birthday=? ");
			l.add(customer.getBirthday());
		}
		
		if(customer.getCellphone() != null && !customer.getCellphone().trim().isEmpty()) {
			sql.append("and cellphone=? ");
			l.add(customer.getCellphone());
		}
		
		if(customer.getDescription() != null && !customer.getDescription().trim().isEmpty()) {
			sql.append("and description=? ");
			l.add(customer.getDescription());
		}
		
		if(customer.getEmail() != null && !customer.getEmail().trim().isEmpty()) {
			sql.append("and email=? ");
			l.add(customer.getEmail());
		}
		
		if(customer.getGender() != null && !customer.getGender().trim().isEmpty()) {
			sql.append("and gender=? ");
			l.add(customer.getGender());
		}
		sql.append("limit ?,?");
		l.add(index);
		l.add(length);
		
		List<Customer> lc= null;
		try {
			lc = queryRunner.query(sql.toString(), new BeanListHandler<Customer>(Customer.class), l.toArray());
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return lc;
	}



  • 5
    点赞
  • 40
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值