jsp 使用jstl实现翻页实例代码

使用jstl进行显示相对使用jsp来说代码更显得整齐，也使代码量显得较少

代码如下:

<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c"  uri = "http://java.sun.com/jsp/jstl/core"%>
<%@page import="java.util.List"%>
<%@page session="true"%>
<%@page errorPage="error.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>检索</title>
<script type="text/javascript">
 function validate1() {
  var page = document.forms[0].page.value;
  if (page.length <= 0) {
   alert("请输入要跳转到的页数！");
  } else if (isNaN(page)) {
   alert("请输入有效的页数！");
  } else {
   document.forms[0].submit();
  }
 }
</script>
</head>
<body>
 检索时间：<c:out value="${Result.costtime }" />
 记录总数：<c:out value="${Result.total }<br>" escapeXml="false"/>
 <c:forEach items="${Result.article}" var="current" varStatus="status">
  <br>第<c:out value="${status.count+(Result.pageNum-1)*20}"/>条
  <br>
  标题：<c:out value="<a href='servletDetail?rID=${current.rowid}'>${current.title}</a>" escapeXml="false"></c:out>
  <br>日期：<c:out value="${current.date}"/>
 </c:forEach>
 <table width="100%" border="0" align="center" cellpadding="0"
  cellspacing="0" bgcolor="#8C8C8C">
  <tr>
   <td height="22" align="center" bgcolor="#FFFFFF">
   <c:out value="第${Result.pageNum }页/"/>
   <c:out value="共${Result.totalPage }页"/>
   <c:out value="共${Result.total }条记录"/>
   <c:if test="${Result.pageNum<2 }">
    <c:out value="首页|上一页"/>
   </c:if>
   <c:if test="${Result.pageNum>=2 }">
    <c:out value="<a href='servletSearch?page=${1}&keyWord=${keyWord }'>首页</a>" escapeXml="false"/>
    <c:out value="<a href='servletSearch?page=${Result.pageNum-1}&keyWord=${keyWord }'>上一页</a>" escapeXml="false"/>
   </c:if>
   <c:out value="|"/>
   <c:if test="${(Result.totalPage-Result.pageNum)<1 }">
    <c:out value="下一页|尾页"/>
   </c:if>
   <c:if test="${(Result.totalPage-Result.pageNum)>=1 }">
    <c:out value="<a href='servletSearch?page=${Result.pageNum+1}&keyWord=${keyWord}'>下一页</a>" escapeXml="false"/>
    <c:out value="<a href='servletSearch?page=${Result.totalPage}&keyWord=${keyWord}'>尾页</a>" escapeXml="false"/>
   </c:if>
   <form action="servletSearch" method="post">
    <input type="text" name="page"><input type="hidden" name="keyWord" value=${keyWord}>
    <input type="button" value="跳转到" onClick="validate1()">
   </form>
 </table>
</body>
</html>

赞 (0)

