JSP连接SQL数据库实现数据分页显示代码实现

合集下载

JSP分页显示代码

ShowRecordByPage.javapackage database.operation;import java.sql.*;import com.sun.rowset.*;public class ShowRecordByPage{ int pageSize=10; //每页显示的记录数int pageAllCount=0; //分页后的总页数int showPage=1 ; //当前显示页StringBuffer presentPageResult; //显示当前页内容CachedRowSetImpl rowSet; //用于存储ResultSet对象String databaseName="user"; //数据库名称String tableName="user_tab"; //表的名字String user="sa" ; //用户String password="123" ; //密码String 字段[]=new String[100] ;int 字段个数=0;public ShowRecordByPage(){ presentPageResult=new StringBuffer();try{ Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver").newIns tance();}catch(Exception e){}}public void setPageSize(int size){ pageSize=size;字段个数=0;Stringuri="jdbc:sqlserver://127.0.0.1:1433;DatabaseName="+databaseName;try{ Connectioncon=DriverManager.getConnection(uri,user,password);DatabaseMetaData metadata=con.getMetaData();ResultSet rs1=metadata.getColumns(null,null,tableName,null);int k=0;while(rs1.next()){ 字段个数++;字段[k]=rs1.getString(4); //获取字段的名字k++;}Statementsql=con.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE, ResultSet.CONCUR_READ_ONLY);ResultSet rs=sql.executeQuery("SELECT * FROM"+tableName);rowSet=new CachedRowSetImpl(); //创建行集对象rowSet.populate(rs);con.close(); //关闭连接st();int m=rowSet.getRow(); //总行数int n=pageSize;pageAllCount=((m%n)==0)?(m/n):(m/n+1);}catch(Exception exp){}}public int getPageSize(){ return pageSize;}public int getPageAllCount(){ return pageAllCount;}public void setShowPage(int n){ showPage=n;}public int getShowPage(){ return showPage;}public StringBuffer getPresentPageResult(){ if(showPage>pageAllCount)showPage=1;if(showPage<=0)showPage=pageAllCount;presentPageResult=show(showPage);return presentPageResult;}public StringBuffer show(int page){ StringBuffer str=new StringBuffer();str.append("<table border=1>");str.append("<tr>");for(int i=0;i<字段个数;i++){ str.append("<th>"+字段[i]+"</th>");}str.append("</tr>");try{ rowSet.absolute((page-1)*pageSize+1);for(int i=1;i<=pageSize;i++){ str.append("<tr>");for(int k=1;k<=字段个数;k++){ str.append("<td>"+rowSet.getString(k)+"</td>");}str.append("</tr>");rowSet.next();}}catch(SQLException exp){}str.append("</table>");return str;}public void setDatabaseName(String s){ databaseName=s.trim();}public String getDatabaseName(){ return databaseName;}public void setTableName(String s){ tableName=s.trim();}public String getTableName(){ return tableName;}public void setPassword(String s){ password=s.trim();;}public void setUser(String s){ user=s.trim();}public String getUser(){ return user;}}showByPage.jsp<%@ page contentType="text/html;charset=GB2312" %><%@ page import="java.sql.*" %><%@ page import="database.operation.*" %><jsp:useBean id="look" class="database.operation.ShowRecordByPage" scope="session" /><jsp:setProperty name="look" property="databaseName" value="factory" /><jsp:setProperty name="look" property="tableName" value="employee" /> <jsp:setProperty name="look" property="user" value="sa" /><jsp:setProperty name="look" property="password" value="sa" /><jsp:setProperty name="look" property="pageSize" value="2" /><HTML><BODY>数据库<jsp:getProperty name= "look" property="databaseName"/>中<jsp:getProperty name= "look" property="tableName"/>表的记录将被分页显示。

如何在JavaScript中实现数据的分页和无限滚动

如何在JavaScript中实现数据的分页和无限滚动在JavaScript中实现数据的分页和无限滚动可以通过以下几种方式：1.传统的分页方式：前端请求后端获取指定页码的数据。

这种方式在用户点击页码或者上一页/下一页按钮时会发送请求，后端根据请求参数返回对应的数据。

前端利用返回的数据进行渲染和展示。

实现步骤：-前端定义一个变量用于保存当前页码，初始值为1。

-监听页码或者上一页/下一页按钮的点击事件，在事件处理函数中更新当前页码并发送请求。

-后端接收到请求后根据页码参数，查询对应页码的数据，并返回给前端。

-前端接收到返回的数据后进行渲染和展示。

优点：-对于服务器来说，请求的数据量可控，不会因为一次获取大量数据导致服务器负载过高。

-对于用户来说，可以根据需要点击页码来加载对应页码的数据，不会因为数据量过大导致页面卡顿。

缺点：-用户体验不够流畅，需要频繁点击页码或者上一页/下一页按钮来查看不同页码的数据。

-不适合需要连续滚动分页的场景，例如聊天记录等。

2.无限滚动分页方式：前端在页面滚动到底部时加载下一页的数据。

这种方式在用户滚动到页面底部时会自动加载下一页数据，实现了无缝滚动分页的效果。

实现步骤：-前端定义一个变量用于保存当前页码，初始值为1。

-监听页面的滚动事件，判断滚动到底部时发送请求获取下一页的数据。

-后端接收到请求后根据页码参数，查询对应页码的数据，并返回给前端。

-前端接收到返回的数据后进行渲染和展示。

优点：-用户体验好，无需频繁点击页码或上一页/下一页按钮，自动加载下一页数据。

-适合需要连续滚动分页的场景，例如社交网站的动态更新、聊天记录等。

缺点：-对于服务器来说，一次性返回大量数据可能会导致服务器负载过高。

-对于用户来说，可能会不小心滚动到底部触发加载下一页数据，产生不必要的网络请求。

3.混合分页方式：结合传统分页和无限滚动分页的优点，并根据具体场景灵活选择。

实现步骤：-前端定义一个变量用于保存当前页码，初始值为1。

jsp中用list分页

分页的实现原理,分页的实现步骤

分页的实现原理:1.获得需要显示的总的记录数rowCount—》从数据库中取2.设定每页最多显示的记录数size—》103.指定显示的页码：num 作为参数得到4.根据rowCount,size,num可计算出其余的元素：a)本页面从多少行记录开始：startRow = (this.num-1) * size ;b)共有多少页：pageCount = (int) Math.ceil((double)rowCount/size);c)下一页：next=Math.min( this.pageCount, this.num+1)d)上一页：prev = Math.max(1 , this.num-1)e)页号控制元素：numCount：每页最多显示多少页号。

