网页的分页功能的实现比较简单,实现方法也多种多样。
今天总结一个简单的Jsp真分页实例。
首先,提到分页就要先明确一个概念,何为真分页何谓假分页。
假分页:一次性从数据库读出表的所有数据一次性的返回给客户端,由js来控制每一页的显示。
真分页:由程序控制,每一次只返回一页大小的数据,显示到客户端。
由此可以很清楚的分辨出真假分页各自的优缺点:
假分页:由于一次性读出所有数据并返回给客户端,如果数据量庞大,所以这一次的动作可能是非常消耗服务器资源和带宽的,
但是返回给客户端以后就非常轻松了,客户在一段时间内不会再像服务器端请求资源。但不代表可能出现一些意外情况,
比如说客户将浏览器关闭,重新访问网站等。所以,如果数据量相当庞大,不建议使用用真分页。
真分页:假分页每次只取需要的数据返回给客户端,比起真分页没有那么大的数据库压力。但也因为这个工作特性,所以假分页
的方法需要频繁和服务器端进行交互。既然频繁交互,自然也会给服务器带来负担。
综上:如果数据量较小,使用假分页的效果会更优,如果数据量庞大,使用真分页的效果更优。
分析完特性,下面就来列举一个简单的真分页实例。
真分页是通过程序来控制的,每次向数据库请求需要的数据。
简述实现思路业务流程:
首先:客户端带着page参数请求客户端,若没有带page参数,说明是第一次访问,则page参数默认为0;
其次:服务端根据page参数,调用相关函数,从数据库中取出表中数据,封装成相关对象,返回给客户端,并且返回新page参数及总页数;
最后:再客户端显示请求的相关数据,并根据page参数及总页数两个参数,决定上一页下一页的按钮是否可用。
数据库操作类:
public class DBBean { private Connection con; private PreparedStatement pstmt; private ResultSet rs; private String dbName ="test"; private String dbuser = "root"; private String dbpass ="******"; static{ try{ Class.forName("com.mysql.jdbc.Driver"); }catch(ClassNotFoundException e){ System.out.println(e); } } public void prepareConnection(){ try{ con=DriverManager.getConnection("jdbc:mysql://localhost:3306/"+dbName,dbuser,dbpass); }catch(SQLException e){ System.out.println(e); } } //关闭连接 public void close(){ try { if(con!=null) con.close(); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } con = null; try { if(pstmt!=null) pstmt.close(); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } pstmt = null; } //设置参数 private void setParems(String[] parems){ if(parems!=null){ for(int i=0;i<parems.length;i++){ try { pstmt.setString(i+1, parems[i]); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } } } } public ResultSet executeQuery(String sql,String[] parems){ ResultSet res = null; prepareConnection(); try { pstmt = con.prepareStatement(sql); setParems(parems); res = pstmt.executeQuery(); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); }finally{ } return res; } }
学生类:
public class StudentBean { private long id; private String name; private String phone; private int age; private int score; public long getId() { return id; } public void setId(long id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getPhone() { return phone; } public void setPhone(String phone) { this.phone = phone; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } public int getScore() { return score; } public void setScore(int score) { this.score = score; } }
学生数据操作类
public class StudentDao implements StudentDaoIn { @Override public ArrayList<StudentBean> findByPage(int page){ DBBean db = new DBBean(); int begin = (page-1) * 5; String sql = "select * from t_student limit "+begin+",5"; ResultSet rs = db.executeQuery(sql,null); ArrayList<StudentBean> list = new ArrayList<StudentBean>(); try { while(rs.next()){ StudentBean st = new StudentBean(); st.setName(rs.getString("name")); st.setAge(rs.getInt("age")); st.setId(rs.getInt("id")); st.setPhone(rs.getString("phnoe")); st.setScore(rs.getInt("score")); list.add(st); } } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } return list; } @Override public int userCount(){ DBBean db = new DBBean(); String sql = "select count(*) from t_student"; ResultSet rs = db.executeQuery(sql, null); int count = 0; try { rs.next(); count = rs.getInt(1); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } return count; } }
相关业务逻辑
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub String page = null; page = request.getParameter("page"); if(page == null || page=="") page = "1"; StudentDao studao = new StudentDao(); request.setAttribute("student",studao.findByPage(Integer.parseInt(page))); request.setAttribute("pagenum",studao.userCount()/5+1);//总页数 request.setAttribute("page", page);//当前页 request.getRequestDispatcher("student.jsp").forward(request, response); }
前台JSP代码:
<table id="t_stu" border="1" cellpadding="2" cellspacing="0"> <thead> <tr> <th>ID</th> <th>姓名</th> <th>年龄</th> <th>电话</th> <th>成绩</th> </tr> </thead> <c:forEach items="${student}" var="st"> <tr> <td>${st.getId()}</td> <td>${st.getName()}</td> <td>${st.getAge()}</td> <td>${st.getPhone()}</td> <td>${st.getScore()}</td> </tr> </c:forEach> </table> <br> 共 ${pagenum}页 当前 第${page}页 <c:choose> <c:when test="${page>1}"> <a href="getSutent" rel="external nofollow" ><input type="button" value="上一页" ></a> </c:when> <c:otherwise> <input type="button" value="上一页" disabled="disabled" /> </c:otherwise> </c:choose> <c:choose> <c:when test="${page!=pagenum}"> <a href="getSutent" rel="external nofollow" ><input type="button" value="下一页"></a> </c:when> <c:otherwise> <input type="button" value="下一页" disabled="disabled" /> </c:otherwise> </c:choose>
本例是真分页的一个简单实现,有着明显的缺点。
例如:
1.在后台相关业务逻辑处,只对page做了简单的判断,因为查询相关page时,参数是写入前台a标签中的,所以懂技术的用户,可以随意改动其值
由此查询数据库可能带来意想不到的错误。
2.功能不够完善,仅提供了上一页下一页按钮的简单功能。
另外:实现假分页时可以结合ajax和json。以此可实现无刷新翻页,看起来功能和真分页一样。。。