相关推荐

  • JAVA/JSP学习系列之五(JDBC-ODBC翻页例子)

    一.运行前准备 建议了一个MS SQLServer7数据库 DNS,名称为:Test_DB 数据库中有一个表:guestbook字段为:name(varchar),email(varchar),body(text) 数据库用户为sa 密码空,可以自己修改的. 二.代码 <%@ page contentType="text/html;charset=gb2312"%> <% //变量声明 java.sql.Connection sqlCon; //数据库连接对象 jav

  • JAVA/JSP学习系列之六(MySQL翻页例子)

    一.运行前准备 下载了mysql的jdbc驱动(一个jar文件)并加载在CLASSPATH(方法见<JAVA/JSP学习系列之一(JDK安装) >) (如果找不到,请从本站下载) 建一个MySQL数据库test 数据库中有一个表:note,字段为:name(varchar) 二.下载,安装 <%@ page contentType="text/html;charset=gb2312" %> <% java.sql.Connection sqlCon; //

  • jsp实现上一页下一页翻页功能(示例代码)

    jsp实现上一页下一页翻页功能(示例代码)

    前段时间一直忙于期末考试和找实习,好久没写博客了. 这段时间做了个小项目,包含了翻页和富文本编辑器Ueditor的两个知识点,Ueditor玩的还不是很深,打算玩深后再写篇博客. 要实现翻页功能,只需要设置一个pageIndex即可,然后每次加载页面时通过pageIndex去加载数据就行. 那么我们可以设置一个隐藏的input框,用于传递pageIndex给下个页面. 当我们点击上一页的时候,通过js方法改变pageIndex的值,再提交表单即可 二话不多说,看代码,代码里面写的还算比较清楚.

  • JAVA/JSP学习系列之八(改写MySQL翻页例子)

    一.前言 其实,改写后的JDBC Data-Source是运行在Servlet中的,通过JNDI去查找数据源.我用Orion试的,将本站<JAVA/JSP学习系列之六(MySQL翻页例子) > 简单改写了一下. 二.配置 (1)JDBC 需要将用到的JDBC驱动Copy到[ORION]/lib目录下 (2)data-source 在[ORION]/config/data-sources.xml文件中加入如下: 〈data-source class="com.evermind.sql.

  • 详解SpringBoot集成jsp（附源码）+遇到的坑

    详解SpringBoot集成jsp（附源码）+遇到的坑

    本文介绍了SpringBoot集成jsp(附源码)+遇到的坑 ,分享给大家 1.大体步骤 (1)创建Maven web project: (2)在pom.xml文件添加依赖: (3)配置application.properties支持jsp (4)编写测试Controller (5)编写JSP页面 (6)编写启动类App.java 2.新建SpringInitialzr 3.pom文件 <dependencies> <dependency> <groupId>org.s

  • jsp 使用jstl实现翻页实例代码

    使用jstl进行显示相对使用jsp来说代码更显得整齐,也使代码量显得较少 复制代码 代码如下: <%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@taglib prefix="c"  uri = "http://java.sun.com/jsp/jstl/core"

  • PHP 翻页 实例代码

    复制代码 代码如下: <?php class Page { private $pageSize;//每一页多少行 private $absolutePage;//当前页 private $pageCount;//总页码数 private $totalNum;//总行数 private $prePage;//上一页 private $nextPage; //下一页 private $sqlStr; private $baseUrl; //不带GET参数的URL get传输网址 function _

  • 微信小程序新闻网站详情页实例代码

    准备工作: 1.在微信公众号平台,申请小程序账号,获取appid 2.下载并安装微信开发者工具 3.做不同分辨率设备的自适应:单位使用rpx IPhone6下 1px=1rpx=0.5pt 使用rpx,小程序会自动在不同分辨率下进行转换 首先是项目的入口页面 welcome.wxml <view class="container"> <image class="avatar" src="/images/avatar/1.png"

  • JS实现的3D拖拽翻页效果代码

    JS实现的3D拖拽翻页效果代码

    本文实例讲述了JS实现的3D拖拽翻页效果.分享给大家供大家参考,具体如下: 以前看到一个很火的帖子,拖拽实现的翻页效果,非常的有创意,自己也很喜欢,于是乎就萌发了用自己的方法模仿的想法.感谢原创作者的创意,结果一样,但过程不一样哦.奉上代码,供大家参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-3d-drag-page-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DT

  • 在图片上显示左右箭头类似翻页的代码

    使用JS实现在图片上显示左右箭头的翻页代码,预览效果网址:http://www.keleyi.com/keleyi/phtml/picnext/ 本实例使用了javascript的onmousemove 事件.onmousemove 事件会在鼠标指针移动时发生. 语法 onmousemove="SomeJavaScriptCode" SomeJavaScriptCode是必需参数.规定该事件发生时执行的 JavaScript. 下面是核心代码(完整代码请在效果页面查看源代码): 复制代

  • ios电子书翻页效果代码详解

    ios电子书翻页效果代码详解

    近实现了一个完整的电子书阅读器,支持txt和epub格式的电子书阅读,其中epub支持图文混排的方式展示.本文主要谈谈其中两种翻页效果的实现,分别为仿真翻页和水平滑动翻页. 仿真翻页 最合适的方案就是使用系统提供的UIPageviewcontroller了,不过默认的UIpageviewcontroller翻页时背面是白色的,而阅读器通常都会有背景色或背景图片,翻页时用户体验就很糟糕,比如就像下面这样 所以接下来主要说说如何修改背面颜色以达到美观的翻页效果. UIpageviewcontroll

  • JavaScript 拖拽翻页效果代码

    拖拽翻页效果JavaScript特效-demo by http://www.jb51.net html,body{ width:100%; height:100%; border:0px; margin:0px; overflow:hidden; } #menu{ width:1000px; height:500px; overflow:hidden; background:lightblue; } .page{ position:absolute; width:300px; height:40

  • js 拖拽翻页实现代码

    blog body{ border:0px; margin:0px; overflow:hidden; background-color:transparent; font-family:宋体; } .page{ position:absolute; width:700px; border:1px solid #999; background-color:#000; left:425px; margin-left:-350px; cursor:default; z-index:0; } ul{

  • jsp文件上传与下载实例代码

    文件上传: 复制代码 代码如下: public class UploadServlet extends HttpServlet{ @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { doPost(req, resp); } @Override protected void doPost(HttpServletR

  • JS返回上一页实例代码通过图片和按钮分别实现

    1. <a href ="javascript:history.go(-1);">向上一页</a> 2. <a href="javascript :history.back(-1)">返回上一页</a> 3. 如果是用按钮做的话就是: 复制代码 代码如下: <input type="button" name="Submit" onclick="javascript

随机推荐