(一共显示numCount+1个页号)start = Math.max(this.num-numCount/2, first); //本页显示页号从多少页开始end = Math.min(start+numCount, last); //本页显示页号在多少页结束页号控制：if(end-start < numCount){ //当本页总显示的页号数不够numCount时，如何计算起始页号。

start = Math.max(end-numCount, 1);}分页实现步骤：1.将Page类引入。

需要自己修改的可自行修改。

package com.puckasoft.video.util;public class Page {private int num; //当前页号, 采用自然数计数 1,2,3,...private int size; //页面大小:一个页面显示多少个数据private int rowCount;//数据总数：一共有多少个数据private int pageCount; // 页面总数private int startRow;//当前页面开始行, 第一行是0行private int first = 1;//第一页页号private int last;//最后页页号private int next;//下一页页号private int prev;//前页页号private int start;//页号式导航, 起始页号private int end;//页号式导航, 结束页号private int numCount = 10;//页号式导航, 最多显示页号数量为numCount+1;这里显示11页。

JSP 实现数据的分页显示

JSP 实现数据的分页显示在JSP中，数据的分页显示非常实用，它的应用可以使数据表中的多条数据实现分页显示，使数据的显示更加条理清晰。

本扩展练习的目的是：使数据表bookinfo 中的数据实现分页显示，并实现数据的翻页功能。

实例中有两个文件Pagescount.jsp 和Pages.jsp，其中Pagescount.jsp实现数据库的连接并查询数据返回数据集，同时设置每页显示的记录数和计算数据页数。

Pages.jsp实现数据的分页显示。

（1）创建一个命名为Pagescount.jsp的信息查询页面。

【新建】|【JSP （advanced Templates）】命令，弹出【新建JSP页面】对话框，在对话框的文件名称中输入Pagescount.jsp，单击【完成】按钮。

（2）添加JSP文件要用到的Java类包、编码。

查询bookinfo数据表中数据并返回数据集，最后，计算数据集中的记录数并设置显示的页数。

（4）创建一个命名为Pages.jsp的信息查询页面。

【新建】|【JSP （advanced Templates）】命令，弹出【新建JSP页面】对话框，在对话框的文件名称中输入Pages.jsp，单击【完成】按钮。

（5）添加JSP文件要用到的Java类包、编码。

（6）在JSP文件中输出如下内容并保存。

</TD><%}%><TD Width=150><FORM action=Pages.jsp method=POST>到<INPUT type="text" name=ToPage style="HEIGHT: 25px; WIDTH: 40px"value=<%= ShowPage%> > 页</FORM></TD></TR></TABLE></CENTER></BODY></HTML>（7）执行上述代码，结果如图10-18所示。

