JSP通用分頁框架
更新時間：2016年02月19日 09:36:06 作者：茶飲月
寫一個通用的分頁框架，這樣在項目里面如果想實現(xiàn)分頁功能，只需要稍加改動參數(shù)就可以實現(xiàn)分頁處理了。這樣寫了會節(jié)省很多時間，下面小編給大家介紹JSP通用分頁框架，感興趣的朋友一起學(xué)習(xí)吧
寫一個通用的分頁框架，這樣在項目里面如果想實現(xiàn)分頁功能，只需要稍加改動參數(shù)就可以實現(xiàn)分頁處理了。這樣寫了會節(jié)省很多時間。
一.分頁類
既然要分頁那么我們就要考慮建一個通用的分頁類,里面需要的參數(shù)一般有:
總頁數(shù) totalPage
總共記錄數(shù) totalRecord
每頁顯示數(shù) pageSize
當(dāng)前頁pageIndex
承載當(dāng)前頁數(shù)據(jù)的集合 List datas
完整代碼:Page.java
import java.util.List;
public class Pager<E> {
/**
* 總共頁數(shù)
*/
private int totalPages;
/**
* 總共記錄數(shù)
*/
private int totalRecords;
/**
* 每頁顯示數(shù)量
*/
private int pageSize;
/**
* 當(dāng)前頁
*/
private int pageIndex;
/**
* 當(dāng)前頁數(shù)據(jù)集合
*/
private List<E> datas;
public void setTotalPages(int totalPages) {
this.totalPages = totalPages;
}
public void setTotalRecords(int totalRecords) {
this.totalRecords = totalRecords;
}
public void setPageSize(int pageSize) {
this.pageSize = pageSize;
}
public void setPageIndex(int pageIndex) {
this.pageIndex = pageIndex;
}
public void setDatas(List<E> datas) {
this.datas = datas;
}
public int getTotalPages() {
return totalPages;
}
public int getTotalRecords() {
return totalRecords;
}
public int getPageSize() {
return pageSize;
}
public int getPageIndex() {
return pageIndex;
}
public List<E> getDatas() {
return datas;
}
}
二.用戶類
這里以查詢用戶來做分頁為例,所以就需要一個用戶類
用戶號 userId
用戶姓名 username
用戶密碼 password
注冊時間 regdate
完整代碼
import java.sql.Timestamp;
public class User {
private int userId;//用戶id
private String username;//用戶名
private String password;//密碼
private Timestamp regdate;//注冊時間
public int getUserId() {
return userId;
}
public void setUserId(int userId) {
this.userId = userId;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public Timestamp getRegdate() {
return regdate;
}
public void setRegdate(Timestamp regdate) {
this.regdate = regdate;
}
}
三.threadLocal提取公用參數(shù)
先說如果不提取公共參數(shù),比如pagesize,pageindex,那么我們的查詢方法應(yīng)該是這樣子:
public void GetUsers(String name,int pagesize,int pageIndex)
如果以后再增加參數(shù),無疑這里的參數(shù)會變的很多,所以我們利用threadLocal把pagesize和pageindex提取出來.
先寫這個類
public class SystemContext {
//頁大小
private static ThreadLocal<Integer> pageSize = new ThreadLocal<>();
//當(dāng)前頁
private static ThreadLocal<Integer> pageIndex = new ThreadLocal<>();
public static Integer getPageSize() {
return pageSize.get();
}
public static void removePageSize(){
pageSize.remove();
}
public static void setPageSize(int _pageSize) {
pageSize.set(_pageSize);
}
public Integer getPageIndex() {
return pageIndex.get();
}
public void setPageIndex(int _pageIndex) {
pageIndex.set(_pageIndex);
}
public static void removePageIndex(){
pageIndex.remove();
}
}
對于threadLocal,這個變量會在線程中一直存在,那么我們就可以在向服務(wù)器發(fā)送請求的時候添加參數(shù),服務(wù)器返回數(shù)據(jù)的時候移除參數(shù),一來一回的話,自然而然可以用過濾器
那么過濾器如下:
import com.dao.SystemContext;
import javax.servlet.*;
import java.io.IOException;
public class SystemFilter implements Filter{
int pageSize;
int pageIndex = 1;
@Override
public void init(FilterConfig filterConfig) throws ServletException {
try {
pageSize = Integer.parseInt(filterConfig.getInitParameter("pagesize"));
} catch (NumberFormatException e) {
pageSize = 15;
}
}
@Override
public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
try {
pageIndex = Integer.parseInt(servletRequest.getParameter("pageindex"));
}catch (NumberFormatException e){
//什么也不做,pageindex=1
}
try {
//開始請求的時候配置參數(shù)
SystemContext.setPageSize(pageSize);
SystemContext.setPageIndex(pageIndex);
filterChain.doFilter(servletRequest,servletResponse);
}finally {
//請求返回的時候移除參數(shù)
SystemContext.removePageIndex();
SystemContext.removePageSize();
}
}
@Override
public void destroy() {
}
}
用了過濾器,自然要在web.xml中配置過濾器
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1"> <filter> <filter-name>SystemFilter</filter-name> <filter-class>com.filter.SystemFilter</filter-class> <!--配置沒頁大小--> <init-param> <param-name>pagesize</param-name> <param-value>15</param-value> </init-param> </filter> <filter-mapping> <filter-name>SystemFilter</filter-name> <!--這里配置需要分頁的頁面--> <url-pattern>/index.jsp</url-pattern> </filter-mapping> </web-app>
這樣的好處不言而喻,結(jié)構(gòu)清晰,修改方便.接下來是分頁代碼
四.分頁代碼
分頁代碼應(yīng)該寫一個接口和實現(xiàn)類的,這里演示項目就寫在了一起
import com.util.Pager;
import com.util.User;
import java.sql.*;
import java.util.ArrayList;
import java.util.List;
public class UserDAO {
private Connection conn = null;
private ResultSet rs = null;
private PreparedStatement ps = null;
// public static void main(String[] args) {
// UserDAO dao = new UserDAO();
// dao.GetUsers("",15,1);
// dao.close();
// }
public UserDAO() {
String driverName = "com.mysql.jdbc.Driver";
String url = "jdbc:mysql://localhost:3306/fenyedemo";
String user = "root";String password = "123456";
try {
Class.forName(driverName);
conn = DriverManager.getConnection(url,user,password);
} catch (ClassNotFoundException e) {
System.out.println("沒有發(fā)現(xiàn)驅(qū)動");
e.printStackTrace();
} catch (SQLException e) {
System.out.println("獲取連接失敗");
e.printStackTrace();
}
}
/**
* 具體分頁實現(xiàn)代碼
* @param name 查詢條件
* @return
*/
public Pager GetUsers(String name){
//獲取分頁參數(shù)
int pagesize = SystemContext.getPageSize();
int pageIndex = SystemContext.getPageIndex();
//分頁具體sql語句
String sql = "select * from user ";
String sqlCount = "select count(*) from user ";
if (name!=null && !name.trim().equals("")){
sql += "where username LIKE %"+name+"%";
sqlCount += "where username LIKE %"+name+"%";
}
sql += " LIMIT ?,?";
//存放當(dāng)前頁的集合
List<User> datas = new ArrayList<>();
//存放當(dāng)前分頁的集合
Pager<User> pages = new Pager<>();
User userTemp = null;
try {
ps = conn.prepareStatement(sql);
if(pageIndex<=0) pageIndex=1;
//設(shè)置參數(shù)
ps.setInt(1,(pageIndex-1)*pagesize);
ps.setInt(2,pagesize);
rs = ps.executeQuery();
//循環(huán)取出,添加到datas中
while (rs.next()){
userTemp = new User();
userTemp.setUserId(rs.getString("id"));
userTemp.setUsername(rs.getString("username"));
userTemp.setPassword(rs.getString("password"));
userTemp.setRegdate(rs.getTimestamp("regdate"));
datas.add(userTemp);
}
//最后設(shè)置pages
pages.setPageIndex(pageIndex);
pages.setPageSize(pagesize);
ps = conn.prepareStatement(sqlCount);
rs = ps.executeQuery();
while(rs.next()){
pages.setTotalRecords(rs.getInt(1));
pages.setTotalPages((rs.getInt(1)-1)/pagesize+1);
}
pages.setDatas(datas);
} catch (SQLException e) {
System.out.println("獲取出錯");
e.printStackTrace();
}
return pages;
}
public void close(){
try {
if (rs!=null) rs.close(); rs = null;
if (ps!=null) ps.close(); ps = null;
if (conn!=null) conn.close(); conn = null;
} catch (SQLException e) {
System.out.println("關(guān)閉失敗");
e.printStackTrace();
}
}
}
五.jsp測試頁面
普通頁面就是顯示數(shù)據(jù),這個很簡單,代碼如下
<%@ page import="com.dao.UserDAO" %>
<%@ page import="com.util.Pager" %>
<%@ page import="com.util.User" %>
<%@ page import="java.util.Iterator" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
String condition = request.getParameter("condition");
UserDAO userDAO = new UserDAO();
Pager<User> pages = null;
if (condition!=null && !condition.trim().equals("")){
pages = userDAO.GetUsers(condition);
}else {
pages = userDAO.GetUsers(null);
}
userDAO.close();
%>
<html>
<head>
<title>測試用例</title>
</head>
<body>
<h1 align="center">分頁測試</h1>
<table align="center" border="1" width="700">
<tr>
<td colspan="100%">
<form method="get" action="index.jsp">
<input type="text" name="condition">
<input type="submit" value="查詢">
</form>
</td>
</tr>
<tr>
<th>ID</th>
<th>USERNAME</th>
<th>PASSWORD</th>
<th>DATA</th>
</tr>
<%
for (Iterator it = pages.getDatas().iterator(); it.hasNext() ; ) {
User userTemp = (User) it.next();
%>
<tr>
<td><%=userTemp.getUserId()%></td>
<td><%=userTemp.getUsername()%></td>
<td><%=userTemp.getPassword()%></td>
<td><%=userTemp.getRegdate()%></td>
</tr>
<% }%>
</table>
</body>
</html>
此時已經(jīng)有一些效果了
六.JSP頁面添加控制選項
添加控制選項這里使用分頁框架pager-taglib,也是為了更好的支持通用性.
首先在index.jsp頁面查詢之后靜態(tài)引入一個新的頁面,作為底部控制頁面
使用方法,就是去下載相應(yīng)的jar,然后引入到項目的lib中即可
<tr><td colspan="100%"> <jsp:include page="fenye.jsp"> <jsp:param name="items" value="<%=pages.getTotalRecords()%>"/> <jsp:param name="maxPageItems" value="<%=pages.getPageSize()%>"/> <jsp:param name="maxIndexPages" value="10"/> <jsp:param name="params" value="condition"/> </jsp:include> </td></tr>
下面開始寫fenye.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%
int items = Integer.parseInt(request.getParameter("items"));
int maxPageItems = Integer.parseInt(request.getParameter("maxPageItems"));
int maxIndexPages = Integer.parseInt(request.getParameter("maxIndexPages"));
String params = request.getParameter("params");
%>
<%--引入分頁框架--%>
<%@taglib prefix="pg" uri="http://jsptags.com/tags/navigation/pager" %>
<%--參數(shù)依次是項目總數(shù) 每頁顯示數(shù)量 下方菜單顯示數(shù) 當(dāng)前頁curPage--%>
<pg:pager items="<%=items%>" maxPageItems="<%=maxPageItems%>" maxIndexPages="<%=maxIndexPages%>" export="curPage=pageNumber">
<pg:param name="<%=params%>"/>
<pg:first>
<a href="<%=pageUrl%>">首頁</a>
</pg:first>
<pg:prev>
<a href="<%=pageUrl%>">上一頁</a>
</pg:prev>
<pg:pages>
<%
if(curPage==pageNumber) {
%>
[<%=pageNumber %>]
<%
} else {
%>
<a href="<%=pageUrl%>"><%=pageNumber %></a>
<%
}
%>
</pg:pages>
<pg:next>
<a href="<%=pageUrl %>">下一頁</a>
</pg:next>
<pg:last>
<a href="<%=pageUrl %>">尾頁</a>
</pg:last>
</pg:pager>
分頁設(shè)計基本就是上面框架,重點是參數(shù)傳遞,這里參數(shù)傳遞利用靜態(tài)引入的時候,配置jsp:param,然后到fenye,jsp中再取出.
其中pager-taglib中有一個標(biāo)簽是”/>,這個就是針對我的查詢條件傳遞過來的參數(shù),如果沒傳遞,那么查詢的話點擊下一頁也會出錯,這里還有一個問題就是編碼問題,pager-taglib默認(rèn)編碼是GB2312,你可以重新打包文件編譯,也可以在tomcat的server.xml文件中配置urlEncording=”utf-8”,這樣就會沒問題了.
七.總結(jié)
這樣的一個框架,如果其他需要實現(xiàn)分頁的就可以直接套用了,建立相應(yīng)的實體類,寫好分頁代碼,直接套用Systemcontex.java和SystemFilter.java(記得在web.xml配置相應(yīng)的過濾文件),再jsp中可以直接使用fenye.jsp,這樣就會省下很多麻煩
您可能感興趣的文章:
- JavaScript實現(xiàn)列表分頁功能特效
- js腳本分頁代碼分享（7種樣式）
- 純javascript實現(xiàn)分頁(兩種方法)
- ANGULARJS中使用JQUERY分頁控件
- JSP+EXt2.0實現(xiàn)分頁的方法
- JSP實現(xiàn)的簡單分頁示例
- 使用Jquery+Ajax+Json如何實現(xiàn)分頁顯示附JAVA+JQuery實現(xiàn)異步分頁
- JSP實現(xiàn)的簡單分頁顯示效果代碼
- jquery+json實現(xiàn)分頁效果
- jquery分頁插件jquery.pagination.js使用方法解析
- jquery分頁插件jquery.pagination.js實現(xiàn)無刷新分頁
- Angular.js與Bootstrap相結(jié)合實現(xiàn)表格分頁代碼
- js實現(xiàn)ajax分頁完整實例
- js多功能分頁組件layPage使用方法詳解
- 基于Vue.js的表格分頁組件
- 純JS前端實現(xiàn)分頁代碼
相關(guān)文章
JDBCTM 指南：入門...2006-10-10
這篇文章主要介紹了JSP struts2 url傳參中文亂碼解決辦法的相關(guān)資料,需要的朋友可以參考下2017-04-04
jsp 對request.getSession(false)的理解（附程序員常疏忽的一個漏洞）
在網(wǎng)上經(jīng)常看到有人對request.getSession(false)提出疑問，我第一次也很迷惑，看了一下J2EE1.3 API，看一下官網(wǎng)是怎么解釋的。2009-07-07
JSP頁面間傳遞參數(shù)是經(jīng)常需要使用到的功能，有時還需要多個JSP頁面間傳遞參數(shù)，下面這篇文章主要給大家介紹了關(guān)于JSP頁面間傳值方法的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看吧。2017-07-07
下面小編就為大家?guī)硪黄猨sp實現(xiàn)ie中的后退方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
用JSP下載word文件（不會直接用IE打開）...2006-10-10
圖片路徑正確，放到一個單獨的html頁面中也能正常打開，在jsp中就是不顯示圖片，下面有個不錯的解決方法，大家可以嘗試下2014-01-01
這篇文章主要介紹了，每個hibernate只會啟動的時候引入一個文件，那就是：hibernate.cfg.xml mapping需要我們在hibernate中引入， <mapping resource="com/hibernate/test/hibernate_IP.的相關(guān)資料,需要的朋友可以參考下2017-06-06
JSP學(xué)習(xí)心得...2006-10-10
JSP中使用JavaMail...2006-10-10