【Java EE 学习 57】【酒店会员管理系统之分页模板书写】

时间:2022-01-13 10:02:50

分页一直是一个比较麻烦的问题,特别是在我做的这个系统中更是有大量的分页,为了应对该问题,特地写了一个模板以方便代码重用,该模板包括后台分页的模板、前端显示的模板两部分。

一、分页分析

  分页需要三种类型的参数:

  1.系统启动之后就能够确定的参数,比如每页显示多少条数据pageSize,分页长度:elementLength

  2.浏览器动态请求的参数这种情况分为两种:带有请求的页码(requestPage)和不带有请求的页码。

    由于后台的分页代码是重用的,所以第一次请求的时候就需要带上请求的页码,如果不带上请求的页码默认是1,这需要后台代码进行判断。

    【Java EE 学习 57】【酒店会员管理系统之分页模板书写】

  3.服务器响应的数据,比如首页码(startIndex)、尾页码(endIndex)、总共的页码(totalPages)、当前的页码(currentPage=requestPage),当然还有响应的数据。

二、前端页面

  发起分页请求的可能是一个超链接触发,也有可能是一个查询按钮触发,请求的方法都是同一个方法。

  1.超链接触发

      【Java EE 学习 57】【酒店会员管理系统之分页模板书写】

  2.查询按钮触发

   【Java EE 学习 57】【酒店会员管理系统之分页模板书写】

  对于超链接触发的,可以直接访问action,但是查询按钮触发的却需要做一些动作才行。

  (1)表单设置隐藏域,设置默认请求页码或者大多部分提供给js进行更改请求页码并提交给Action。

<s:hidden name="requestPage" value="1"></s:hidden>

  (2)不能直接提交,需要先通过js进行设置:

/*
*多条件查询和分页页面使用的js
*/
$().ready(function(){
$("#pageSplit a").each(function(){
$(this).unbind("click");
$(this).bind("click",function(){
var requestPage=$(this).attr("href").split("requestPage=")[1];
$("input[name='requestPage']").val(requestPage);
$("form").submit();
return false;
});
});
$("#query").unbind("click");
$("#query").bind("click",function(){
$("form").submit();
});
});
#pageSplit a是前端的jsp(struts2)分页模板,后边介绍。

 3.前端显示的jsp分页模板(struts2)

<div id="pageSplit">
<s:a>首页
<s:param name="requestPage" value="1"></s:param>
</s:a>
<s:a>上一页
<s:param name="requestPage" value="#requestPage-1>0?#requestPage-1:1"></s:param>
</s:a>
<s:iterator var="page" begin="%{#startIndex}" end="%{#endIndex}">
<s:if test="#page==#requestPage">
<s:a cssStyle="background-color: #91C0E3;">
<s:param name="requestPage" value="#page"></s:param>
<s:property value="#page"/>
</s:a>
</s:if>
<s:else>
<s:a>
<s:param name="requestPage" value="#page"></s:param>
<s:property value="#page"/>
</s:a>
</s:else>
</s:iterator>
<s:if test="%{#totalPages>#endIndex}">
......
<s:a>
<s:param name="requestPage" value="#endIndex+1"></s:param>
共有
<s:property value="%{#totalPages}"/>页</s:a>
</s:if>
<s:else>
<s:a>
<s:param name="requestPage" value="%{#totalPages}"></s:param>
共有
<s:property value="%{#totalPages}"/>页</s:a>
</s:else>
<s:a>
下一页
<s:param name="requestPage" value="#requestPage+1>#totalPages?#totalPages:#requestPage+1"></s:param>
</s:a>
<s:a>
尾页
<s:param name="requestPage" value="#totalPages"></s:param>
</s:a>
</div>

    结合的css样式模板

#pageSplit{
margin-top:7px;
margin-bottom:7px;
font-size: 14px;
text-align: center;
}
#pageSplit a{
display: inline-block;
background-color:#CEE5EA;
border :1px solid ;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right:7px;
color: #004779;
text-decoration: none;
}
#pageSplit a:HOVER {
background-color: #ADD8E5;
}
#query{
font-size:12px;
width: 50px;
height: 24px;
text-align: center;
margin: 0px;
}

二、后台分页逻辑实现

  1.通过监听器确定初始化的两个参数:pageSize和elementLength

  首先将参数放到配置文件中:init.properties

#every pages show 12 datas
pageSize=10
#show the choose length prePage,1,2,3,4,5,6,7,8 nextPage
splitPageLength=5

  监听器获取

