DDR爱好者之家 Design By 杰米

网页的分页功能的实现比较简单,实现方法也多种多样。

今天总结一个简单的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。以此可实现无刷新翻页,看起来功能和真分页一样。。。

DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。