`
hnylj
  • 浏览: 211253 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

自定义漂亮的分页标签

阅读更多

jsp技术已经是一项很老的技术了,该技术也十分成熟,下面我将对jsp中的自定义标签技术进行一下探讨,并附上本人利用该技术实现的一个分页标签。自定义标签技术的出现也是为了让jsp页面尽量不写java代码,使得数据的显示和业务逻辑相分离,使代码的可读性和维护性更好。

 

jsp技术流行至今,也是每个java程序员再熟悉不过了,发布本人实现的一个分页标签和大家一起交流,有不足之处,你可以进行修改,但希望你能把修改后的代码贴出来,我将感激不尽!

 

首先来看一下运行后的效果:
该分页标签由3个标签组成,分别是<d:iterator>,<d:field>,<d:page>
<d:iterator>用于数据的迭代,<d:field>用于输出每一条数据,<d:page>用于数据的分页

 

下面是每个标签对应的源代码:

1.IteratorTag.java

package org.hnylj.taglib;

import java.util.ArrayList;
import java.util.List;
import java.util.Map;

import javax.servlet.ServletRequest;
import javax.servlet.jsp.JspTagException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.Tag;
import javax.servlet.jsp.tagext.TagSupport;

public class IteratorTag extends TagSupport {

	private static final long serialVersionUID = -3495128280303394359L;
	private List<String> fieldList;
	private List<String> displayList;
	private String list;
	private String isTemplate;

	public IteratorTag() {
		super();
		fieldList = new ArrayList<String>();
		displayList = new ArrayList<String>();
	}

	public String getIsTemplate() {
		return isTemplate;
	}

	public void setIsTemplate(String isTemplate) {
		this.isTemplate = isTemplate;
	}

	public String getList() {
		return list;
	}

	public void setList(String list) {
		this.list = list;
	}

	public void addField(String field) {
		fieldList.add(field);
	}
	
	public void addDisplay(String display) {
		displayList.add(display);
	}

	public int doStartTag() throws JspTagException {
		fieldList.clear();
		displayList.clear();
		return Tag.EVAL_BODY_INCLUDE;
	}

	public int doEndTag() throws JspTagException {
		this.iteratorDisplay();
		return Tag.EVAL_PAGE;
	}
	
	public void iteratorDisplay () {
		JspWriter jspWriter = this.pageContext.getOut();
		try {
			ServletRequest request = pageContext.getRequest();
			List<Map<String,String>> data = (List<Map<String,String>>)request.getAttribute(this.getList());;
			jspWriter.write("<table width=100% style='border:1 solid #33CCFF' cellpadding=3><tr>");
			for (int i=0; i<displayList.size(); i++) {
				jspWriter.write("<td bgcolor=#99CCFF>");
				String display = (String) displayList.get(i);
				jspWriter.write(display);
				jspWriter.write("</td>");
			}
			jspWriter.write("</tr>");
			for (int j=0; j<data.size(); j++) {
				Map<String,String> d = (Map<String,String>) data.get(j);
				jspWriter.write("<tr>");
				for (int k=0; k<fieldList.size(); k++) {
					jspWriter.write("<td bgcolor=#CCFFFF>");
					String field = (String) fieldList.get(k);
					jspWriter.write((String) d.get(field) + "  ");
					jspWriter.write("</td>");
				}
				jspWriter.write("</tr>");
			}
			jspWriter.write("</table>");
			jspWriter.flush();
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
}

 2.FieldTag.java

package org.hnylj.taglib;

import javax.servlet.jsp.JspTagException;
import javax.servlet.jsp.tagext.Tag;
import javax.servlet.jsp.tagext.TagSupport;

public class FieldTag extends TagSupport {

	private static final long serialVersionUID = -1330092183292977881L;
	private String name;
	private String display;

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getDisplay() {
		return display;
	}

	public void setDisplay(String display) {
		this.display = display;
	}
	
	public int doEndTag() throws JspTagException {  
		Tag t = findAncestorWithClass(this, IteratorTag.class);   
		IteratorTag iTag = (IteratorTag) t;  
		iTag.addDisplay(display);
		iTag.addField(name);
		return EVAL_PAGE;
	}
}

 3.PageTag.java

package org.hnylj.taglib;

import java.io.IOException;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.TagSupport;

public class PageTag extends TagSupport {

	private static final long serialVersionUID = 5824600810852310338L;
	private String pageSize;
	private String action;
	
	public String getPageSize() {
		return pageSize;
	}

	public void setPageSize(String pageSize) {
		this.pageSize = pageSize;
	}

	public String getAction() {
		return action;
	}

	public void setAction(String action) {
		this.action = action;
	}

	public int doStartTag() throws JspException {
		JspWriter out = pageContext.getOut();
		HttpServletRequest request = (HttpServletRequest) pageContext.getRequest();
		String pageNow = (String)request.getSession().getAttribute("pageNow");
		int pageSize = Integer.parseInt(this.getPageSize());
		try {
		      int first = Integer.parseInt(pageNow); 
		      String count = (String)request.getSession().getAttribute("count");
		      long countRow = Integer.parseInt(count);
		      out.println("<style type='text/css'>");
		      out.println("<a:link{COLOR:#2781c9;TEXT-DECORATION:none}" +
		      		       "a:visited{color:blue;TEXT-DECORATION:none}" +
		      		       "a:active{color:blue;TEXT-DECORATION:none}" +
		      		       "a:hover{color:blue;TEXT-DECORATION:underline}"
		      		      +"</style>");
		      out.println("<div align=right bgcolor=#99CCFF>");
		      
		      if (first == 0) {
		    	  out.println("首页 | ");
		      } else {
		    	  out.println("<a href='"+this.getAction()+"?pageNow=0'>首页 | </a>"); 
		      }
		      if ((first-1) < 0) {
		    	  out.println(" 上一页 | ");
		      } else {
		    	  out.println("<a href='"+this.getAction()+"?pageNow="+String.valueOf(first-1)+"'> 上一页 | </a>");
		      }
		      if (countRow%pageSize == 0) {
		    	  if ((first+1) >= (countRow/pageSize)) {
			    	  out.println(" 下一页 | ");
			      } else {
			    	  out.println("<a href='"+this.getAction()+"?pageNow="+String.valueOf(first+1)+"'> 下一页 | </a>");
			      } 
			      if ((first+1) >= countRow/pageSize) {
			    	  out.println(" 尾页");
			      } else {
			    	  if (countRow%pageSize == 0) {
				    	  out.println("<a href='"+this.getAction()+"?pageNow="+String.valueOf(countRow/pageSize-1)+"'> 尾页</a>");
				      } else {
				    	  out.println("<a href='"+this.getAction()+"?pageNow="+String.valueOf(countRow/pageSize)+"'> 尾页</a>");
				      }  
			      }
		      }
		      if (countRow%pageSize != 0) {
		    	  if ((first+1) > (countRow/pageSize)) {
			    	  out.println(" 下一页 | ");
			      } else {
			    	  out.println("<a href='"+this.getAction()+"?pageNow="+String.valueOf(first+1)+"'> 下一页 | </a>");
			      } 
			      if ((first+1) > countRow/pageSize) {
			    	  out.println(" 尾页");
			      } else {
			    	  if (countRow%pageSize == 0) {
				    	  out.println("<a href='"+this.getAction()+"?pageNow="+String.valueOf(countRow/pageSize-1)+"'> 尾页</a>");
				      } else {
				    	  out.println("<a href='"+this.getAction()+"?pageNow="+String.valueOf(countRow/pageSize)+"'> 尾页</a>");
				      }  
			      }
		      }
		    out.println("</div>");
			out.flush();
		} catch (IOException e) {
			e.printStackTrace();
		}
		return super.doStartTag();
	}
}

 

下面是每个标签处理类的标签描述文件

iteratorTag.tld

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.1//EN" "http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd">

<taglib>
	<tlibversion>1.2</tlibversion>
	<jspversion>1.1</jspversion>
	<shortname>d</shortname>
	<uri>http://hnylj.iteye.com</uri>
	<tag>
		<name>iterator</name>
		<tagclass>org.hnylj.taglib.IteratorTag</tagclass>
		<bodycontent>JSP</bodycontent>
		<attribute>
			<name>list</name>
			<required>true</required>
			<rtexprvalue>false</rtexprvalue>
		</attribute>
	</tag>
	<tag>
		<name>field</name>
		<tagclass>org.hnylj.taglib.FieldTag</tagclass>
		<bodycontent>JSP</bodycontent>
		<attribute>
			<name>name</name>
			<required>true</required>
			<rtexprvalue>false</rtexprvalue>
		</attribute>
		<attribute>
			<name>display</name>
			<required>true</required>
			<rtexprvalue>false</rtexprvalue>
		</attribute>
	</tag>
	<tag>
		<name>page</name>
		<tagclass>org.hnylj.taglib.PageTag</tagclass>
		<bodycontent>JSP</bodycontent>
		<attribute>
			<name>action</name>
			<required>true</required>
			<rtexprvalue>false</rtexprvalue>
		</attribute>
		<attribute>
			<name>pageSize</name>
			<required>true</required>
			<rtexprvalue>false</rtexprvalue>
		</attribute>
	</tag>
</taglib>

********

接下来是对该标签的使用实例,使用非常简单!

我使用的是struts1.2,所以要正确运行,你需要新建web工程,加入struts1.2所需的jar包。

1.jsp页面如下:

data.jsp:

<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib uri="/WEB-INF/iteratorTag.tld" prefix="d" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>自定义漂亮的分页标签</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
  </head>
  
  <body>
    <d:iterator list="data">
       <d:field name="cid" display="序号"></d:field>
       <d:field name="name" display="姓名"></d:field>
       <d:field name="sex" display="性别"></d:field>
       <d:field name="address" display="住址"></d:field>
       <d:field name="phone" display="电话"></d:field>
       <d:field name="job" display="职业"></d:field>
    </d:iterator>
    <d:page action="data.do" pageSize="7"/>
  </body>
</html>

对该页面的3个标签作一个简单说明:

<d:iterator list="data"> 用于数据的迭代,list属性为request范围里的一个List对象,List对性封装了从数据库查询出的数据,这个List需要你在struts或servlet里设置。
<d:field name="cid" display="序号">用于输出每一个字段数据,name属性为数据库表的字段,display属性为在页面上要显示的字段表头
<d:page action="data.do" pageSize="7"/>用于数据的分页,action属性为分页请求的的处理器,如jsp,servlet,action等都可以。pageSize属性为每页要显示的数据条数。

 

2.后台处理的action如下:

PageAction.java

package org.hnylj.action;

import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.hnylj.db.DbManager;

/**
 * 分页处理的action
 * @编写者:hnylj
 *
 */
public class PageAction extends Action {
	private int pageSize = 7;
	private DbManager dbManager;
	
	public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		dbManager = new DbManager();
		int pageNow = 0;
		String s = request.getParameter("pageNow");
		if (s == null || "".equals(s)) {
		} else {
			pageNow = Integer.parseInt(s);
		}
		List<Map<String,String>> list = dbManager.pageQuery(pageNow, pageSize);
		int count = dbManager.getCount();
		request.getSession().setAttribute("count", String.valueOf(count));
		request.getSession().setAttribute("pageNow", String.valueOf(pageNow));
		request.setAttribute("data", list);
		return mapping.findForward("success");
	}
}

这个action就不必说明了,很简单。

这个action还调用了一个DbManager类,其代码如下:

package org.hnylj.db;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * 数据库管理与操作
 * @编写者:hnylj
 *
 */
public class DbManager {
	private Connection conn;
	private Statement stmt;
	private ResultSet rs;

	private static final String DRIVER = "oracle.jdbc.driver.OracleDriver";
	private static final String URL = "jdbc:oracle:thin:@localhost:1521:orcl";
	private static final String USERNAME = "scott";
	private static final String PASSWORD = "tiger";

	// 数据库连接
	public synchronized Connection getConnection() {
		try {
			Class.forName(DRIVER);
			conn = DriverManager.getConnection(URL, USERNAME, PASSWORD);
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
			return null;
		} catch (SQLException e) {
			e.printStackTrace();
			return null;
		}
		return conn;
	}
    
	/**
	 * 根据pageNow和pageSize查询数据
	 * @param pageNow
	 * @param pageSize
	 * @return
	 */
	public List<Map<String,String>> pageQuery (int pageNow,int pageSize) {
		String sql = "SELECT * FROM (SELECT AA.*, ROWNUM RN FROM (SELECT * FROM CUSTOMER ORDER BY CID ASC) AA WHERE ROWNUM <= "+((pageNow+1)*pageSize)+") WHERE RN > "+(pageNow*pageSize)+" ";
		Map<String,String> data = null;
		List<Map<String,String>> list = new ArrayList<Map<String,String>>();
		try {
			conn = this.getConnection();
			stmt = conn.createStatement();
			rs = stmt.executeQuery(sql);
			while (rs.next()) {
				data = new HashMap<String,String>();
				data.put("cid", new Integer(rs.getInt("cid")).toString());
				data.put("name", rs.getString("name"));
				data.put("sex", rs.getString("sex"));
				data.put("address", rs.getString("address"));
				data.put("phone", rs.getString("phone"));
				data.put("job", rs.getString("job"));
				list.add(data);
			}
		} catch (SQLException e) {
			e.printStackTrace();
			return null;
		}
		return list;
	}
	
	/**
	 * 获取总记录数
	 * @param conn
	 * @param sql
	 * @return
	 */
	public int getCount() {
		int count = 0;
		String sql = "SELECT COUNT(*) AS COUNT FROM CUSTOMER";
		try {
			conn = this.getConnection();
			stmt = conn.createStatement();
			rs = stmt.executeQuery(sql);
			while (rs.next()) {
				count = Integer.parseInt(rs.getString("count"));
			}
		} catch (SQLException e) {
			e.printStackTrace();
			return 0;
		}
		return count;
	}
}

另外要正确运行,你需要配置web.xml,struts-config.xml文件并建立一张数据库表customer(本人使用的是oracle),相信大家知道怎么做!

 整个标签代码及使用实例代码如上,与大家交流!我的博客地址:http://hnylj.iteye.com

 

一个Java技术交流群,一起交流,共同进步,扣扣群号:513086638

 

 

  • 描述: 运行效果图
  • 大小: 44.3 KB
7
2
分享到:
评论
3 楼 neusun 2008-10-13  
display 不错
2 楼 liutao_2006 2008-10-09  
好像也不怎么好看啊 。。。
1 楼 375721064 2008-10-09  
运行怎么有问题 有整个小程序吗 上传下看看

相关推荐

    自定义分页标签

    自定义的漂亮分页标签,支持上下翻页,直接跳转指定页

    超漂亮分页控件 自定义分页控件 灵活的分页控件

    "超漂亮分页控件"、"自定义分页控件"以及"灵活的分页控件"这些标签表明我们将探讨一个美观且功能丰富的分页解决方案,它可能支持个性化定制,以适应各种项目需求。 首先,让我们了解一下分页的基本原理。分页是将...

    一款很漂亮的分页效果组件

    例如,开发者可以调整按钮的大小、颜色、字体,甚至自定义分页样式,使其与网站的整体风格保持一致。 至于标签中的"Web开发",这暗示了该组件适用于各种类型的Web项目,无论是企业网站、博客、电子商务平台还是其他...

    非常漂亮的Silverlight分页控件

    标签"silverlight DataPager 分页控件 代码 分页"进一步强调了这个资源的关键特性:与Silverlight平台紧密关联,专注于数据分页功能,并且包含实现这一功能的代码。这使得开发者能够快速地将分页功能整合到他们的...

    漂亮的分页插件

    本项目中的标签提到了"jquery 导航菜单",这暗示了这个分页插件可能基于jQuery库构建。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果,让前端开发变得更加高效。在这个案例中,jQuery...

    10种漂亮JS网站分页代码

    10. **可维护性和扩展性**:良好的代码结构和模块化设计能让分页代码易于维护和升级,同时方便添加新功能,如分页状态的保存或自定义分页样式。 以上就是关于"10种漂亮JS网站分页代码"的详细解析,涵盖了分页的基本...

    超漂亮的css 分页

    3. **链接样式**:`&lt;a&gt;`标签是分页链接的核心,你可以通过设置`color`、`text-decoration`和`hover`状态来改变链接的颜色、下划线效果以及鼠标悬停时的样式。 4. **圆角和边框**:使用`border-radius`属性可以创建...

    jQuery漂亮滚动分页示例插件(jPaginate)

    **jQuery漂亮滚动分页插件(jPaginate)详解** 在网页设计中,为了提供良好的用户体验,尤其是在处理大量数据时,滚动分页是一个不可或缺的功能。jQuery的jPaginate插件就是一个非常实用的工具,它能够帮助开发者创建...

    Repeater分页很漂亮的VS2005程序原创

    在这个“Repeater分页很漂亮的VS2005程序原创”项目中,作者显然创建了一个利用Repeater控件实现的精美分页功能。这个程序可能是基于C#语言编写的,因为标签中提到了"C#"。下面我们将详细探讨Repeater控件的使用,...

    6款简洁漂亮的CSS3分页样式代码.zip

    本资源“6款简洁漂亮的CSS3分页样式代码.zip”提供了六种不同的纯CSS3实现的分页样式,它们以蓝色为主调,简约而不失优雅,适用于各种现代网站设计。 1. **纯CSS3的优势** CSS3不仅允许我们控制页面布局,还引入了...

    jQuery分页Demo

    6. **自定义样式和行为**:如果需要进一步定制,可以使用插件提供的选项或扩展其功能,比如添加上一页/下一页按钮,或者自定义分页链接的外观。 通过以上步骤,你就可以在项目中集成jQuery分页功能,实现用户友好的...

    非常智能漂亮色彩丰富的简单jquery分页效果插件.zip

    标题中的“非常智能漂亮色彩丰富的简单jquery分页效果插件.zip”表明这是一个使用jQuery库创建的前端分页插件,其特点在于具有智能性、美观的界面和丰富的色彩设计。这个插件可能提供了多种样式和交互效果,使得网页...

    css实现的漂亮的分页效果代码(橘黄色与蓝色)

    `&lt;a&gt;` 标签被用来表示每个分页链接,其中`&lt;span class="page_now"&gt;1&lt;/span&gt;` 代表当前选中的页面。`和 `&gt;&gt;` 分别表示返回第一页和跳转到最后一页的链接。 CSS部分则定义了这些元素的样式。`*{margin:0; padding:0; ...

    有序列表ol漂亮css分页样式代码(纯css)

    本文将详细讲解如何使用纯CSS实现一个漂亮的有序列表(ol)分页样式,供制作分页的朋友参考。 首先,我们需要了解HTML的基础结构,创建一个有序列表`&lt;ol&gt;`来作为分页的基础框架。在`&lt;ol&gt;`标签内,我们可以使用`&lt;li&gt;...

    设计超漂亮的yun180文章管理系统正式版

    自定义文章标签关键字,智能关联内容(自动根据关键字关联相关文章);文章观后心情投票,动态动画;支持文章评论; 6、信息可自动采集并生成html; 7、站点介绍类文章任意添加; 主要功能: 基本设置:站点常规...

    Pcook CMS 泡客 v3.0 sdcms版.rar

    14.文章内容分页:自定义字符数量 ----------------------------------------- 灵活CSS导航 自定义生成HTML页 GOOGLE地图 图片与文章的分类显示等. 自定义一些东西大家可以下载到更新说明查看 自定义生成...

    基于SpringBoot Thymeleaf的超漂亮的博客系统源码.zip

    文章可选择分类和标签,自定义url 文章可控制是否允许评论 文章管理 以列表形式展示文章信息 在可选操作中增加删除,预览,编辑功能 支持分页显示 增加搜索功能,可根据文章名文章信息 分类管理 可以新增、删除、...

    棕色漂亮的个人博客模板_棕色漂亮导航渐变博客web20Gallery.rar

    3. tabcontent.css:这个文件可能是处理分页或标签式内容的样式,允许用户通过点击不同的标签来查看不同内容,增加了页面的信息组织和可访问性。 4. default.css:这是默认样式的CSS文件,可能包含一些通用的样式...

    漂亮的GridView样式

    【漂亮的GridView样式】是关于在Web开发中,特别是ASP.NET环境中美化GridView控件的一个主题。GridView控件通常用于展示数据表格式的信息,如数据库查询结果。在这个主题中,作者通过CSS(层叠样式表)来改变...

Global site tag (gtag.js) - Google Analytics