效果如下：

<%--

    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. jQqery EasyUI dategrid行中多列数据的可编辑操作

    最近的项目中需要在前台dategrid列表中直接修改某些列的数据,并且修改后的数据需要不通过后台而自动更新在列表中. 带着这一问题开始寻找实现的思路,首先想到的就是去jQqery EasyUI官网找例 ...

  2. angular文件引入带来的绑定问题

    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script ...

  3. android studio打包出现翻译问题

    错误信息: Error:(16) Error: "baidutieba_client_inavailable" is not translated in "en" ...

  4. 5.webService拦截器

    CXF为什么要设计拦截器? 为了在webservice请求过程中,能动态操作请求和响应数据, CXF设计了拦截器. 拦截器分类 1.按所处的位置分:服务器端拦截器,客户端拦截器 2.按消息的方向分:入 ...

  5. poj 1286&&poj2409 Polya计数 颜色匹配

    #include <iostream> #include <math.h> using namespace std; #define LL long long LL gcd(L ...

  6. 12G服务器在BIOS中收集阵列卡日志（TTY日志）的方法

      如果系统进不去.请参考如下方法收集日志. 请准备个U 盘,容量在8G以下(含8G),否则会识别不到. 图片参考,以描述为准 F2 enter BIOS option--> Enter the ...

  7. UWP应用开发系列视频教程简介 - Built for Windows 10

    万分感谢Fdyo同学给我们带来的有中文字幕的系列教程! http://zhuanlan.zhihu.com/MSFaith/20364660 下面是这系列video教程中的一个截图作为示例,有代码,有 ...

  8. Web 数据存储总结

    随着Web应用程序的出现,也产生了对于能够在客户端上存储用户信息能力的要求.这个问题的第一个解决方案是以cookie形似出现的.网景公司在一份名为“Persistent Client State: H ...

  9. Selenium自动化测试问题

    org.openqa.selenium.firefox.NotConnectedException: Unable to connect to host 127.0.0.1 on port 7055 ...

  10. 团队项目——站立会议 DAY8

    第八次站立会议记录: 参会人员:张靖颜,钟灵毓秀,何玥,赵莹,王梓萱 项目进展: 1.张靖颜:在反复修改和审查后,处理功能模块代码出错处,完善并运行. 2.钟灵毓秀:再次检查代码,运行报错处的代码修改 ...