jsp页面数据分页模仿百度分页效果(实例讲解)-js教程-PHP中文网

首页

web前端

js教程

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

韦小宝

Jan 18, 2018 am 09:51 AM

javascript 模仿百度

下面小编就为大家带来一篇jsp页面数据分页模仿百度分页效果(实例讲解)。小编觉得挺不错的，现在就分享JSP源码给大家，也给大家做个参考。对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;
      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 = 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">
       <% 
         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页面数据分页模仿百度分页效果(实例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考！！

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7515

CakePHP 教程

1378

steam的账户名称是什么格式

win11激活密钥永久

NYT连接提示和答案

显示更多

Related knowledge

2 个月不见，人形机器人 Walker S 会叠衣服了 Apr 03, 2024 am 08:01 AM

机器之能报道编辑：吴昕国内版的人形机器人+大模型组队，首次完成叠衣服这类复杂柔性材料的操作任务。随着融合了OpenAI多模态大模型的Figure01揭开神秘面纱,国内同行的相关进展一直备受关注。就在昨天，国内"人形机器人第一股"优必选发布了人形机器人WalkerS深入融合百度文心大模型后的首个Demo，展示了一些有趣的新功能。现在，得到百度文心大模型能力加持的WalkerS是这个样子的。和Figure01一样，WalkerS没有走动，而是站在桌子后面完成一系列任务。它可以听从人类的命令，折叠衣物

deepseek网页版入口 deepseek官网入口 Feb 19, 2025 pm 04:54 PM

DeepSeek 是一款强大的智能搜索与分析工具，提供网页版和官网两种访问方式。网页版便捷高效，免安装即可使用；官网则提供全面产品信息、下载资源和支持服务。无论个人还是企业用户，都可以通过 DeepSeek 轻松获取和分析海量数据，提升工作效率、辅助决策和促进创新。

百度息壤贝壳获取方法介绍 Mar 28, 2024 am 09:11 AM

在息壤中有不少用户不知道贝壳在哪里，怎么才能获得，有些玩家转了几个小时候都没有找到，下面小编就带来了百度息壤贝壳的获取方法，快来一起看看吧。百度息壤贝壳怎么获得1、首先我们需要来到社区，然后来到下图的这个位置。2、在这里选择目的地，选择进入188层。3、进入到188层后，在周围转悠会有这个提示，点击我知道了就行。4、贝壳的位置可能会有些难找，就在188电梯的后面，有个发光的小点就是贝壳。5、捡贝壳需要用VR手柄才能捡，点击贝壳就可以了。兑换方式1、首先点击页面右上方的“设置”图标，在设置中选择“

百度Apollo重磅发布全球首个支持L4级自动驾驶的大模型Apollo ADFM Jun 04, 2024 pm 08:01 PM

5月15日，百度Apollo在武汉百度萝卜快跑汽车机器人智行谷举办ApolloDay2024，全方位展示百度十年深耕自动驾驶的重大进展，基于大模型带来技术阶跃、面向乘客安全全新定义的无人车和全球最大的无人车自动运营网络，百度已经做到自动驾驶比人类驾驶更安全。得益于此，更加安全舒适、绿色低碳的出行方式正从理想成为现实。百度集团副总裁、智能驾驶事业群组总裁王云鹏现场表示：“我们做无人车的初衷，是满足老百姓日益增长的、对美好出行的向往，人民群众的满意是我们前进的动力。因为安全、所以美好，我们欣喜地看到

百度李彦宏率队拜访中国石油，讨论油气行业智能化 May 07, 2024 pm 06:13 PM

本站5月7日消息，5月6日，百度创始人、董事长兼首席执行官李彦宏带队在北京拜访中国石油天然气集团有限公司（以下简称“中国石油”），并与中国石油集团董事长、党组书记戴厚良举行会谈。双方就强化合作，推动能源行业与数字化智能化深度融合进行了深入交流。中国石油将加快推进数字中中国石油建设，加强与百度集团合作，推动能源行业与数字化智能化的深度融合，为保障国家能源安全作出更大贡献。李彦宏表示，大模型展现出的“智能涌现”和理解、生成、逻辑、记忆等核心能力，为前沿科技与油气业务结合打开了更加广阔的想象空间。一直

消息称三星 Galaxy S24 系列手机国行版'即圈即搜”将支持谷歌搜索 Jun 01, 2024 am 09:54 AM

5月31日消息，据博主@i冰宇宙今日爆料，三星GalaxyS24系列手机国行版“即圈即搜”将支持谷歌搜索。具体上线时间，该博主并未透露。根据三星此前介绍，三星GalaxyS24系列实装了众多高阶AI能力，将输入、翻译、录音机、笔记、相机等实用功能AI化，为用户带来更方便、更高效的综合体验。与海外版不同的是，三星GalaxyS24系列的AI功能大多由国内厂商提供服务，例如百度等。此前报道，GalaxyAI深度集成百度文心大模型多项能力，可提供端侧赋能的通话、翻译功能，以及借助生成式AI带来的智能摘

ai工具推荐 Nov 29, 2024 am 11:08 AM

本文介绍了六款流行的 AI 工具，包括抖音豆包、文心一格、腾讯智影、百度飞桨 EasyDL、百度 AI Studio 和讯飞星火认知大模型。这些工具涵盖不同的功能，如文本创作、图像生成、视频编辑和 AI 模型开发。选择合适的 AI 工具需要考虑功能需求、技术水平和成本预算等因素。这些工具为需要 AI 辅助的个人和企业提供了方便且高效的解决方案。

百度又一国民产品接入DeepSeek，是想开了还是跟风？ Mar 12, 2025 pm 01:48 PM

DeepSeek-R1赋能百度文库与网盘：深度思考与行动的完美融合短短一个月内，DeepSeek-R1已迅速融入众多平台。百度凭借大胆的战略布局，将DeepSeek作为第三方模型伙伴，整合进自身生态系统，这标志着其“大模型搜索”生态战略的重大进展。百度搜索和文心智能体平台率先接入DeepSeek及文心大模型的深度搜索功能，为用户提供免费的AI搜索体验。同时，“百度一下，你就知道”的经典slogan回归，新版百度APP也整合了文心大模型和DeepSeek的能力，推出“AI搜索”、“全网信息提炼”

See all articles

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

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题