jsp连接数据库代码大全

jsp连接数据库代码大全时间:2009-07-13 15:47来源:网络作者:编辑点击:68 次我要投稿注册IT家园现在初学jsp的网友常问数据库怎么连接啊，怎么老出错啊？这里写了篇文章供大家参考，其实这种把数据库逻辑全部放在jsp里未必是好的做法，但是有利于初学者学习，所以我就这样做了，当大家学到一定程度的时候，可以考虑用MVC的模式开发。

在练习这些代码的时候，你一定将jdbc的驱动程序放到服务器的类路径里，然后要在数据库里建一个表test,有两个字段比如为test1，test2，可以用下面SQL建create table test(test1 varchar(20),test2 varchar(20)然后向这个表写入一条测试纪录那么现在开始我们的jsp和数据库之旅吧。

一、jsp连接Oracle8/8i/9i数据库（用thin模式）testoracle.jsp如下：<%@ page contentType="text/html;charset=gb2312"%><%@ page import="java.sql.*"%><html><body><%Class.forName("oracle.jdbc.driver.OracleDriver").newInstance();String url="jdbc:oracle:thin:@localhost:1521:orcl";//orcl为你的数据库的SIDString user="scott";String password="tiger";Connection conn= DriverManager.getConnection(url,user,password);Statementstmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDA TABLE);String sql="select * from test";ResultSet rs=stmt.executeQuery(sql);while(rs.next()) {%>您的第一个字段内容为：<%=rs.getString(1)%>您的第二个字段内容为：<%=rs.getString(2)%><%}%><%out.print("数据库操作成功，恭喜你");%><%rs.close();stmt.close();conn.close();%></body></html>二、jsp连接Sql Server7.0/2000数据库testsqlserver.jsp如下：<%@ page contentType="text/html;charset=gb2312"%><%@ page import="java.sql.*"%><html><body><%Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver").newInstance();String url="jdbc:microsoft: sqlserver://localhost:1433;DatabaseName=pubs";//pubs为你的数据库的String user="sa";String password="";Connection conn= DriverManager.getConnection(url,user,password);Statementstmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDA TABLE);String sql="select * from test";ResultSet rs=stmt.executeQuery(sql);while(rs.next()) {%>您的第一个字段内容为：<%=rs.getString(1)%>您的第二个字段内容为：<%=rs.getString(2)%><%}%><%out.print("数据库操作成功，恭喜你");%><%rs.close();stmt.close();conn.close();%></body></html>三、jsp连接DB2数据库testdb2.jsp如下：<%@ page contentType="text/html;charset=gb2312"%><%@ page import="java.sql.*"%><html><body><%Class.forName("com.ibm.db2.jdbc.app.DB2Driver ").newInstance();String url="jdbc: db2://localhost:5000/sample";//sample为你的数据库名String user="admin";String password="";Connection conn= DriverManager.getConnection(url,user,password);Statementstmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDA TABLE);String sql="select * from test";ResultSet rs=stmt.executeQuery(sql);while(rs.next()) {%>您的第一个字段内容为：<%=rs.getString(1)%>您的第二个字段内容为：<%=rs.getString(2)%><%}%><%out.print("数据库操作成功，恭喜你");%><%rs.close();stmt.close();conn.close();%></body></html>四、jsp连接Informix数据库testinformix.jsp如下：<%@ page contentType="text/html;charset=gb2312"%><%@ page import="java.sql.*"%><html><body><%Class.forName("rmix.jdbc.IfxDriver").newInstance();String url ="jdbc:informix- sqli://123.45.67.89:1533/testDB:INFORMIXSERVER=myserver;user=testuser;password=testpassword";//testDB为你的数据库名Connection conn= DriverManager.getConnection(url);Statementstmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDA TABLE);String sql="select * from test";ResultSet rs=stmt.executeQuery(sql);while(rs.next()) {%>您的第一个字段内容为：<%=rs.getString(1)%>您的第二个字段内容为：<%=rs.getString(2)%><%}%><%out.print("数据库操作成功，恭喜你");%><%rs.close();stmt.close();conn.close();%></body></html>五、jsp连接Sybase数据库testmysql.jsp如下：<%@ page contentType="text/html;charset=gb2312"%><%@ page import="java.sql.*"%><html><body><%Class.forName("com.sybase.jdbc.SybDriver").newInstance();String url =" jdbc:sybase:Tds:localhost:5007/tsdata";//tsdata为你的数据库名Properties sysProps = System.getProperties();SysProps.put("user","userid");SysProps.put("password","user_password");Connection conn= DriverManager.getConnection(url, SysProps);Statementstmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDA TABLE);String sql="select * from test";ResultSet rs=stmt.executeQuery(sql);while(rs.next()) {%>您的第一个字段内容为：<%=rs.getString(1)%>您的第二个字段内容为：<%=rs.getString(2)%><%}%><%out.print("数据库操作成功，恭喜你");%><%rs.close();stmt.close();conn.close();%></body></html>六、jsp连接MySQL数据库testmysql.jsp如下：<%@ page contentType="text/html;charset=gb2312"%><%@ page import="java.sql.*"%><html><body><%Class.forName("org.gjt.mm.mysql.Driver").newInstance();String url ="jdbc: mysql://localhost/softforum?user=soft&password=soft1234&useUnicode=true&characterEncodin g=8859_1"//testDB为你的数据库名Connection conn= DriverManager.getConnection(url);Statementstmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDA TABLE);String sql="select * from test";ResultSet rs=stmt.executeQuery(sql);while(rs.next()) {%>您的第一个字段内容为：<%=rs.getString(1)%>您的第二个字段内容为：<%=rs.getString(2)%><%}%><%out.print("数据库操作成功，恭喜你");%><%rs.close();stmt.close();conn.close();%></body></html>七、jsp连接PostgreSQL数据库testmysql.jsp如下：<%@ page contentType="text/html;charset=gb2312"%><%@ page import="java.sql.*"%><html><body><%Class.forName("org.postgresql.Driver").newInstance();String url ="jdbc: postgresql://localhost/soft"//soft为你的数据库名String user="myuser";String password="mypassword";Connection conn= DriverManager.getConnection(url,user,password);Statementstmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDA TABLE);String sql="select * from test";ResultSet rs=stmt.executeQuery(sql);while(rs.next()) {%>您的第一个字段内容为：<%=rs.getString(1)%>您的第二个字段内容为：<%=rs.getString(2)%><%}%><%out.print("数据库操作成功，恭喜你");%><%rs.close();stmt.close();conn.close();%></body></html>文章来自: 中国IT在线() 详文参考：/tech/program/other/1132.html。

Oracle Rownum的使用与JSP分页显示的实现

ｄｖｄｎａｅｕｉｇＪＰａｅｉｔｄｃｄｎｔｅｅｄ，ａｃｎｌｓｎｃｌｂｒｗｈｏｇｎｅａｌｆｉｉｉｇｐｇｓｎａｌｉｉｉｇｐｇｓｎＳｒｎｒｕｅ．ＩｈｎｏｏｃｕｉａｌｅｄａｎｔｒｕｈａｘｍｐｅｏｖｄｎａｅｕｉｇＯｒｃｅｏｄ
基于ＯａｌＲｗｕ灵活运用的ＪＰ分页显示实例，明选择合适的开发工具并合理利用其有用特性将带来事半功倍的ｒｅｏｎｍｃＳ说
效果。
关键词：ｒｃ；ＲｗｕＪＰＯａｌｅｏｎｍ；Ｓ；分页显示
中图分类号：ＰｌＴ３１
文献标识码：Ａ
ＯａｌＲｗｕ的使用与ＪＰ分页显示的实现ｒｃｅｏｎｍＳ
徐越人
（江图书馆￣．＇浙ｌ】ｔ文献部，江杭州３００）－ｒ浙１０７
摘要：先对ＯａｌＲｗｕ首ｒｃｅ的ｏｎｍ使用的诸多技巧性问题进行探讨，然后介绍了ＪＰ分页显示的原理和基本方法，Ｓ最后通过
０引言
近年来，随着信息的全球化和国际互联网的普及化，电子商务成为互联网应用的最大热点，来越多越的企业通过使用电子商务技术来进行商业上的交易，
以降低成本。
业数据处理等领域使用日益广泛。
ＡｂｔａｔＦｒｔｓｒｃ：ｉｌｓｙ．ｓｍｅｔｃｎｃｌｋｏｈｗｏｅｈｉａｎｗ－ｏｂｕｓｎｆａｌｗｕｉｄｓｕｓｄｏｔｕｉｇｏｃｅＲｏｎｍｓｉｃｓｅ．ＴｅｐｉｃｐｅａｄｅｓｎｉｌｍｅｈｄｆＯｒｈｒｉｌｎｓｅｔｔｏｓｏｎａ

JS代码实现table数据分页效果

JS代码实现table数据分页效果第⼀个：实现的很常见很简单的显⽰页数翻页效果图：•这是HTML代码，很简单滴（我好像看到了被嫌弃的⼩眼神）<!DOCTYPE html><html><head lang="en"><meta charset="UTF-"><script src="js/jquery-...js"></script><script src="js/demo.js"></script><link rel="stylesheet" href="js/demo.css"/><title></title></head><body><table width="" border=""><thead><tr><th>姓名</th><th>性别</th><th>编号</th><th>年龄</th></tr></thead><tbody><tr><td>张三</td><td>男</td><td></td><td></td></tr><tr><td>tom</td><td>男</td><td></td><td></td></tr><tr><td>李四</td><td>男</td><td></td><td></td></tr><tr><td>⼆蛋</td><td>男</td><td></td><td></td></tr><tr><td>⼆丫</td><td>⼥</td><td></td><td></td></tr></tbody></table></body></html>•下⾯就是JS代码了$(function(){var $table=$('table');//获取表格对象var currentPage=;//设置当前页默认值为var pageSize=;//设置每⼀页要显⽰的数⽬$table.bind('paging', function () {$table.find('tbody tr').hide().slice(currentPage*pageSize,(currentPage+)*pageSize).show();//先将tbody中所有的⾏隐藏，再通过slice结合当前页数和页⾯显⽰的数⽬展现数据});var sumRows=$table.find('tbody tr').length;//获取数据总⾏数var sumPages=Math.ceil(sumRows/pageSize);//得到总页数var $pager=$('<div class="page"></div>');for(var pageIndex=;pageIndex<sumPages;pageIndex++){$('<a href="#"><span>'+(pageIndex+)+'</span></a>').bind("click",{"newPage":pageIndex},function(event){ currentPage=event.data["newPage"];$table.trigger("paging");//为每⼀个要显⽰的页数上添加触发分页函数}).appendTo($pager);$pager.append(" ");}$pager.insertAfter($table);$table.trigger("paging");});第⼆个：实现前进页和后退页效果图：•这是全部代码，⽤得原⽣JS，依然还是很简单滴（好像对原⽣js有种莫名的喜爱，有⽊有）<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-" /><title>table分页</title></head><body><style type="text/css">.tablebox{border:solid px #ddd;}.tablebox td{text-align:center;border:solid px #ddd;padding:px;}</style><div style="width:px;margin: auto;"><table class="tablebox" width="" border="" cellpadding="" cellspacing=""><tbody id="table"><tr><td></td><td> </td><td> </td><td> </td><td> </td></tr><tr><td></td><td> </td><td> </td><td> </td><td> </td></tr><tr><td></td><td> </td><td> </td><td> </td><td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td></td><td> </td> <td> </td> <td> </td> <td> </td><td> </td><td> </td><td> </td><td> </td></tr></tbody></table><div style="height:px;margin:px ;"><span id="spanFirst">第⼀页</span><span id="spanPre">上⼀页</span><span id="spanNext">下⼀页</span><span id="spanLast">最后⼀页</span>第<span id="spanPageNum"></span>页/共<span id="spanTotalPage"></span>页</div></div><script type="text/javascript">var theTable = document.getElementById("table");var totalPage = document.getElementById("spanTotalPage"); var pageNum = document.getElementById("spanPageNum"); var spanPre = document.getElementById("spanPre");var spanNext = document.getElementById("spanNext");var spanFirst = document.getElementById("spanFirst");var spanLast = document.getElementById("spanLast");var numberRowsInTable = theTable.rows.length;var pageSize = ;var page = ;//下⼀页function next() {hideTable();currentRow = pageSize * page;maxRow = currentRow + pageSize;if ( maxRow > numberRowsInTable )maxRow = numberRowsInTable;for ( var i = currentRow; i< maxRow; i++ ) {theTable.rows[i].style.display = '';}page++;if ( maxRow == numberRowsInTable ){nextText();lastText();}showPage();preLink();firstLink();}//上⼀页function pre() {hideTable();page--;currentRow = pageSize * page;maxRow = currentRow - pageSize;if ( currentRow > numberRowsInTable )currentRow = numberRowsInTable;for ( var i = maxRow; i< currentRow; i++ ) {theTable.rows[i].style.display = '';}if ( maxRow == ) {preText();firstText();}showPage();nextLink();lastLink();}//第⼀页function first() {hideTable();page = ;for ( var i = ; i<pageSize; i++ ) {theTable.rows[i].style.display = '';}showPage();preText();}//最后⼀页function last() {hideTable();page = pageCount();currentRow = pageSize * (page - );for ( var i = currentRow; i<numberRowsInTable; i++ ) {theTable.rows[i].style.display = '';}showPage();preLink();nextText();firstLink();}function hideTable() {for ( var i = ; i<numberRowsInTable; i++ ) {theTable.rows[i].style.display = 'none';}}function showPage() {pageNum.innerHTML = page;}//总共页数function pageCount() {var count = ;if ( numberRowsInTable%pageSize != ) count = ;return parseInt(numberRowsInTable/pageSize) + count;}//显⽰链接function preLink() { spanPre.innerHTML = "<a href='javascript:pre();'>上⼀页</a>"; }function preText() { spanPre.innerHTML = "上⼀页"; }function nextLink() { spanNext.innerHTML = "<a href='javascript:next();'>下⼀页</a>"; }function nextText() { spanNext.innerHTML = "下⼀页"; }function firstLink() { spanFirst.innerHTML = "<a href='javascript:first();'>第⼀页</a>"; }function firstText() { spanFirst.innerHTML = "第⼀页"; }function lastLink() { spanLast.innerHTML = "<a href='javascript:last();'>最后⼀页</a>"; }function lastText() { spanLast.innerHTML = "最后⼀页"; }//隐藏表格function hide() {for ( var i = pageSize; i<numberRowsInTable; i++ ) {theTable.rows[i].style.display = 'none';}totalPage.innerHTML = pageCount();pageNum.innerHTML = '';nextLink();lastLink();}hide();</script></body></html>以上内容是⼩编给⼤家介绍的JS代码实现table数据分页效果，希望对⼤家有所帮助，如果⼤家还有任何问题欢迎给我留⾔，⼩编会及时回复⼤家的，在此也⾮常感谢⼤家对⽹站的⽀持！。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

<%@ page contentType="text/html; charset=gb2312" %>
<%@ page language="java" import="java.sql.*" %>
/**
* 华夏课程设计西西~~
*/
<html>
<head>
<title>JSP连接SQL数据库实现数据分页显示</title>
</head>
<body>
<h1 align="center">JSP连接SQL数据库实现数据分页显示</h1>
<%
try
{//建立JDBC-ODBC桥驱动程序,用到ng包中的类Class,调用其方法forName(). Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
}
catch(ClassNotFoundException e){}
try
{//创建连接对象con,它属于Connection类,然后用类DriverManager调用
getConnection().
Connection con=DriverManager.getConnection("jdbc:odbc:stu");
Statement stmt=con.createStatement
(ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY);//创建SQL语
句对象.
ResultSet rs=stmt.executeQuery("SELECT* FROM stuInfo");//执行SQL语句并返回结果.
int pageSize;//一页显示的记录数
int totalItem;//记录总数
int totalPage;//总页数
int curPage;//待显示页码
String strPage;
int i;
pageSize=10;//设置一页显示的记录数
strPage=request.getParameter("page");//获得待显示页码
if(strPage==null)
{
curPage=1;
}
else
{
curPage=ng.Integer.parseInt(strPage);//将字符串转换成整形
}
if(curPage<1)
{
curPage=1;
}
st();//获取记录总数
totalItem=rs.getRow();
totalPage=(totalItem+pageSize-1)/pageSize;
if(curPage>totalPage) curPage=totalPage;//调整待显示的页码
if(totalPage>0)
{//将记录指针到待显示页的第一条记录上
rs.absolute((curPage-1)*pageSize+1);
}
i=0;
%>
<table border="1" align="center" bgcolor="#cccccc">
<tr>
<th width="50">学号</th>
<th width="50">姓名</th>
<th width="50">性别</th>
<th width="50">年龄</th>
<th width="50">系别</th>
</tr>
<%//显示数据
while(i<pageSize && !rs.isAfterLast())
{
%>
<tr>
<td><%=rs.getString(1)%></td> 
<td><%=rs.getString(2)%></td>
<td><%=rs.getString(3)%></td>
<td><%=rs.getInt(4)%></td>
<td><%=rs.getString(5)%></td>
</tr>
<%
rs.next();
i++;
}
rs.close();
stmt.close();
con.close();
%>
</table><p align="center">
共<%=totalItem%>个记录,分<%=totalPage%>页显示,当前页是:第<%=curPage%>页<br />
<%if(curPage>1){%><a href="page.jsp?page=1">首页</a><%}%>  
<%if(curPage>1){%><a href="page.jsp?page=<%=curPage-1%>">上一页</a>< %}%>  
<%
for(int j=1;j<=totalPage;j++)
{
out.print("  <a href='page.jsp?page="+j+"'>"+j+"</a>");
}
%>
  
<%if(curPage<totalPage){%><a href="page.jsp?page=<%=curPage+1%>">下一页</a><%}%>  
<%if(totalPage>1){%><a href="page.jsp?page=<%=totalPage%>">末页</a><%}%>
<%
}
catch(SQLException e1){out.println(e1);}
%>
</body>
</html>。