jsp自定义标签分页
第一步：建立分页实体page类
package com.soda.util;
/**
* @description 分页实体类
* @author line
* @time 2016年8月28日11:16:50
*/
public class Page {
private int pageSize;//每页记录per
private int totalSize;//总记录total
private int currentPage;//当前页page
private int totalPage;//总页数lastpage
private String url;//要链接的sevlet
public Page() {
// TODO Auto-generated constructor stub
}
public Page(int pageSize, int totalSize, int currentPage, int totalPage,
String url) {
super();
this.pageSize = pageSize;
this.totalSize = totalSize;
this.currentPage = currentPage;
this.totalPage = totalPage;
this.url = url;
}
public int getPageSize() {
return pageSize;
}
public void setPageSize(int pageSize) {
this.pageSize = pageSize;
}
public int getTotalSize() {
return totalSize;
}
public void setTotalSize(int totalSize) {
this.totalSize = totalSize;
}
public int getCurrentPage() {
return currentPage;
}
public void setCurrentPage(int currentPage) {
if (currentPage<=0) {
this.currentPage=1;
}else if(totalPage<=0){
this.currentPage = currentPage;
}else if (currentPage>=totalPage) {
this.currentPage=totalPage;
}else {
this.currentPage = currentPage;
}
}
public int getTotalPage() {
return totalPage;
}
public void setTotalPage(int totalPage) {
this.totalPage = totalPage;
}
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
} }
第二步：建立分页标签类PageTag（页码样式自己可以更改）
package com.soda.util; import java.io.IOException; import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.PageContext;
import javax.servlet.jsp.tagext.Tag;
import javax.servlet.jsp.tagext.TagSupport; @SuppressWarnings("serial")
public class PageTag extends TagSupport {
private Page pi;// 持有页码对象的引用 public Page getPi() {
return pi;
} public void setPi(Page pi) {
this.pi = pi;
} @Override
public int doStartTag() throws JspException {
StringBuffer txt = new StringBuffer();
if (pi.getTotalSize() < 1) {
PageContext pc = this.pageContext;
JspWriter out = pc.getOut();
txt.append("<br/><div style='font-size:25px;text-align: center'>暂无查询结果</div>");
try {
out.append(txt.toString());
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
} else {
txt.append("<form action='" + pi.getUrl() + "' method='post'>");
txt.append("<table width='100%' border='0' cellspacing='0' cellpadding='0'>");
txt.append("<tr>");
txt.append("<td width='20%' height='25'>");
txt.append("<table border='0' cellspacing='0' cellpadding='3'>");
txt.append("<tr>");
txt.append("<td style='width:60px'></td>"); if (pi.getCurrentPage() == 1) {
txt.append("<td style='width:60px'><span>首页</span></td> ");
txt.append("<td style='width:60px'><span>上一页</span></td> ");
} else {
txt.append("<td style='width:60px'><a href='" + pi.getUrl()
+ "¤tPage=1'>首页</a></td> ");
txt.append("<td style='width:60px'><a href='" + pi.getUrl()
+ "¤tPage=" + (pi.getCurrentPage() - 1)
+ "'>上一页</a></td> ");
}
for (int i = 1; i <= pi.getTotalPage(); i++) {
if (pi.getCurrentPage() == i) {
txt.append("<td style='width:30px'>" + i + "</td>");
continue;
}
if (Math.abs(pi.getCurrentPage() - i) <= 3) {
txt.append("<td style='width:30px'><a href='" + pi.getUrl()
+ "¤tPage=" + i + "'>" + i + "</a></td> ");
continue;
}
if (Math.abs(pi.getCurrentPage() - i) < 7) {
txt.append("<td style='width:30px'>.</td>");
continue;
}
}
if (pi.getCurrentPage() >= pi.getTotalPage()) {
txt.append("<td style='width:60px'><span>下一页</span></td>");
txt.append("<td style='width:60px'><span>尾页</span></td>");
} else {
txt.append("<td style='width:60px'><a href='" + pi.getUrl()
+ "¤tPage=" + (pi.getCurrentPage() + 1)
+ "'>下一页</a></td>");
txt.append("<td style='width:60px'><a href='" + pi.getUrl()
+ "¤tPage=" + pi.getTotalPage()
+ "'>尾页</a></td> ");
}
txt.append("</tr></table></td>");
txt.append("<td width='20%' align='center'><table border='0' cellspacing='0' cellpadding='3'>"); txt.append("<tr>");
txt.append("<td>");
txt.append("<input type='image' src='houtai/images/next.gif' width='16' height='16' border='0' onclick='return tiao()'/>");
txt.append("<td><input name='currentPage' size='3' id='cid' style='width:25;height:18'/>/页</td> ");
txt.append("</tr></table></td>"); txt.append(" <td width='20%' align='right'>共" + pi.getTotalSize()
+ "条记录显示到" + pi.getCurrentPage() + "/" + pi.getTotalPage()
+ "</td>");
txt.append("</tr></table></form>");
PageContext pc = this.pageContext;
JspWriter out = pc.getOut();
try {
out.print("<script> function tiao(){"
+ "var id=document.getElementById('cid').value; "
+ "if(id==null||id.length==0){"
+ "alert('请输入页码'); return false;} " + "if(isNaN(id)){"
+ "alert('请输入数字'); return false;} "
+ "if(id.indexOf(' ')>=0){"
+ "alert('页码不能是空或含有有空格！'); return false;}"
+ "if(parseInt(id)<1||parseInt(id)>"
+ pi.getTotalPage() + "){"
+ "alert('您输入的页码不在页码范围之内！'); return false;}}"
+ "</script>");
out.print("<style>a{text-decoration: none;} "
+ "a:visited{color:#333333;}" + "</style>");
out.append(txt.toString()); } catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return Tag.EVAL_PAGE;
}
}
第三步：建立分页标签pageTag.tld文件
<?xml version="1.0" encoding="UTF-8" ?>
<taglib xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee " version="2.1"> <description>pageTag</description>
<display-name>pageTag</display-name>
<tlib-version>1.1</tlib-version>
<short-name>PersonTag</short-name>
<uri>http://page/PersonTag</uri> <tag>
<name>page</name>
<tag-class>com.soda.util.PageTag</tag-class>
<body-content>empty</body-content>
<attribute>
<name>pi</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
</taglib>
第四步：jsp页面运用（页面顶部引入标签，页面底部引用标签）注意：是红色字体所在行
<%@page import="com.soda.bean.User"%>
<%@page import="com.soda.bean.UserCondition"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://page/PersonTag" prefix="page" %>
<%
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> <title></title>
<link href="houtai/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="houtai/js/main.js"></script>
<script type="text/javascript">
var xmlhttp;
var useid;
function forbiduser(id){
useid=id;
var ss=document.getElementById("userStateId"+id).innerHTML;
var s;
var ustate;
if(ss=="启用"){
ustate=1;
s="禁用";
}else{
ustate=0;
s="启用";
}
if (confirm('是否'+s+'？')){
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange=res;
xmlhttp.open("get", "<%=basePath%>UserServlet?method=forbiduser&useId="+id+"&useState="+ustate, true);
xmlhttp.send(null);
} }
function res() {
if(xmlhttp.readyState==4&&xmlhttp.status==200){
var txt = xmlhttp.responseText;
if(txt=="禁用"){
document.getElementById("btstate"+useid).innerHTML="启用";
document.getElementById("userStateId"+useid).innerHTML="禁用";
}
if(txt=="启用"){
document.getElementById("btstate"+useid).innerHTML="禁用";
document.getElementById("userStateId"+useid).innerHTML="启用";
}
}
}
//全选与反选
window.onload = function(){
document.getElementById("userids").onclick = function(){
var flag = this.checked;
var items = document.getElementsByName("items");
for(var i = 0; i < items.length; i++){
items[i].checked = flag;
}
}
var items = document.getElementsByName("items");
for(var i = 0; i < items.length; i++){
items[i].onclick = function(){
//记录有多少个 items 被选中了
var number = 0;
for(var j = 0; j < items.length; j++){
if(items[j].checked){
number++;
}
}
document.getElementById("userids").checked = (items.length == number);
}
}
}
</script>
</head>
<body><%-- <c:set value="${sessionScope.uc }" var="uu"></c:set> --%>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td style="height:25px; background-color:#f3f3f3; font-weight:bold" valign="top">
当前位置：
<img src="houtai/images/arrow.gif" align="absmiddle"> soda创业教育平台
<img src="houtai/images/arrow.gif" align="absmiddle"> 后台管理
<img src="houtai/images/arrow.gif" align="absmiddle"> 用户管理</td>
</tr>
<tr>
<td style="height:34px; background-image:url(houtai/images/main_header.gif); border-bottom:1px solid #cfd8e0; padding:0px">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" height="34"><img src="houtai/images/main_headerL.gif" width="20" height="34"></td>
<td style="color:#90c8e8;"><img src="houtai/images/icon_card.gif" width="16" height="16" align="absmiddle"> <strong>用户管理</strong></td>
<td align="right" class="white" style="padding-right:20px"><a href="<%=basePath %>UserServlet?method=addlookrole" class="barBtn"><img src="houtai/images/5.png" align="absmiddle"> 新增</a>
<a href="javascript:history.go(-1);" class="barBtn" onClick="javascript:history.go(-1);"><img src="houtai/images/btn_left.gif" align="absmiddle"> 后退</a>
<a href="javascript:history.go(+1);" class="barBtn" onClick="javascript:history.go(+1);"><img src="houtai/images/btn_right.gif" align="absmiddle"> 前进</a>
<a href="javascript:history.go(0);" class="barBtn" onClick="javascript:history.go(0);"><img src="houtai/images/btn_refresh.gif" align="absmiddle"> 刷新</a></td>
</tr>
</table></td>
</tr>
<%
UserCondition uc=(UserCondition)session.getAttribute("uc");
if(uc==null){
uc = new UserCondition("","",-1,-1);
}
%> <tr>
<td style="height:30px; background-color:#bddbff; border-bottom:1px solid #cfd8e0;"><table width="100%" border="0" cellpadding="3" cellspacing="1" class="table1">
<form action="<%=basePath %>UserServlet" method="post">
<TR>
<th width="10%" align="center">用户登录名</th>
<td width="20%" class="BGCgray">
<input type="text" name="conseluname" id="textfield" value="<%=uc.getUserLoginName()==null?"":uc.getUserLoginName()%>"></td>
<th width="10%" align="center">真实姓名</th>
<td width="20%" class="BGCgray">
<input type="text" name="conselruname" id="textfield2" value="<%=uc.getUserRealName()==null?"":uc.getUserRealName()%>"></td>
<th width="10%" align="center"><STRONG>状态</STRONG></th>
<td width="20%" class="BGCgray">
<select name="userState" id="select2">
<option <%=uc.getUserState()==-1?"selected='selected'":""%> value="-1">全部</option>
<option <%=uc.getUserState()==1?"selected='selected'":""%> value="1">启用</option>
<option <%=uc.getUserState()==0?"selected='selected'":""%> value="0">禁用</option>
</select></td>
<th width="10%" align="center">
<BUTTON style="HEIGHT:25px" onClick="javascript:if (confirm('查询数据？')) return true;else return false;">
<img src="houtai/images/btn_search.gif" width="16" height="16" align="absmiddle"> 查询
<input type="hidden" name="method" value="showuser">
<input type="hidden" name="currentPage" value="1">
</BUTTON></th>
</TR>
</form>
</table></td>
</tr>
<tr>
<td height="100%" valign="top">
<div style="overflow:auto;height:100%; width:100%">
<table width="100%" border="0" cellpadding="3" cellspacing="1" class="table1">
<TR>
<th align="center"><input type="checkbox" name="checkbox" id="userids"></th>
<th align="center">用户姓名</th>
<th align="center">登录名</th>
<th align="center">联系电话</th>
<th align="center">地址</th>
<th align="center">邮箱</th>
<th align="center">状态</th>
<th width="200" align="center">操作</th>
</TR>
<c:forEach items="${users }" var="user">
<TR>
<TD align="center"><input type="checkbox" name="items" id="checkbox2"></TD>
<TD align="center">${user.useName }</TD>
<TD align="center">${user.useLoginName }</TD>
<TD align="center">${user.usePhone }</TD>
<TD align="center">${user.useAddress }</TD>
<TD align="center">${user.useEmail }</TD>
<TD align="center" id="userStateId${user.useId }">${user.useState==1?"启用":"禁用" }</TD>
<TD width="200" align="center">
<BUTTON style="height:21px; font-size:12px" onClick="javascript:if (confirm('查看该信息？')){ location.href='<%=basePath %>UserServlet?method=lookinfo&useId=${user.useId }'; return true;}else return false;">查看
</BUTTON>
<BUTTON style="height:21px; font-size:12px" onClick="javascript:if (confirm('编辑该信息？')){ location.href='<%=basePath %>UserServlet?method=editinfo&useId=${user.useId }'; return true;}else return false;">编辑
</BUTTON>
<BUTTON style="height:21px; font-size:12px" id="fid" onclick="forbiduser(${user.useId})"><span id="btstate${user.useId }">${user.useState==1?"禁用":"启用" }</span>
</BUTTON>
<BUTTON style="height:21px; font-size:12px" onClick="javascript:if (confirm('删除该信息？')){ location.href='<%=basePath %>UserServlet?method=deleteinfo&useId=${user.useId }'; return true;}else return false;">删除
</BUTTON>
</TD>
</TR>
</c:forEach>
</table>
<page:page pi="${page }"/>
</body>
</html>
第六步：这里省略sevlet代码，分页标签实体类中的URL在servlet中设置。
jsp自定义标签分页的更多相关文章
- JSP 自定义标签
0 标签技术的API继承体系 1 作用 jsp自定义标签用于移除页面中的java代码 2 实现 2.1 标签处理类ViewIPTag.java package com.zsm.util; import ...
- JSP自定义标签开发入门
一般情况下开发jsp自定义标签需要引用以下两个包 import javax.servlet.jsp.*; import javax.servlet.jsp.tagext.*; 首先我们需要大致了解开发 ...
- 一个简单的jsp自定义标签
学到了一个简单的jsp自定义标签,后面有更多的例子,会更新出来: 例子1: 步骤: 1.编写标签实现类: 继承javax.servlet.jsp.tagext.SimpleTagSupport; 重写 ...
- jsp自定义标签分析
jsp自定义标签的优势体现在于jsp页面上面减少了java代码. jsp自定义标签有三大部分组成,首先是类继承TagSupport,实现doStartTag方法. public int doStart ...
- JSP自定义标签库
总所周知,JSP自定义标签库,主要是为了去掉JSP页面中的JAVA语句 此处以格式化输出时间戳为指定日期格式为例,简单介绍下JSP自定义标签的过程. 编写标签处理类(可继承自javax.servlet ...
- JSP自定义标签配置
JSP自定义标签配置 JSP自定义标签 <taglib> <taglib-uri>/WEB-INF/you.tld</taglib-uri> ...
- jsp 自定义标签解决jsp页面中int时间戳的时间格式化问题
jsp 自定义标签解决jsp页面中int时间戳的时间格式化问题 之前在项目中根据需求,需要自定义标签,经过查询w3c文档,自己也踩了一些坑,特此记录自定义标签的步骤,下面就以我之前的一个例子中的定义一 ...
- java JSP自定义标签
来至: http://blog.csdn.net/jiangwei0910410003/article/details/23915373 http://blog.csdn.net/jiangwei09 ...
- JSP自定义标签开发入门《转》
JSP自定义标签开发入门 一般情况下开发jsp自定义标签需要引用以下两个包 import javax.servlet.jsp.*; import javax.servlet.jsp.tagext.*; ...
随机推荐
- Multiclass Classification
之前我们都是在Binary classification的基础上学习算法和知识. 如何使用Binary classification算法进行Multiclass classification呢? (一 ...
- 卸载 Cloudera Manager 5.1.x.和 相关软件【官网翻译】
问题导读: 1.不同的安装方式,卸载方法存在什么区别?2.不同的操作系统,卸载 Cloudera Manager Server and 数据库有什么区别? 重新安装不完整如果你来到这里,因为你的安装没 ...
- 使用SignalR实现比特币价格实时刷新
ASP.NET SignalR是微软支持的一个运行在 Dot NET 平台上的 HTML Websocket 框架.它出现的主要目的是实现服务器主动推送(Push)消息到客户端页面,这样客户端就不必重 ...
- java的math常用方法
鉴于java求整时欲生欲死,整理常用math如下: 1: java取整 a:floor向下取整 用法:Math.floor(num) Math.floor(1.9)//1 ...
- 现代程序设计homework-06
现代程序设计homework-06 1) 把程序编译通过, 跑起来. 加入了倒退的功能,程序已经能跑起来了(见代码). 不过倒退功能有些bug,不过这是由于原本程序的主逻辑就有点问题(对于不可走的格子 ...
- UVA 11300 Spreading the Wealth
题目大意:n个人手中有些金币,每个人可给相邻两个人一些金币,使得最终每个人手中金币数相同,求被转手的金币最少数 m为最终每个人手中的金币数,a1,a2,a3,...,an为每个人开始时手中的金币数,x ...
- jquery easyui添加图标扩展
easyui中有很多通过iconCls="icon-reload"这样的属性引入小图标显示,当然我们也可以自己添加自己的小图标. 方式:1.我们可以在jquery easyui的文 ...
- BestCoder Round #65 hdu5591（尼姆博弈）
ZYB's Game Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others)Total ...
- HDU 1394 Minimum Inversion Number (树状数组求逆序对)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1394 题目让你求一个数组,这个数组可以不断把最前面的元素移到最后,让你求其中某个数组中的逆序对最小是多 ...
- POJ 3312 Mahershalalhashbaz, Nebuchadnezzar, and Billy Bob Benjamin Go to the Regionals (水题，贪心)
题意:给定 n 个字符串,一个k,让你把它们分成每组k个,要保证每组中每个字符串长度与它们之和相差不能超2. 析:贪心策略就是长度相差最小的放上块. 代码如下: #pragma comment(lin ...