java web--頁面分頁技術

  在設計信息瀏覽頁面時,如果信息量很大,則經常需要分頁顯示信息。在這種情況下,分頁技術就可以很好的幫助到我們。

目錄

  1.分頁技術的設計思想

  2.分頁的具體實現

  3.分頁實例  


  1.分頁技術的設計思想

  按照“表示層--控制層--DAO層--數據層”的分層設計思想:首先DAO對象提供分頁查詢的方法;在控制層調用DAO中的方法完成指定頁數據的查詢;然後在表示層通過EL表達式和JSTL將該頁數據顯示出來。

  2.分頁的具體實現

  ①在DAO對象中提供兩個方法用來計算總頁數和查詢指定頁數據。

  ②控制層提供一個servlet類,調用DAO對象查詢數據並指派頁面顯示數據。

  ③輸出頁面使用EL和JSTL顯示查詢結果

  3.分頁實例  

    User.java--暫時記錄信息

package bean2;

public class User {
	private String id;
	private String name;
	private String sex;
	public User() {
		super();
		// TODO Auto-generated constructor stub
	}
	public User(String id, String name, String sex) {
		super();
		this.id = id;
		this.name = name;
		this.sex = sex;
	}
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getSex() {
		return sex;
	}
	public void setSex(String sex) {
		this.sex = sex;
	}
	
}

      JdbcUtil.java--連接數據庫

package bean2;

import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.Properties;

public class JdbcUtil {
	private static String driver;
	private static String url;
	private static String user;
	private static String password;
	private static Properties pr=new Properties();
	public JdbcUtil(){
		super();
	}
	static 
	{
		try {
			pr.load(JdbcUtil.class.getClassLoader().getResourceAsStream("db.properties"));
		    driver=pr.getProperty("driver");
		    url=pr.getProperty("url");
		    user=pr.getProperty("user");
		    password=pr.getProperty("password");
		    try {
				Class.forName(driver);
			} catch (ClassNotFoundException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}
	public static Connection getConnection() throws SQLException
	{
		return DriverManager.getConnection(url,user,password);
	}
	public static void free(Connection conn,Statement pstmt,ResultSet rs) throws Exception
	{
		if(conn!=null){conn.close();}
		if(pstmt!=null){pstmt.close();}
		if(rs!=null){rs.close();}
	}
}

    db.properties--記錄數據庫信息

driver=com.mysql.jdbc.Driver
url=jdbc:mysql://localhost:3306/ccc?useUnicode=true&characterEncoding=UTF-8
user=root
password=2411030483

    UserDao.java--定義功能

package bean2;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;

public class UserDao {
public int getPageCount() throws Exception{
	int recordCount=0,t1=0,t2=0;
	Connection conn=JdbcUtil.getConnection();
	String sql="select count(*) from student";
	PreparedStatement pstmt=conn.prepareStatement(sql);
	ResultSet rs=pstmt.executeQuery();
	rs.next();
	recordCount=rs.getInt(1);
	t1=recordCount%5;
	t2=recordCount/5;
	JdbcUtil.free(conn, pstmt, rs);
	return t1==0?t2:t2+1;
}
public List<User> listUser(int pageNo) throws Exception{
	int pageSize=5;
	int startRecno=(pageNo-1)*pageSize;
	ArrayList<User> userList=new ArrayList<User>();
	Connection conn=JdbcUtil.getConnection();
	String sql="select * from student order by id limit ?,?";
	PreparedStatement pstmt=conn.prepareStatement(sql);
	pstmt.setInt(1,startRecno);
	pstmt.setInt(2, pageSize);
	ResultSet rs=pstmt.executeQuery();
	while(rs.next()){
		User user=new User();
		user.setId(rs.getString(1));
		user.setName(rs.getString(2));
		user.setSex(rs.getString(3));
		userList.add(user);
	}
	JdbcUtil.free(conn, pstmt, rs);
	return userList;
}
}

      page.java--servlet類,用以完成最終的功能調用

package bean2;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class page
 */
@WebServlet("/page")
public class page extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public page() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		int pageNo=1;
		int pagesize=1;
		String strPageNo=request.getParameter("pageNo");
		if(strPageNo!=null){
			pageNo=Integer.parseInt(strPageNo);
		}
		UserDao userDao=new UserDao();
		try {
			List<User> userlist=userDao.listUser(pageNo);
			request.setAttribute("userlist", userlist);
			Integer pageCount=new Integer(userDao.getPageCount());
			request.setAttribute("pageCount", pageCount);
			request.setAttribute("pageNo", pageNo);
			request.getRequestDispatcher("userlist.jsp").forward(request, response);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

    tiaozhuan.jsp--跳轉頁面,可以不使用,如果不使用的話,需要直接運行servlet類,來獲取頁面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>跳轉頁面</title>
</head>
<body>
<p>跳轉頁面</p>
<hr>
<form action="page" method="post">
<table><tr><td>
<input type="submit" value="發送"></td><td>
<input type="reset" value="取消">
</td></tr>
</table>
</form>
</body>
</html>

    userlist.jsp--顯示頁面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
        <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用戶列表</title>
<style>
th,td{width:150px;border:2px solid gray;text-align:center;padding:2px 10px;}
table{border-collapse:collapse;}
body{text-align:center;}
a{text-decoration:none;}
</style>
</head>
<body>
<c:if test="${pageCount>0}">
<h2>所有用戶信息</h2>
共有${pageCount}頁,這是第${pageNo}頁
<c:if test="${pageNo>1}">
<a href="page?pageNo=1">第一頁</a>
<a href="page?pageNo=${pageNo-1}">上一頁</a>
</c:if>
<c:if test="${pageNo!=pageCount}">
<a href="page?pageNo=${pageNo+1}">下一頁</a>
<a href="page?pageNo=${pageCount}">最後一頁</a>
</c:if>
<table align="center">
<tr><th>用戶編號</th><th>用戶名</th><th>性別</th></tr>
<c:forEach items="${userlist }" var="user">
<tr><td>${user.id }</td><td>${user.name }</td><td>${user.sex }</td></tr>
</c:forEach>
</table>
<br>
</c:if>
<c:if test="${pageCount==0}">
<p>目前沒有記錄</p>
</c:if>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章