InputStream is=MyServletContextListener.class.getClassLoader().getResourceAsStream("init.properties");
Properties initProperties=new Properties();
initProperties.load(is);
PageSplitConfig.splitPageLength=Integer.parseInt(initProperties.getProperty("splitPageLength"));
PageSplitConfig.pageSize=Integer.parseInt(initProperties.getProperty("pageSize"));

  这样就将两个参数封装到了PageSplitConfig类中:

public class PageSplitConfig {
//首先是每页显示多少条数据
public static Integer pageSize;
//分页的长度
public static Integer splitPageLength;
}

  2.Action中进行分页的逻辑控制:

  以showAllCards方法为例:

public String showAllCards(){
//预配置代码
/*Collection<Card>list=cardService.getAllCards();
ActionContext.getContext().put("cardlist", list);*/
Collection<CredentialType> credentialTypes=credentialTypeService.getAllCredentialTypes();
List<String> allCredentialTypes=new ArrayList<String>();
for(CredentialType temp:credentialTypes){
allCredentialTypes.add(temp.getCredentialTypeName());
}
ActionContext.getContext().put("credentialTypes", allCredentialTypes);
//预配置代码结束 //获取请求参数开始
HttpServletRequest request=ServletActionContext.getRequest();
String cardId=request.getParameter("cardId");
if(cardId==null||"".equals(cardId)){
ActionContext.getContext().put("cardId", "");
}else{
ActionContext.getContext().put("cardId", cardId);
}
String userName=request.getParameter("userName");
if(userName==null||"".equals(userName)){
ActionContext.getContext().put("userName", "");
}else{
ActionContext.getContext().put("userName",userName);
}
String typeofcredential=request.getParameter("typeofcredential");
if(typeofcredential==null||"".equals(typeofcredential)||"''".equals(typeofcredential)){
ActionContext.getContext().put("typeofcredential", "");
}else{
ActionContext.getContext().put("typeofcredential", typeofcredential);
}
String sex=request.getParameter("sex");
if(sex==null||"".equals(sex)||"不限".equals(sex)){
ActionContext.getContext().put("sex", "不限");
}else{
ActionContext.getContext().put("sex", sex);
}
String integral=request.getParameter("integral");
if(integral==null||"".equals(integral)){
ActionContext.getContext().put("integral", "");
}else{
ActionContext.getContext().put("integral", integral);
}
//获取请求参数结束 //计算分页参数开始
String requestPage=request.getParameter("requestPage");
if(requestPage==null||"".equals(requestPage.trim())){
requestPage="1";
}
System.out.println("requestPage:"+requestPage);
Collection<Card>cards=cardService.getCardsByMN(Integer.parseInt(requestPage),cardId,userName,
typeofcredential,sex,integral);
int totalLines=this.cardService.getTotalLines(Integer.parseInt(requestPage),cardId,userName,
typeofcredential,sex,integral);
System.out.println("totalLines:"+totalLines);
PageSplitData.requestPage=Integer.parseInt(requestPage);
PageSplitData.calculate(totalLines);
//计算分页参数结束 System.out.println("startIndex:"+PageSplitData.startIndex);
System.out.println("endIndex:"+PageSplitData.endIndex);
System.out.println("totalPages:"+PageSplitData.totalPages);
System.out.println("查询到的会员数量:"+cards.size());
ActionContext.getContext().put("startIndex",PageSplitData.startIndex);
ActionContext.getContext().put("endIndex", PageSplitData.endIndex);
ActionContext.getContext().put("requestPage",PageSplitData.requestPage);
ActionContext.getContext().put("totalPages",PageSplitData.totalPages);
ActionContext.getContext().put("employees", cards);
ActionContext.getContext().put("cardlist", cards);
return listAction;
}

  首先需要调用Service方法获取数据和数据总量

Collection<Card>cards=cardService.getCardsByMN(Integer.parseInt(requestPage),cardId,userName,
typeofcredential,sex,integral);
int totalLines=this.cardService.getTotalLines(Integer.parseInt(requestPage),cardId,userName,
typeofcredential,sex,integral);

  (1)获取指定分页数据的方法:

public Collection<Card> getCardsByMN(int requestPage, String cardId,
String userName, String typeofcredential, String sex,
String integral) {
int m=(requestPage-1)*PageSplitConfig.pageSize;
int n=PageSplitConfig.pageSize;
String sql="from Card where 1=1 ";
if(cardId!=null&&!"".equals(cardId.trim())){
sql=sql+" and cardId='"+cardId.trim()+"'";
}
if(userName!=null&&!"".equals(userName.trim())){
sql=sql+" and userName='"+userName.trim()+"'";
}
if(typeofcredential!=null&&!"".equals(typeofcredential.trim())&&!"''".equals(typeofcredential.trim())){
sql=sql+" and credentialType.credentialTypeName='"+typeofcredential.trim()+"'";
}
if(sex!=null&&!"".equals(sex.trim())&&!"不限".equals(sex.trim())){
sql=sql+" and sex='"+sex+"'";
}
if(integral!=null&&!"".equals(integral.trim())){
sql=sql+" and integral='"+integral.trim()+"'";
}
return this.cardDao.getAllCards(sql,m,n);
}

  该方法会调用DAO方法:

