jsp分页技术的实现

来源：互联网发布：mac excel打印预览编辑：程序博客网时间：2024/05/22 15:39

这是我们所要的效果

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

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

我们从两个方向来分析：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 blocke.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 blocke.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 blocke.printStackTrace();}String name=null;try {name = new String(b,"utf-8");} catch (UnsupportedEncodingException e) {// TODO Auto-generated catch blocke.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 blocke.printStackTrace();} catch (InvocationTargetException e) {// TODO Auto-generated catch blocke.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 blocke.printStackTrace();}return lc;}

1 0