jsp页面数据分页模仿百度分页效果

<%@page import="web09.shop.DBUtil"%>

<%@page import="java.sql.ResultSet"%>

<%@page import="java.sql.PreparedStatement"%>

<%@page import="java.sql.Connection"%>

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>数据分页</title>

    <style type="text/css">

        .page a{

            min-width: 34px;

            height: 34px;

            border: 1px solid #e1e2e3;

            display:block;

            margin:0 3px;

            float: left;

            text-decoration: none;

            text-align:center;

            line-height: 34px;

        }

        .page a:HOVER {

            background: #f2f8ff;

            border: 1px solid #38f ;

        }

        .page a.prev{

            width:90px;

        }

        .page span{

            width: 34px;

            height: 34px;

            border: 1px solid transparent;

            cursor: pointer;

            display:block;

            float: left;

            text-decoration: none;

            text-align:center;

            line-height: 34px;

            cursor: default;

        }

    </style>

</head>

<body>

<table class="tt" border="1" align="center" width="80%" cellpadding="10">

    <tr>

        <th>ID</th>

        <th>姓名</th>

        <th>年龄</th>

        <th>专业</th>

    </tr>

    <%

    DBUtil dbutil=new DBUtil();

    Connection conn=dbutil.getCon();

    //Connection conn = new DBUtil().getCon();

    PreparedStatement pstmt1 = conn.prepareStatement("select count(*) from student");

    ResultSet rs1 = pstmt1.executeQuery();

    rs1.next();

    int recordCount = rs1.getInt(1);     //记录总数

    int pageSize = 10;                    //每页记录数

    int start=1;                        //显示开始页

    int end=10;                            //显示结束页

    int pageCount = recordCount%pageSize==0 ? recordCount/pageSize : recordCount/pageSize+1;

    int currPage = request.getParameter("p")==null ? 1 : Integer.parseInt(request.getParameter("p"));

    currPage = currPage<1 ? 1 : currPage;

    currPage = currPage>pageCount ? pageCount : currPage;

    PreparedStatement pst = conn.prepareStatement("select * from student limit ?,?");

    pst.setInt(1,currPage*pageSize-pageSize);

    pst.setInt(2,pageSize);

    ResultSet rs = pst.executeQuery();

    while(rs.next()){

    %>

    <tr align="center">

    <td><%=rs.getInt(1) %></td>

    <td><%=rs.getString(2) %></td>

    <td><%=rs.getInt("age") %></td>

    <td><%=rs.getString(4) %></td>

    </tr>

    <%

    }

    %>

    <tr>

          <th colspan="4" class="page">

              <% 

                  if(currPage>=7){

                      start=currPage-5;

                      end=currPage+4;

                  }

                  if(start>(pageCount-10)){

                      start=pageCount-9;

                  }

                  if(currPage>1){

                          out.print(String.format("<a class=\"prev\" href=\"?p=%d\">首页</a>",1));

                          out.print(String.format("<a class=\"prev\" href=\"?p=%d\">&lt;&lt;上一页</a>",currPage-1));

                  }

                  for(int i=start;i<=end;i++){

                      if(i>pageCount) break;

                      String pageinfo=String.format("<a href=\"?p=%d\">%d</a>",i,i);

                      if(i==currPage){

                          pageinfo=String.format("<span>%d</span>",i);

                      }

                      out.print(pageinfo);

                  }

                  if(currPage<pageCount){

                      out.print(String.format("<a class=\"prev\" href=\"?p=%d\">下一页&gt;&gt;</a>",currPage+1));

                      out.print(String.format("<a class=\"prev\" href=\"?p=%d\">尾页</a>",pageCount));

                  }

              %>

          </th>

      </tr>

</table>

</body>

</html>

请根据自己的项目、包名、数据库信息进行修改

jsp页面数据分页模仿百度分页效果的更多相关文章

