效果如下：

<%--

    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>

jsp实现简单的分页的更多相关文章

  1. 使用jsp/servlet简单实现文件上传与下载

    使用JSP/Servlet简单实现文件上传与下载    通过学习黑马jsp教学视频,我学会了使用jsp与servlet简单地实现web的文件的上传与下载,首先感谢黑马.好了,下面来简单了解如何通过使用 ...

  2. 简单的分页存储过程，Json格式日期转换为一般日期

    简单的分页存储过程 CREATE PROC Paged @pageIndex INT, @pageCount INT OUTPUT, @pageSize INT AS DECLARE @count I ...

  3. jquery ajax json简单的分页，模拟数据，没有封装，只显示原理

    简单的分页,模拟数据,没有封装,显示原理,大家有兴趣可以自己封装,这里只是个原理过程,真正的分页也差不多是这个原理,只是请求数据不太一样,html部分: <!TOCTYPE HTML> & ...

  4. 只是一个用EF写的一个简单的分页方法而已

    只是一个用EF写的一个简单的分页方法而已 慢慢的写吧.比如,第一步,先把所有数据查询出来吧. //第一步. public IQueryable<UserInfo> LoadPagesFor ...

  5. ssm+jsp+自定义标签实现分页，可以通用（前端实现）

    近期做了一些分页方面的开发,大致梳理一下 1 jsp页面上关于分页的代码 <tr> <td colspan="9"> <ule1:pagination ...

  6. MyBatis简单的增删改查以及简单的分页查询实现

    MyBatis简单的增删改查以及简单的分页查询实现 <? xml version="1.0" encoding="UTF-8"? > <!DO ...

  7. JSP制作简单登陆

    JSP制作简单登陆界面 运行环境 eclipse+tomcat+MySQL 不知道的可以参考Jsp运行环境--Tomcat 项目列表 这里我先把jsp文件先放在Web-INF外面访问 需要建立的几个文 ...

  8. MySQL+Service+Servlet+Jsp实现Table表格分页展示数据

    下面以一个示例讲解如何使用MySQL+Service+Servlet+Jsp实现Table表格分页展示数据: eg:请假管理系统 要求如下: 一.打开首页页面, 访问查询请假记录的 servlet , ...

  9. AngularJS实现简单的分页功能

    本篇文章由:http://xinpure.com/angularjs-simple-paging-functionality/ 初学 AngularJS, 尝试着写一些小功能 代码逻辑写得略粗糙,仅仅 ...

随机推荐

  1. ubuntu安装hexo博客

    ubuntu下安装hexo博客 一 安装git sudo apt-get install git 二 安装nodejs 官网下载linux安装包.tar.gz文件 解压 tar zxvf 这样变可以切 ...

  2. ubuntu10.04下修改mysql的datadir的问题

    ubuntu10.04下修改mysql的datadir的问题 转自:http://blog.sina.com.cn/s/blog_4152a9f50100mq5i.html 昨天由于服务器空间告紧,需 ...

  3. mono 开发

    引用 segmentfault.com/a/1190000002449629 配置 ASP.NET Linux( CentOS 6.5 ) 运行环境 MONO + Jexus me15000 179 ...

  4. Linux终端杀手、程序员利器-Tmux

        Send article as PDF      SA.Coder.经常远程.还在开一堆终端?试试 Tmux 吧,一个窗口就搞定. 目录 0.0.0.1 Tmux ? Tmux 是一个终端复用 ...

  5. HTML +　ＪＳ随机抽号。

    [设置第三次抽取的号码为 (张三6)]<script language="javascript"> var k = 0 ; function star(){ k++ ; ...

  6. Xamarin.Forms.Platform.Perspex, Xamarin Forms 的 Perspex(号称下一代WPF) 实现

    Perspex, 跨平台的UI框架,加上Xamarin Forms的跨平台的中间层,这样同一套代码就可跨几乎所有已知平台,这其中包括旧版Windows, Linux及Mac OS. 目前,基本控件可显 ...

  7. RCP：给GEF编辑器添加拖拽辅助线

    当图形边缘碰触时,会产生一条帮助拖拽的辅助线 这里需要三个类: 1.SnapToGeomotry 2.SnapToGuide(非必须) 3.SnapFeedbackPolicy

  8. 【腾讯Bugly干货分享】微信读书iOS性能优化

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/578c93ca9644bd524bfcabe8 “8小时内拼工作,8小时外拼成长 ...

  9. Linux 网络编程（epoll）

    服务器端代码 #include<stdio.h> #include<stdlib.h> #include<string.h> #include<sys/soc ...

  10. 《C#图解教程》读书笔记之四：类和继承

    本篇已收录至<C#图解教程>读书笔记目录贴,点击访问该目录可获取更多内容. 一.万物之宗:Object (1)除了特殊的Object类,其他所有类都是派生类,即使他们没有显示基类定义. ( ...