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信箱登陸入口在哪裡

7559

CakePHP 教程

1384

steam的賬戶名稱是什麼格式

win11激活密鑰永久

NYT連接提示和答案

Related knowledge

2 個月不見，人形機器人 Walker S 會摺衣服了 Apr 03, 2024 am 08:01 AM

機器之能報道編輯：吳昕國內版的人形機器人+大模型組隊，首次完成疊衣服這類複雜柔性材料的操作任務。隨著融合了OpenAI多模態大模型的Figure01揭開神秘面紗,國內同行的相關進展一直備受關注。就在昨天，國內"人形機器人第一股"優必選發布了人形機器人WalkerS深入融合百度文心大模型後的首個Demo，展示了一些有趣的新功能。現在，得到百度文心大模型能力加持的WalkerS是這個樣子的。和Figure01一樣，WalkerS沒有走動，而是站在桌子後面完成一系列任務。它可以聽從人類的命令，折疊衣物

百度Apollo重磅發表全球首個支援L4級自動駕駛的大模型Apollo ADFM Jun 04, 2024 pm 08:01 PM

5月15日，百度Apollo在武漢百度蘿蔔快跑汽車機器人智行谷舉辦ApolloDay2024，全方位展示百度十年深耕自動駕駛的重大進展，基於大模型帶來技術階躍、面向乘客安全全新定義的無人車和全球最大的無人車自動營運網絡，百度已經做到自動駕駛比人類駕駛更安全。得益於此，更安全舒適、綠色低碳的出行方式正從理想成為現實。百度集團副總裁、智慧駕駛事業群組總裁王雲鵬現場表示：「我們做無人車的初衷，是滿足老百姓日益增長的、對美好出行的嚮往，人民群眾的滿意是我們前進的動力。因為安全、所以美好，我們欣喜地看到

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、先點選頁面右上方的「設定」圖標，在設定中選擇「

百度李彥宏率隊拜訪中國石油，討論油氣產業智慧化 May 07, 2024 pm 06:13 PM

本站5月7日消息，5月6日，百度創辦人、董事長兼執行長李彥宏帶隊在北京拜訪中國石油天然氣集團有限公司（以下簡稱「中國石油」），並與中國石油集團董事長、黨組書記戴厚良舉行會談。雙方就強化合作，推動能源產業與數位化智慧化深度融合進行了深入交流。中國石油將加速推動數位中中國石油建設，加強與百度集團合作，推動能源產業與數位化智慧化的深度融合，為保障國家能源安全做出更大貢獻。李彥宏表示，大模型展現的「智慧湧現」與理解、生成、邏輯、記憶等核心能力，為前沿科技與油氣業務結合開啟了更廣闊的想像空間。一直

消息指出三星 Galaxy S24 系列手機國行版「即圈即搜」將支援Google搜尋 Jun 01, 2024 am 09:54 AM

5月31日消息，根據部落客@i冰宇宙今日爆料，三星GalaxyS24系列手機國行版「即圈即搜」將支援Google搜尋。具體上線時間，該部落客並未透露。根據三星先前介紹，三星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版

熱門話題