JSP页面分页显示数据
效果如上图所示！最多显示10条；
完整jsp和后台代码如下：
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="${ctx}/js/common/common.js" type="text/javascript"></script>
<script src="${ctx}/js/page/page.js" type="text/javascript"></script>
<script type="text/javascript"> function firstpage(){
$("#pageIndex").val(${page.startPage});
$("#form1").submit();
}
function lastpage(){
$("#pageIndex").val(${page.currPage-1});
$("#form1").submit();
}
function currpage(){
$("#pageIndex").val(${page.currPage});
$("#form1").submit();
}
function gotoPage(i){
var pageNo=$("#gotoPage"+i+"").text();
$("#pageIndex").val(pageNo);
$("#form1").submit();
}
function nextpage(){
$("#pageIndex").val(${page.currPage+1});
$("#form1").submit();
}
function endpage(){
$("#pageIndex").val(${page.totalPage});
$("#form1").submit();
} //多文本省略号显示
$(function(){
$(".company").each(function(){
var maxwidth=15;
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'…');
}
});
})
</script>
</head>
<body class="bglightgray">
<div class="div-wrapper" >
<div class="div-wrapper-con" >
<form action="#" method="GET" id="form1" class="fl">
<input type="hidden" name="currPage" id="pageIndex" value="1" />
<%-- <input type="hidden" name="page" id="page" value="${userCPs.number+1}"/> --%>
<input type="hidden" name="type" id="type" value="${type}"/>
<input type="hidden" name="m" id="m" value="${m}"/>
<input type="hidden" name="sortType" id="sortType" value="${sortType}"/>
<input type="hidden" name="is_search" value="false" id="is_search"/>
<div class="tbar clearfix">
<span class="fl">请输入cp名称</span>
<input name="company" onkeyup="this.value=this.value.replace(/^\s+|\s+$/g,'')" value="${company}" ty pe="text" class="fl inptext" />
<span class="fl">请输入排行个数</span>
<input id="size" name="page.size" min="1" max="19" type="number" class="fl inptext" />
<button type="submit" id="sub_control" class="fl inpbtns">查询</button>
</div>
</form>
<table class="table" width="100%">
<thead>
<tr>
<th width="10%">名次序号</th>
<th width="10%">cp名称</th>
<c:if test="${type==1 }">
<th width="10%">总点击量</th>
</c:if>
<c:if test="${type==2 }">
<th width="10%">总付费量(/元)</th>
</c:if>
<c:if test="${type==3}">
<th width="10%">总收藏量</th>
</c:if>
</tr>
</thead>
<tbody>
<c:forEach items="${allUser}" var="userCP" varStatus="status">
<tr>
<td>${(currPage-1)*20+status.index+1}</td>
<td class="company" title="${userCP[1]}">${userCP[1]}</td>
<c:if test="${type==1||type==3 }">
<td>${userCP[2]}</td>
</c:if>
<c:if test="${type==2 }">
<td><fmt:formatNumber type="number" value="${userCP[2]}" pattern="#0.00" m axFractionDigits="2" /></td>
</c:if>
</tr>
</c:forEach>
</tbody>
</table>
<div class="pagesdiv clearfix" >
<div id="page" class="pagination">
<ul>
<c:choose>
<c:when test="${page.currPage>1}">
<li><a href="javascript:firstpage()"><<</a></li>
</c:when>
<c:otherwise> <li><a href="#"><<</a></li>
</c:otherwise>
</c:choose>
<c:choose>
<c:when test="${page.currPage>1}">
<li> <a href="javascript:lastpage()"><</a> </li>
</c:when>
<c:otherwise><li><a href="#"><</a></li>
</c:otherwise>
</c:choose> <%--计算begin和end --%>
<c:choose>
<%--如果总页数不足10，那么就把所有的页都显示出来 --%>
<c:when test="${requestScope.countPage<=10}">
<c:set var="begin" value="1" />
<c:set var="end" value="${requestScope.countPage}" />
</c:when>
<c:otherwise>
<%--如果总页数大于10，通过公式计算出begin和end --%>
<c:set var="begin" value="${requestScope.currentPage-5}" />
<c:set var="end" value="${requestScope.currentPage+4}" />
<%--头溢出 --%>
<c:if test="${begin<1}">
<c:set var="begin" value="1"></c:set>
<c:set var="end" value="10"></c:set>
</c:if>
<%--尾溢出 --%>
<c:if test="${end>requestScope.countPage}">
<c:set var="begin" value="${requestScope.countPage - 9}"></c:set>
<c:set var="end" value="${requestScope.countPage}"></c:set>
</c:if>
</c:otherwise>
</c:choose>
<%--循环显示页码列表 --%>
<c:forEach var="i" begin="${begin}" end="${end}">
<c:choose>
<c:when test="${i == page.currPage}">
<li class="active"><a id="current" href="javascript:currpage()" >${i}</a></li>
</c:when>
<c:otherwise>
<li><a href="javascript:gotoPage(${i})" id="gotoPage${i}">${i}</a></li>
</c:otherwise>
</c:choose>
</c:forEach>
<c:choose>
<c:when test="${page.currPage + 1<=page.totalPage }">
<li><a href="javascript:nextpage()">></a></li>
</c:when>
<c:otherwise> <li><a href="#">></a></li>
</c:otherwise>
</c:choose>
<c:choose>
<c:when test="${page.currPage + 1<=page.totalPage }">
<li> <a href="javascript:endpage()">>></a> </li>
</c:when>
<c:otherwise><li><a href="#">>></a></li>
</c:otherwise>
</c:choose>
</ul>
</div
</div>
</div>
</div> <!-- <script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script> -->
<script>
$(function(){
$("#sub_control").click(function(){
$("#is_search").attr("value",true);
var data = $("#is_search").val();
$("#form_sub").click();
});
$(".table tbody tr").each(function(i){
if(i%2==0)
{
$(this).addClass("bg-white");
}else{
$(this).addClass("bg-grey");
}
});
})
</script>
</body>
</html>
//java代码分页工具类;
package cn.enetic.wodm.entity; import java.util.HashMap;
import java.util.Map;
/**
* 分页
* @author Administrator
*
*/
public class PageUtil {
private int totalNum;// 总记录数；
private int totalPage;// 总页数
private int currPage;// 当前页码;
private int pageNum = 20;// 默认页面记录数;
private int startNum = 1;// 开始数;
private int endNum;// 结束数目;
private int startPage;// 开始页;
private int endPage;// 结束页; public PageUtil() { }
public PageUtil(int pageNum,String key,Object value) {
params.put(key, value);
this.pageNum = pageNum;
}
public PageUtil(int pageNum){
this.pageNum = pageNum;
}
private Map<String, Object> params=new HashMap<String, Object>();// 鍙傛暟鍒楄�? public void setTotalPage(int totalNum) {
int num = totalNum % pageNum;
if (num == 0) {
totalPage = totalNum / pageNum;
} else {
totalPage = totalNum / pageNum + 1;
}
} public void initPage(int totalNum) {
this.totalNum = totalNum;
setTotalPage(totalNum);// 璁剧疆鎬婚�?闈㈡�?
startPage = 1;
endPage = totalPage;
if(currPage<=0){
this.currPage=1;
}else if(currPage>=totalPage){
this.currPage=totalPage;
}
startNum = pageNum * currPage - pageNum ;
if(startNum<=0){startNum=0;}
endNum = pageNum * currPage;
if (endNum > totalNum) {
endNum = totalNum;
} } public int getTotalNum() {
return totalNum;
} public void setTotalNum(int totalNum) {
this.totalNum = totalNum;
} public int getCurrPage() {
return currPage;
} public void setCurrPage(int pageNumber) {
if("".equals(pageNumber)){
this.currPage=1;
}else{
this.currPage=pageNumber;
}
} public int getPageNum() {
return pageNum;
} public void setPageNum(int pageNum) {
this.pageNum = pageNum;
} public int getStartNum() {
return startNum;
} public void setStartNum(int startNum) {
this.startNum = startNum;
} public int getEndNum() {
return endNum;
} public void setEndNum(int endNum) {
this.endNum = endNum;
} public int getStartPage() {
return startPage;
} public void setStartPage(int startPage) {
this.startPage = startPage;
} public int getEndPage() {
return endPage;
} public void setEndPage(int endPage) {
this.endPage = endPage;
} public Map<String, Object> getParams() {
return params;
} public void setParams(Map<String, Object> params) {
this.params = params;
} public int getTotalPage() {
return totalPage;
}
}
//control层代码； //如果点击了查询按钮，页数清空
// 分页总数；
int totalnumber=0;
if(("".equals(company)||company==null)&&pageSize!=20){
totalnumber=pageSize;
currPage = 1;
}else{
totalnumber = this.userCPService.getTotalnumber(company);
} PageUtil page = new PageUtil(20);
page.setCurrPage(currPage);
page.initPage(totalnumber);
int startNum = page.getStartNum();
// 获取审核通过的usercp和对应的点击浏览数；
List<Object[]> allUser = this.userCPService.getAllPassUserCPsAndClicks(startNum,pageSize, company); model.addAttribute("allUser", allUser);
model.addAttribute("page", page);
model.addAttribute("company", company);
model.addAttribute("type", type);
model.addAttribute("sortType", sortType);
model.addAttribute("PAGE_SIZE", "20");
model.addAttribute("currPage", currPage);
model.addAttribute("navigateColor", navigateColor);
model.addAttribute("m", m);
return "RankStatistics/cpRankList";
}
JSP页面分页显示数据的更多相关文章
- 转：JSP 分页显示数据 (Oracle)
JSP 分页显示数据 (Oracle) 标签: Oracle分页JSP分页 2013-11-19 20:40 3598人阅读 评论(1) 收藏 举报 分类: Web(11) 版权声明:本文为博主原 ...
- datagrid数据表格当数据为0的时候页面不显示数据
如下图: datagrid数据表格当数据为0的时候页面不显示数据,为空的表格数据全是0,但是页面无法显示 传递的json数据也是没问题的: 所以实在想不通,为什么easyUI datagrid 不显示 ...
- JSP 分页显示数据 (Oracle)
要实现分页,首先我们要做的就是如何来编写SQL语句,网上也有很多,大家可以搜一下.在这里,我们使用一种比较常用的方式来编写SQL语句.代码如下: ----分页显示 select * from (sel ...
- 如何在JSP页面里面显示xml格式的数据
正常情况下,在jsp页面里的标签里写xml格式的数据,在浏览器里面的页面里显示出来的是乱码. 为什么会显示乱码呢?原来xml标签在jsp里会被解析为浏览器对象,因为xml最开始被设计出来是 为了写网页 ...
- springMVC笔记：jsp页面获取后台数据记录列表
1.读取数据库中的记录List<HashMap<String,String>> attributes; 2.Controller构造Model如下: @RequestMappi ...
- ASP.NET（四）：ASP.net实现假分页显示数据
导读:在做数据查询的时候,有的时候查询到的数据有很多.通常呢,我们一般都是去拖动右侧边的滚动条.但是,有了分页后,我们就可以不必是使用滚动条,而直接通过分页查看我们想要的数据.在分页的过程中,有分为真 ...
- 多页的TIFF图片在aspx页面分页显示
一.逻辑实现:将数据库中的二进制TIFF图片读出并分页显示在页面上. 1.显示界面 public FrameDimension MyGuid; ; ; public static MemoryStre ...
- repeater 分页显示数据
表名:ChinaStates 控件:Repeater 查询代码DA: public class ChinaStatesDA { private DataClassesDataContext Conte ...
- js 将很长的内容进行页面分页显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- 手把手教你React Native 实战之开山篇《一》
先说一下我为什么学习RN 18年3月29号,随着自己内心的欲望和冲动,任务交接了一下,正式离开一家医疗公司.第二天就入职了这之前已经找好的公司,由于自己对代码浓厚的热情,自己终于也不再带团队.正好有充 ...
- (转)scikit-learn主要模块和基本使用方法
从网上看到一篇总结的很不错的sklearn使用文档,备份勿忘. 引言 对于一些开始搞机器学习算法有害怕下手的小朋友,该如何快速入门,这让人挺挣扎的.在从事数据科学的人中,最常用的工具就是R和Pytho ...
- Flask框架(一)
Flask框架 Flask本身想当于一个内核,其自身几乎所有功能都依靠扩展(邮件扩展Flask-Mail.用户认证Flask-Login),都需要用第三方的扩展来实现.其WSGI工具箱采用Werkze ...
- Netty沾包和拆包
1.连着发两条,会沾在一起,这就是沾包 2.包尾添加特殊分隔符,接收方通过特殊分隔符切分报文区分,这就是拆包 在ChatServerInit类.ChatClientInit类分别加入以下代码 Byte ...
- day10 函数
函数基础 函数概念 为什么用函数 什么是函数 定义函数 调用函数 返回值详解上节回顾 文件处理 修改文件 1.读取要修改文件内容 read可能导致内存溢出 赋值给变量 修改 将修改后的内容重新写入文件 ...
- 五.ssh远程管理服务
01. 远程管理服务知识介绍 1) SSH远程登录服务介绍说明 SSH是Secure Shell Protocol的简写,由 IETF 网络工作小组(Network Working Group)制定: ...
- LeetCode（121）：买卖股票的最佳时机
Easy! 题目描述: 给定一个数组,它的第 i 个元素是一支给定股票第 i 天的价格. 如果你最多只允许完成一笔交易(即买入和卖出一支股票),设计一个算法来计算你所能获取的最大利润. 注意你不能在买 ...
- LeetCode（82）：删除排序链表中的重复元素 II
Medium! 题目描述: 给定一个排序链表,删除所有含有重复数字的节点,只保留原始链表中 没有重复出现 的数字. 示例 1: 输入: 1->2->3->3->4->4- ...
- laravel 资源控制器
Artisan 生成器来生成一个资源控制器(在之前命名后加上 --resource 选项) php artisan make:controller PostController --resource ...
- Python(字符串操作实例1)一个字符串用空格隔开
# 将字符中单词用空格隔开# 已知传入的字符串中只有字母,每个单词的首字母大写,# 请将每个单词用空格隔开,只保留第一个单词的首字母大写传入:“HelloMyWorld”# 返回“Hello my w ...