主页 > 知识库 > jsp页面数据分页模仿百度分页效果(实例讲解)

jsp页面数据分页模仿百度分页效果(实例讲解)

热门标签:银行业务 服务器配置 阿里云 团购网站 科大讯飞语音识别系统 Mysql连接数设置 电子围栏 Linux服务器

废话不多说,直接上代码

请根据自己的项目、包名修改

%@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;
      cursor: pointer;
      display:block;
      float: left;
      text-decoration: none;
      text-align:center;
      line-height: 34px;      
    }
    
    .page a:HOVER {
      background: #f2f8ff;
      border: 1px solid #38f ;
    }
    .page a.prev{
      width:50px;
    }
    .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 = currPage1 ? 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">
       % 
         out.print(String.format("a class=\"prev\" href=\"?p=%d\">首页/a>",1));
         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>",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\">下一页/a>",currPage+1));
         }
         
         out.print(String.format("a class=\"prev\" href=\"?p=%d\">尾页/a>",pageCount)); 
       %>
     /th>
   /tr>
/table>
/body>
/html>

以上这篇jsp页面数据分页模仿百度分页效果(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
  • nodejs个人博客开发第六步 数据分页
  • JSP数据分页导出下载显示进度条样式
  • JS代码实现table数据分页效果
  • jsp+servlet+javabean实现数据分页方法完整实例
  • 无JS,完全php面向过程数据分页实现代码
  • JSP数据库操数据分页显示
  • jquery+json实现数据列表分页示例代码
  • js前台分页显示后端JAVA数据响应
  • JS实现table表格数据排序功能(可支持动态数据+分页效果)
  • js对象实现数据分页效果

标签:枣庄 大理 蚌埠 萍乡 江苏 衡水 衢州 广元

巨人网络通讯声明:本文标题《jsp页面数据分页模仿百度分页效果(实例讲解)》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266