开发学院网页设计 JavaScript javaScript,Dwr分页模拟阅读

javaScript,Dwr分页模拟

　2012-05-21 07:04:47　来源：WEB开发网　　　

核心提示：在javaWeb开发中分页技术可以说是所处可见，分页的好坏，javaScript,Dwr分页模拟，数据的显示的重要性，数据库访问的次数，显示在当前页面，第2页以后的分页显示模拟一个分页：创建一个实体类import java.util.*; public class Person { private Str

在javaWeb开发中分页技术可以说是所处可见，分页的好坏，数据的显示的重要性，数据库访问的次数，页面更新的速度等等，无论是从客户端，还是服务器，好的分页技术，或者说是适合特定问题的处理的分页方式就格外重要。
分页可以从客户端考虑：
客户端发送一次请求，返回一批数据，通过javaScript,Dwr等操作根据用户对页面的操作来显示信息。
分页从服务器端考虑：
根据用户对信息的要求，从数据库中查询相应的信息，可是存储过程来提高访问的速度。
对于大批量的数据，大多数时候用户所需要的信息可是说是沧海一粟，所以这有关乎到信息的搜索问题。这里主要数如何建立分页将客户端的一次请求获取的数据通过页面来分批显示，这样可以减少对数据库的访问，同时处于客户端的用户也不会感到访问速度慢。
通过servlet/java程序将第一页的记录，显示在当前页面，第2页以后的分页显示
模拟一个分页：
创建一个实体类

import java.util.*;  
 
public class Person {  
    private String name;  
    private String address;  
 
    public Person() {  
 
    }  
 
    public Person(String name, String address) {  
        this.name = name;  
        this.address = address;  
    }  
    public String getName() {  
        return name;  
    }  
 
    public void setName(String name) {  
        this.name = name;  
    }  
 
    public String getAddress() {  
        return address;  
    }  
 
    public void setAddress(String address) {  
        this.address = address;  
    }  
 
    public String toString() {  
        return "[" + this.name + "," + this.address + "]";  
    }  
}

创建一个Dao,用来模拟从数据库获得的信息，将获取的信息存储在List集合对象中。

import java.util.ArrayList;  
import java.util.List;  
 
public class PersonDao {  
    public List getAllPerson() {  
        List ls = new ArrayList();  
        Person p = null;  
        for (int i = 0; i <2; i++) {  
            p = new Person("name" + i, "address" + i);  
            ls.add(p);  
        }  
        return ls;  
    }  
}

配置dwr.xml,web.xml文件
然后编写jsp页面：

<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%> 
<%  
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
%> 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
    <base href="<%=basePath%>"> 
      
    <title>My JSP 'index.jsp' starting page</title> 
    <meta http-equiv="pragma" content="no-cache"> 
    <meta http-equiv="cache-control" content="no-cache"> 
    <meta http-equiv="expires" content="0">      
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
    <meta http-equiv="description" content="This is my page"> 
    <!--  
    <link rel="stylesheet" type="text/css" href="styles.css">  
    --> 
  </head> 
  <script type='text/javascript' src='/DivPageByAjax/dwr/interface/PersonDao.js'></script> 
  <script type='text/javascript' src='/DivPageByAjax/dwr/engine.js'></script> 
  <script type='text/javascript' src='/DivPageByAjax/dwr/util.js'></script> 
  <script type='text/javascript' src='js/div.js'></script> 
 
  <body onload="getInfo()"> 
    <input type="hidden" id="page" name="page" value="0"> 
    <label id="first"></label> 
    <label id="prev"></label> 
    <label id="next"></label> 
    <label id="last"></label> 
    <table id="tab" border="1"> 
    </table> 
  </body> 
</html>

1 2 3 4 下一页