JSP页面数据展示：分组数据展示
一.描述: 页面上要展示的数据只要写好sql从数据库查出来即可,但是展示有时候不是太好处理.比如工作中遇到的这种情况:有一个问题处理的流程,其中需要选择下一处理人,这些处理人要以部门的形式分组展示,实 ...
jsp页面数据回显（select下拉选择框）
1.静态变量方式:  1.<select name="curStatus" value="${curStatu ...
ofbiz保存jsp页面数据
1.前台js保存 <script type="text/javascript" src="/ecloud/js/js/jquery.min.js"> ...
jsp页面列表展示 ajax异步实现
1. 服务端先返回页面基本结构(如message.jsp), <%@ page language="java" contentType="text/html; ch ...
SpringMVC：前台jsp页面和后台传值
前台jsp页面和后台传值的几种方式: 不用SpringMVC自带的标签前台---->后台,通过表单传递数据(): 1.jsp页面代码如下, modelattribute 有没有都行 < ...
分页（将数据库中的多条数据一页一页的显示在jsp页面中）
一.显示数据库中的多条数据为什么要用分页在真正的开发中,数据库中所存储的数据绝对不像我们平时所写的那样,仅仅有几条数据,而是有几十条甚至上百条,像淘宝京东的用户把都是上几十万甚至百万的.如果这时候在 ...
jsp页面通过ajax取值/展示数据及分页显示
jsp页面通过ajax从后台获取数据,在页面展示,并实现分页效果代码: [JavaScript部分代码] 1 <script> function getComposition(pageno ...
百度分页效果之纯jsp版
数据库连接工具类 package com.gao.page.utils; import java.sql.Connection; import java.sql.DriverManager; publ ...
分页技巧_改进JSP页面中的公共分页代码_实现分页时可以有自定义的过滤与排序条件
分页技巧__改进JSP页面中的公共分页代码自定义过滤条件问题只有一个url地址不一样写了很多行代码 public>>pageView.jspf添加分页技巧__实现分页时可以有自定义的 ...

随机推荐

使用Docker快速搭建ELK环境
今天由于Win系统的笔记本没带回家,其次Docker在非Linux系统下都需要安装额外的软件去镜像才行所以感觉没有差别,先直接用Mac搭建一遍呢, 本篇部分命令和配置内容为摘抄 Mac下使用Dock ...
php 运行模式
1.php最常见的五种运行模式. CGI 通用网关接口 FastCGI 常驻内存的CGI CLI 命令行 Web模块 Apache等Web服务器模块的形式加载php进程 ISAPI 已经不用了 2 ...
laravel 环境自编译过程
[原创] 看到此文的朋友看完后也许会失望,但我尽最大努力不让搜友们失望,以下是自己操作的笔记用以整理提高虽然 laravel 官方已给出了安装 laravel 框架所需的环境盒子使用Vagrant ...
第四章.使用ant编译hadoop eclipse插件
从hadoop 0.20.203以后,hadoop的发布包里,不再对eclipse插件进行jar包发布,而是给出了打包的代码,需要各位开发人员自己进行打包和设置.我们打的包必须跟自己使用的hadoop ...
JAVA中return的用法
public class TestReturn { public static void main(String args[]) { TestReturn t = new TestReturn(); ...
在php中设置PHPSESSID的httponly属性
ThinkPHP3.0完全开发手册 19.1 Session: 支持默认情况下,初始化之后系统会自动启动session. 如果不希望系统自动启动session的话,可以设置SESSION_AUTO_S ...
Django学习---缓存
缓存由于Django是动态网站,所有每次请求均会去数据进行相应的操作,当程序访问量大时,耗时必然会更加明显,最简单解决方式是使用:缓存. 缓存将一个某个views的返回值保存至内存或者memcach ...
嵌入式app框架
推荐两个html5在手机app开发方面好的框架:phonegap + sencha. sencha touch是一个html5的重型框架,自带组件较多,一般应用可以凑合着使. phonegap可以将h ...
Newtonsoft.Json(Json.Net)学习
转自原文 Newtonsoft.Json(Json.Net)学习笔记 Newtonsoft.Json,一款.NET中开源的Json序列化和反序列化类库.软件下载地址: http://www.newto ...
leetcode744
public class Solution { public char NextGreatestLetter(char[] letters, char target) { //a-97 z-122 v ...

jsp页面数据分页模仿百度分页效果

jsp页面数据分页模仿百度分页效果的更多相关文章

随机推荐

热门专题