`

JSP页面2种简单的分页形式

 
阅读更多

JSP页面2种简单的分页形式,写下来以做备忘,欢迎各位建议或批评。第一种使用js,第二种直接用url地址。第一种较好。

第一种形式:

<!--分页信息展示 start-->
        <div class="page-generation" id="marketingpage"> 
         共${info_totalCount}条数据.    
         <a href="javascript:go('${info_currentPage -1}');">上一页</a>
         <c:forEach begin="1" end="${info_pageNumShown}" var="tt">
          <c:choose>
           <c:when test="${tt==info_currentPage}">
            <font color="red">${tt}</font>
           </c:when>
           <c:otherwise>
            <a href="javascript:go('${tt }');">${tt}</a>
           </c:otherwise>
          </c:choose>
         </c:forEach>
         <a href="javascript:go('${info_currentPage +1 }');">下一页</a>
         <a href="javascript:go(${info_pageNumShown });">尾页</a>
        </div>
<!--分页信息展示 end-->

 js代码:

 

<script>
//分页去向
function go(num)  
{    
	var pageNumShown = '${info_pageNumShown}' ;
	pageNumShown = parseInt(pageNumShown);
	var searchContent = $("#search_result_box_textarea").val();
	if(num<=0)  
	{  
		alert('当前已是首页');  
		return;  
    }  
	if(num>pageNumShown)  
	{  
		alert('当前已是尾页');  
		return;  
	}  
	var url = window.location;  
	var pos = String(url).indexOf("pageNum");    //查看是否存在pageNum页数参数  
	if(pos=="-1")  
	{  
        window.location.replace(url+'?pageNum='+num+"&searchContent="+searchContent) ;   //不存在则添加,值为所点击的页数  
	}  
 	else  
	{  
       	var ui = String(url).substring(0,pos);             
        window.location.replace(ui+'pageNum='+num+"&searchContent="+searchContent);      //存在,则刷新pageNum参数值  
    }  
}   
</script>

 

 

 

第二种形式:

 

<!--分页信息展示 start-->
        <div class="page-generation" id="marketingpage">
         共${info_totalCount}条数据. 
         <c:if test="${info_currentPage le 1}" var="syy">
          <a title="首页" href="#">首页</a>
          <a title="上一页" href="#">上一页</a>
         </c:if>
         <c:if test="${!syy}">
          <a title="首页"
           href="<c:url value='/search.htm?pageNum=1&searchContent=${searchContent}'/>">首页</a>
          <a title="上一页"
           href="<c:url value='/search.htm?pageNum=${info_currentPage-1}&searchContent=${searchContent}'/>">上一页</a>
         </c:if>
         <c:forEach var="pageNo" begin="1" end="${info_pageNumShown}">
          <a href="<c:url value='/search.htm?pageNum=${pageNo}&searchContent=${searchContent}'/>">
           <c:if test="${info_currentPage eq pageNo}" var="rsFy">
            <strong>${pageNo}</strong>
           </c:if> 
           <c:if test="${!rsFy}">
             ${pageNo}
           </c:if>
          </a>
         </c:forEach>
         <c:if test="${info_currentPage ge info_pageNumShown}" var="xyy">
          <a title="下一页" href="#">下一页</a>
          <a title="尾页" href="#">尾页</a>
         </c:if>
         <c:if test="${!xyy}">
          <a title="下一页"
           href="<c:url value='/search.htm?pageNum=${info_currentPage+1}'/>">下一页</a>
          <a title="尾页"
           href="<c:url value='/search.htm?pageNum=${info_pageNumShown}'/>">尾页</a>
         </c:if>
        </div>
<!--分页信息展示 end-->

 

 

分享到:
评论

相关推荐

    JSP连接SQL数据库实现数据分页显示

    此段代码定义了JSP页面的基本属性和导入了必要的Java包。接着,通过 JDBC 连接到数据库,并执行 SQL 查询语句。 ```jsp ResultSet rs = stmt.executeQuery("SELECT * FROM stuInfo"); ``` 这里使用 `executeQuery...

    JSP 与数据库联系 从数据可中把数据放到Jsp页面上以表格的形式显示

    本篇将深入讲解如何利用JSP与数据库进行连接,以及如何将数据库中的数据以表格的形式展示在JSP页面上,同时提供颜色变化的可能性。 首先,我们需要建立JSP与数据库之间的连接。这通常通过Java的JDBC(Java Database...

    jsp自定义分页标签

    然后在JSP页面中,通过`指令引入你的标签库,并使用自定义的分页标签。例如: ```jsp ... ${currentPage}" total="${totalPages}" /&gt; ``` 5. **配置Web应用**:在web.xml文件中,可能需要添加一个taglib元素...

    JSP环境下的AJAX分页示例

    在JSP(JavaServer Pages)环境下,利用AJAX(Asynchronous JavaScript and XML)技术实现分页是一种常见的优化用户体验的方法。AJAX允许页面在不重新加载整个网页的情况下与服务器交换数据并局部更新页面,从而提供...

    jsp的分页,jsp+sqlserver源码

    文件名“分页”可能指的是整个分页系统的主JSP页面或者是一个包含分页逻辑的Java类。在这个页面或类中,可能包含了以下关键组件: 1. 分页参数:当前页码(currentPage)、每页记录数(pageSize)等。 2. 分页导航...

    jsp 最简单的分页例子

    4. **显示数据**:将查询结果渲染到JSP页面,可以使用JSP标签库(Tag Library)如JSTL进行方便的操作。 5. **创建导航链接**:在页面上显示分页导航,包括上一页、下一页和页码列表。链接的URL应包含当前页数作为...

    jsp带模糊查询的分页代码

    Servlet则负责处理请求,执行数据库查询,并将查询结果和分页信息传递回JSP页面。 为了实现这个功能,我们需要以下步骤: 1. **创建数据库表**:设计一个合适的数据库表结构,用于存储待查询的数据,确保包含用户...

    简单的分页的源代码jsp

    5. 显示数据:最后,从数据库查询到的分页数据可以在JSP页面上以表格或其他形式展示。 通过以上步骤,我们可以实现一个基本的JSP分页功能。不过,实际项目中可能还需要考虑其他因素,如性能优化(如使用存储过程)...

    jsp+sqlserver分页代码

    JSP页面配置 ```xml *,java.sql.*" pageEncoding="GB18030"%&gt; ``` - **`language="java"`**:指定该页面使用的编程语言为Java。 - **`import="java.util.*,java.sql.*"`**:导入Java的集合库和SQL相关的类。 - **...

    利用servlet+jsp+javabean进行分页查询

    在Java Web开发中,"利用servlet+jsp+javabean进行分页查询"是一个常见的技术实践,主要用于处理大量数据的展示,提升用户体验并减轻服务器压力。本篇将详细讲解这个过程中的关键知识点。 首先,我们需要理解...

    使用JSP自定义标签实现EMP分页

    通过这种方式,开发者可以将复杂的分页逻辑封装起来,使得JSP页面更专注于视图的呈现,而不是数据处理。同时,自定义标签可以重复使用,提高了代码复用率。 此外,JSP自定义标签还有其他优势,比如支持EL...

    JSP 查询 分页

    JSP查询分页是Web应用中一个重要的功能,它允许用户以分块的形式查看大量数据,而不是一次性加载所有记录,这提高了用户体验并减少了服务器负载。本篇将详细介绍如何在JSP中实现万能查询分页功能,以及与MySQL数据库...

    jsp+xml留言板(带分页)

    这个项目主要展示了如何利用Java来处理XML文件,实现了对XML数据的CRUD(创建、读取、更新、删除)操作,并通过JSP页面进行前端展示,同时结合了分页技术,使得用户可以方便地浏览大量的留言数据。 首先,Java在该...

    简易的JSP信息管理程序,JSP+MVC+数据分页_增删改查Java源码

    在这个程序中,JSP主要用于视图层的展示,将后台处理的数据以页面形式展现给用户。 2. **MVC(Model-View-Controller)**:这是一种软件设计模式,常用于Web应用程序开发。Model负责业务逻辑处理,View负责显示结果...

    jsp自定义标签编写的分页

    这些属性可以在JSP页面上通过`&lt;mytaglib:pagination&gt;`这样的形式设置。 使用"OnlineMessageBoard"这个文件名,我们可以假设这是一个在线消息板的应用场景,其中可能有大量消息需要分页显示。在JSP页面中,我们可以...

    tomcat+mysql+jsp 分页查询

    在本项目中,我们将使用JSP页面向MySQL数据库发起请求,获取数据,然后在页面上进行分页展示。以下是实现这一功能的关键步骤: 1. **连接数据库**:在JSP或JavaBean中,使用JDBC(Java Database Connectivity)来...

    jsp+servlet的demo(分页,查询,增删改查)

    该文件可能包含JSP页面(如register.jsp、listUsers.jsp等)、Servlet类(如RegistrationServlet.java)以及相关的配置文件(如web.xml)。开发者可以通过分析和运行这个示例,了解如何在实际项目中结合JSP和Servlet...

    Servlet+json+js(jquery)+jsp实现分页

    收到JSON响应后,JQuery解析数据,并动态更新JSP页面中的表格,展示新一页的内容。 **JSP (JavaServer Pages)** 是一种基于Java的动态网页技术,允许开发者在HTML中嵌入Java代码。在分页项目中,JSP主要负责构建...

    JSP后台通用分页

    分页数据和相关信息会被传递到JSP页面上。 5. **JSP页面渲染**:在JSP页面中,我们需要遍历当前页的数据并展示出来。同时,还会创建一个分页导航条,展示页码链接,允许用户跳转到不同的页。这通常涉及到EL...

    jsp分页+jsp上传下载

    在IT行业中,网页开发是至关重要的一个领域,而JSP(Java Server Pages)作为一种服务器端脚本语言,常被用于创建动态网页。本资源包含"jsp分页+jsp上传下载"的功能实现,提供了完整的源码,使得开发者可以直接应用...

Global site tag (gtag.js) - Google Analytics