jsp实现简单的分页

简介:

效果如下:

<%-- 
    Document   : page
    Created on : 2014-11-18, 8:55:02
    Author     : HJZ
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <script language= "javascript">
            function dumpTo(tot) { //函数参数定义时不加var,否则出错
                    var pageMsg = document.getElementById("pageTo").value;
                    var patrn=/^\d+$/;
                    if (patrn.test(pageMsg)) {   
                        if(parseInt(pageMsg)<1 || parseInt(pageMsg)>parseInt(tot)) return;
                        window.location.href="page.jsp?page=" + pageMsg;
                    }
            }
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>分页显示</title>
    </head>
    <body>
        <%
              int pageCur = 0;
              int pageTot = 20;
              int pageBegin = 0;
              String curPage  = request.getParameter("page");
              if(curPage == null) pageCur = 1; 
              else pageCur = Integer.valueOf(curPage);
              pageBegin = pageCur-5;
              if(pageBegin < 1) pageBegin = 1;
        %>
        <talbe border="10">
              <tr>
                     <%if(pageCur!=1){%>
                            <td>
                                <input type="submit" name="skip" value="上一页" onclick="javascript:location.href='page.jsp?page=<%=pageCur-1%>'">
                            </td>
                     <%}%>
                     <% for(int i=pageBegin, j=1; j<=10 && i<=pageTot; ++i, ++j) {%>
                         <%if(i == pageCur){%>
                            <td>
                                <%=i%>
                            </td>
                         <%} else {%>
                            <td>
                                <input type="submit" name="skip" value="<%=i%>" onclick="javascript:location.href='page.jsp?page=<%=i%>'">
                            </td>
                         <%}%>
                     <% } %>
                     
                     <%if(pageCur!=pageTot){%>
                             <td>
                                <input type="submit" name="skip" value="下一页" onclick="javascript:location.href='page.jsp?page=<%=pageCur+1%>'">
                            </td>
                     <%}%>
                     <td>
                         共<%=pageTot%>页
                     </td>
                     <td width="105px">
                         向第<input type="text" id="pageTo">页
                     </td>
                     <td>
                            <input type="button" name="skip" value="跳转" onclick="dumpTo(<%=pageTot%>)"> <!--传递总页数-->
                     </td>
              </tr>
        </table>
    </body>
</html>

目录
相关文章
|
XML 资源调度 Dubbo
深度剖析dubbo和zookeeper关系
当网站规模达到了一定的量级的时候,普通的MVC框架已经不能满足我们的需求,于是分布式的服务框架和流动式的架构就凸显出来了。
389 0
|
前端开发 JavaScript Java
《手把手教你》系列技巧篇(十七)-java+ selenium自动化测试-元素定位大法之By css上卷(详细教程)
【4月更文挑战第9天】本文介绍了CSS定位方式的使用,包括它的优势和8种常用的定位方法。CSS定位相比XPath定位更快、更稳定。文章通过示例详细讲解了如何使用CSS定位元素,包括通过id、name、class name、tag name、link text、partial link text以及XPath进行定位。还提供了Java代码示例来演示如何在自动化测试中使用这些定位方法。
301 1
|
5天前
|
搜索推荐 编译器 Linux
一个可用于企业开发及通用跨平台的Makefile文件
一款适用于企业级开发的通用跨平台Makefile,支持C/C++混合编译、多目标输出(可执行文件、静态/动态库)、Release/Debug版本管理。配置简洁,仅需修改带`MF_CONFIGURE_`前缀的变量,支持脚本化配置与子Makefile管理,具备完善日志、错误提示和跨平台兼容性,附详细文档与示例,便于学习与集成。
305 116
|
20天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
7天前
|
数据采集 人工智能 自然语言处理
Meta SAM3开源:让图像分割,听懂你的话
Meta发布并开源SAM 3,首个支持文本或视觉提示的统一图像视频分割模型,可精准分割“红色条纹伞”等开放词汇概念,覆盖400万独特概念,性能达人类水平75%–80%,推动视觉分割新突破。
503 45
Meta SAM3开源:让图像分割,听懂你的话
|
14天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
695 222