public Collection<Card> getAllCards(String sql, int m, int n) {
Query query=this.hibernateTemplate.getSessionFactory().openSession().createQuery(sql);
query.setFirstResult(m);
query.setMaxResults(n);
return query.list();
}

  (2)获取所有数据总量的方法:

public int getTotalLines(int requestPage, String cardId, String userName,
String typeofcredential, String sex, String integral) {
String sql="from Card where 1=1 ";
if(cardId!=null&&!"".equals(cardId.trim())){
sql=sql+" and cardId='"+cardId.trim()+"'";
}
if(userName!=null&&!"".equals(userName.trim())){
sql=sql+" and userName='"+userName.trim()+"'";
}
if(typeofcredential!=null&&!"''".equals(typeofcredential.trim())&&!"".equals(typeofcredential.trim())){
sql=sql+" and credentialType.credentialTypeName='"+typeofcredential.trim()+"'";
}
if(sex!=null&&!"".equals(sex.trim())&&!"不限".equals(sex.trim())){
sql=sql+" and sex='"+sex.trim()+"'";
}
if(integral!=null&&!"".equals(integral.trim())){
sql=sql+" and integral='"+integral.trim()+"'";
}
return this.cardDao.getAllCards(sql).size();
}

    调用DAO方法实现:

public Collection<Card> getAllCards(String sql) {
return this.hibernateTemplate.getSessionFactory().openSession().createQuery(sql).list();
}

  (3)最重要的分页逻辑的实现在SplitPageData类中:

public class PageSplitData {
//该条数据应该在调用响应方法之前赋值
public static Integer requestPage; //请求之后应该强调显示的页码,即响应之后的当前页或者响应时的响应页码。
public static Integer startIndex; //起始页码
public static Integer endIndex; //最后页码
public static Integer totalPages; //一共有多少页 /**
*
* @param total
*/
public static void calculate(int totalLines){
//每页显示多少条数据
int pageSize=PageSplitConfig.pageSize;
//分页长度
int splitPageLength=PageSplitConfig.splitPageLength;
//已经得到了数据一共有多少条:totalLines 和 请求页 requestPage //得到总页数
totalPages=totalLines/pageSize+(totalLines%pageSize==0?0:1); //计算startIndex和endIndex的关键原则就是endIndex-startIndex的结果是splitPageLength-1
if(splitPageLength%2==0){//分页长度是偶数,为了让当前页在中间,采用前多后少的分页方法
//这种情况下splitPageLength/2+splitPageLength/2==splitPageLength
startIndex=requestPage-(splitPageLength/2+1);//正常情况(针对大数据)
endIndex=requestPage+(splitPageLength/2);//特殊情况(针对大数据)
}else{//分页长度是奇数
//这种情况下splitPageLength/2+splitPageLength/2=splitPageLength-1,符合之前说的原则
startIndex=requestPage-(splitPageLength/2);//这样就正好了
endIndex=requestPage+(splitPageLength/2);//正好
}
if(startIndex<=0){
startIndex=1;
if((startIndex+splitPageLength-1)>totalPages){
endIndex=totalPages;
}else{
endIndex=startIndex+splitPageLength-1;
}
}else{//正常情况
if(endIndex>totalPages){
endIndex=totalPages;
if((endIndex-(splitPageLength-1))<=0){
startIndex=1;
}else{
startIndex=endIndex-(splitPageLength-1);
}
}else{
//正常情况,不做处理
}
}
//需要传递的几个参数都计算完毕
} public static Integer getRequestPage() {
return requestPage;
} public static Integer getStartIndex() {
return startIndex;
} public static Integer getEndIndex() {
return endIndex;
} public static Integer getTotalPages() {
return totalPages;
}
}

三、总结

  该分页模板需要的参数通过三种途径传到PageSplitData类中

  1.监听器传递pageSize和elementLength两个参数

  2.通过set方法设置请求页requestPage

  3.直接传递totalLines

  计算结果包括

  1.首页码:startIndex

  2.尾页码:endIndex

  3.总页数:totalPages

  

#pageSplit a