第18章 JSP页面分页技术实现

合集下载

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技术简介

第1章JSP技术简介JSP（Java Server Pages）技术是由Sun公司发布的用于开发动态Web应用的一项技术。

它以其简单易学、跨平台的特性，在众多动态Web应用程序设计语言中异军突起，在短短几年中已经形成了一套完整的规范，并广泛地应用于电子商务等各个领域中。

在国内，JSP 现在也得到了比较广泛的重视，得到了很好的发展，越来越多的动态网站开始采用JSP技术。

本章就对JSP及其相关技术进行简单的介绍。

1.1 认识HTTP协议HTTP协议（Hypertext Transfer Protocol，超文本传送协议）是WWW服务器使用的主要协议，对HTTP协议细节的基本理解是编写JSP或Java小程序的开发人员所必需的。

因此在学习JSP技术之前有必要更加仔细地研究一下HTTP消息的格式（这里的讨论源自HTTP／1.1协议规范。

参见规范2616，网址为/rfc/rfc2616.txt）。

HTTP 协议的关键部分有HTTP请求和HTTP响应，以及客户端Web程序设计的一些基础知识，在第4章4.4节将会具体介绍。

1.2 客户端Web程序设计介绍Web浏览器现已成为深受大多数用户喜爱的用户界面。

HTML语言提供了丰富的控件，第三方厂商提供了Visual Basic编写的数百个额外的控件，这些都使得Web浏览器独具特色。

虽然Web浏览器与传统的GUI界面有一定的差距，但它提供了一种独立而又简单的方法来访问分布式资源，尤其是Internet资源。

而且越来越多的客户端Web程序扩展技术变得更加成熟，出现了包括CSS、JavaScript、VBScript、动态HTML、Java1.1.Applet应用程序等技术在内的客户端Web程序设计技术，它们的相互结合使得Web程序更加迷人。

下面简单介绍几种常用的客户端Web程序设计技术的特点。

本书假定读者对这些技术都有一定的了解，不对这些技术作详细介绍。

1.2.1 CSSCSS（Cascading Style Sheets）称为层叠样式表，是动态HTML技术的一个部分，但可以和HTML结合使用。

java分页实现原理

java分页实现原理Java分页实现原理在开发Web应用程序时，经常需要对大量数据进行分页展示，以提高用户体验和系统性能。

Java提供了多种方法来实现分页功能，本文将介绍一种常用的实现原理。

一、分页的概念和作用分页是将大量数据按照一定的规则分成若干页进行展示的一种技术。

在Web应用程序中，分页可以有效地减少单个页面的数据量，提高页面加载速度，同时也方便用户进行数据浏览和导航。

二、基本原理Java分页的基本原理是通过查询数据库获取数据，并根据每页显示的数量和当前页码来划分数据，然后将划分后的数据进行展示。

下面是具体的实现步骤：1. 获取总记录数：首先需要查询数据库获取数据的总记录数，以便计算总页数。

2. 计算总页数：根据总记录数和每页显示的数量，可以计算出总页数。

总页数 = 总记录数 / 每页显示的数量（向上取整）。

3. 获取当前页数据：根据当前页码和每页显示的数量，计算出数据的起始位置和结束位置，然后查询数据库获取当前页的数据。

4. 展示数据：将获取到的当前页数据进行展示，可以通过列表、表格等方式展示数据。

5. 分页导航：在页面底部显示分页导航条，包括首页、上一页、下一页、末页等按钮，用户可以通过点击按钮来切换页码。

6. 数据校验：在获取当前页数据之前，需要对页码进行校验，确保页码不超出总页数的范围。

三、关键代码示例下面是一个简单的Java代码示例，用于实现基本的分页功能：```java// 查询总记录数int totalRecords = dao.getTotalRecords();// 计算总页数int pageSize = 10; // 每页显示10条数据int totalPages = (int) Math.ceil((double) totalRecords / pageSize);// 校验页码int currentPage = 1; // 当前页码if (currentPage < 1) {currentPage = 1;} else if (currentPage > totalPages) {currentPage = totalPages;}// 计算起始位置和结束位置int startIndex = (currentPage - 1) * pageSize;int endIndex = startIndex + pageSize;// 查询当前页数据List<Data> dataList = dao.getDataList(startIndex, endIndex);// 展示数据for (Data data : dataList) {// 展示数据的代码}// 分页导航String navigation = generateNavigation(currentPage, totalPages);// 展示分页导航的代码```以上代码中，`dao`代表数据访问对象，`Data`代表数据实体类。

jsp中用list分页

分页器原理

分页器原理分页器是指在网页或文档中用来分隔内容并进行分页显示的工具。

在实际应用中，分页器常常被用于对大量内容进行分页显示，以便用户能够更加方便地浏览和阅读。

在本文中，我们将深入探讨分页器的原理及其实现方式。

分页器的原理主要包括以下几个方面，分页算法、页面跳转和用户交互。

首先，我们来看分页算法。

分页算法是指根据一定的规则将大量内容进行分页显示的算法。

常见的分页算法包括基于数据库查询的分页、基于数据集合的分页等。

其中，基于数据库查询的分页是指在数据库中进行数据查询时，通过限制每次查询的数据量和偏移量来实现分页显示；而基于数据集合的分页是指在内存中对数据集合进行分页处理。

通过合理的分页算法，可以有效地将大量内容进行分页显示，提高用户体验。

其次，页面跳转是分页器的重要功能之一。

页面跳转是指用户在浏览内容时，通过点击分页器上的页码或上一页、下一页按钮来实现页面之间的切换。

在实现页面跳转时，需要考虑当前页面的位置、总页数以及用户的操作，以确保用户能够方便地进行页面切换，并且能够清晰地了解当前所处的位置。

最后，用户交互也是分页器的重要组成部分。

用户交互是指用户与分页器之间的交互操作，包括点击、滑动、拖拽等。

通过良好的用户交互设计，可以提高用户对分页器的使用体验，使用户能够更加方便地进行页面切换和浏览内容。

在实际应用中，分页器的实现方式多种多样。

常见的分页器实现方式包括基于前端框架的分页器组件、基于后端模板引擎的分页器渲染、以及基于第三方库的分页器插件等。

这些实现方式都是围绕分页器的原理展开的，通过合理的设计和开发，来实现对大量内容的分页显示。

总的来说，分页器作为一种常见的分页工具，其原理涉及分页算法、页面跳转和用户交互等方面。

通过合理的设计和实现，可以有效地对大量内容进行分页显示，提高用户体验。

希望本文能够帮助读者更加深入地了解分页器的原理及其实现方式，从而在实际开发中能够更加灵活地运用分页器，提升产品的用户体验。

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课程各章节选择题答案解析第⼀章1)如果做动态⽹站开发，以下（）可以作为服务器端脚本语⾔。

A．HTML B．JSP C．JavaScript D．Java2)在设计Web项⽬的⽬录结构时，⼀般吧JSP 和HTML⽂件放在（）下。

A．src⽬录B．⽂档根⽬录或其⼦⽂件下C．META-INT⽬录D．WEB-INF⽬录3)在Web项⽬的⽬录结构中，web.xml⽂件位于（）中。

A．src⽬录B．⽂档根⽬录C．META-INF⽬录D．WEB-INF⽬录4)下⾯对于B/S架构与C/S架构的描述错误的是（）。

A．B/S架构解决了C/S架构的弊端，因⽽在程序开发中将会逐步取代C/S架构B．B/S机构是基于internet⽹络实现的，使得⽤户访问的范围扩⼤C．C/S架构师基于局域⽹实现的，当程序发⽣改的后，需要对每⼀个客户端进⾏维护D．C/S可以设计出丰富的界⾯，⽽B/S 则相对处于劣势5)以下选项中（）是正确的URL，（选两项）A．/doc/69c0f9a1f71fb7360b4c2e3f5727a5e9856a270d.html /talk/talk1.htmB．ftp:///doc/69c0f9a1f71fb7360b4c2e3f5727a5e9856a270d.htmlC．/doc/69c0f9a1f71fb7360b4c2e3f5727a5e9856a270d.html D．/news/welcome.html第⼆章6)在某个JSP页⾯中存在这样⼀⾏代码，<%= “2” + “4” %> 运⾏该JSP后，以下说法正确的是（）。

A．这⾏代码没有对应的输出B．这⾏代码对应的输出时6C．这⾏代码对应的输出时24 D．这⾏代码将引发错误7)与page指令<%@ page import= “java.util.*, java.text.* “ %> 等价的是（）。

A．<%@ page import= “java.util.* %><%@ page import= “java.text.* “ %>B．<%@ page import= “java.util.*”, import= “java.text.* “ %>C．<%@ page import= “java.util.* “; %><%@ page import= “java.text.* “; %>D．<%@ page import= “java.util.* ; java.text.* “ %>8)下列选项中，（）是正确的表达式。

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

• • • • • • • • • • • • • • • • • •
//连接数据库 //localhost/netshop为数据库，user为root,password为123456 sqlCon= java.sql.DriverManager.getConnection("jdbc:mysql://localhost/netshop?user=root &password=123456"); //创建语句对象 sqlStmt = sqlCon.createStatement(java.sql.ResultSet.TYPE_SCROLL_INSENSITIVE,java.sql.Res ultSet.CONCUR_READ_ONLY); //创建查询语句 strSQL = "select * from userinfo"; //执行SQL语句并获取结果集 sqlRst = sqlStmt.executeQuery(strSQL); //获取记录总数 st(); intRowCount = sqlRst.getRow(); //记算总页数 intPageCount = (intRowCount+intPageSize-1) / intPageSize; //调整待显示的页码 if(intPage>intPageCount) intPage = intPageCount; %>
本章目标:
● ● ● ● ● ● 分页技术设计思路在JSP页面中直接分页在Servlet中实现分页结合JavaBean实现分页万能的分页技术实现根据不同的数据库实现分页技术
18.1分页技术设计思路分页技术设计思路
• JSP开发中，实现分页的方法有很多种，每种方法都有其特点，也有其缺点。 • 在JSP页面中直接分页。这种方法将分页代码统一编写在JSP页面中，开发比较简单，但在页面比较多的时候，维护比较复杂。 • 在Servlet中实现分页。这种方法采用JSP+Servlet进行开发，页面显示代码和控制代码相分离。 • 在JavaBean中实现分页。这种方法采用JSP+JavaBean进行开发，页面显示代码和业务逻辑代码相分离。 • 万能分页技术。一般分页时需要考虑具体的数据表的读写以及显示，采用万能分页技术，可以对任意的表进行分页。 • 结合不同的数据库实现分页。上述4种分页方法都是基于 ResultSet里的数据来进行分页。存在性能和资源占用等问题。结合不同的数据库的特点和功能，可以设计出性能良好，占用资源较少的分页程序。
• public class UserListServlet extends javax.servlet.http.HttpServlet implements • javax.servlet.Servlet { • • public UserListServlet() { • super(); • } • • protected void doGet(HttpServletRequest request, • HttpServletResponse response) throws ServletException, IOException { • • response.setHeader("Pragma", "No-cache"); • response.setHeader("Cache-Control", "no-cache"); • response.setDateHeader("Expires", 0);
18.2在JSP页面中直接分页
• 实现分页的最简单、也最直接的方式，是直接在显示结果集的JSP页面中嵌入进行分页处理的Java代码。 • 要点： • 显示maxRows条数据 • 通过“下一页”按钮或超链再次调用刚才的servlet查询下一maxRows 的数据 • 下面的例子说明如何用这种方式实现一个记录集的分页。该例子使用的表为用户表userinfo，表结构在第17章做了介绍，如表17-1所示。 • （1）新建一个文件page.jsp，在page.jsp文件的文本编辑区中输入以下代码。 • <%@ page contentType="text/html;charset=gb2312" %> • • <% • java.sql.Connection sqlCon; //数据库连接对象 • java.sql.Statement sqlStmt; //SQL语句对象 • java.sql.ResultSet sqlRst; //结果集对象 •
• • 显示的记录数 intPageSize = 5; //取得待显示页码 strPage = request.getParameter("page"); if(strPage==null){ //表明在QueryString中没有page这一个参数，此时显示第一页数据 intPage = 1; } else { //将字符串转换成整型 intPage = ng.Integer.parseInt(strPage); if(intPage<1) intPage = 1; } //装载JDBC驱动程序 Class.forName("com.mysql.jdbc.Driver").newInstance();
• • • • • • • • • • • • • • • • • • • •
<% if(intPageCount>0) { //将记录指针定位到待显示页的第一条记录上 sqlRst.absolute((intPage-1) * intPageSize + 1); //显示数据 i = 0; while(i<intPageSize && !sqlRst.isAfterLast()){ %> <tr> <td> <%= sqlRst.getString(2) %> </td> <td> <%= sqlRst.getString(3) %> </td> <td> <%= sqlRst.getString(4) %> </td> </tr> <% sqlRst.next(); i++; } } %> </table></center><br>
• • • • • • • • • • • • • • • • • •
<center> 第<%=intPage%>页共<%=intPageCount%>页 <% //以下是分页的“上一页”“下一页”，有上一页就有链接，没有就为文字，下一页同理 %> <% if(intPage>1){ %> <a href="page.jsp?page=<%=intPage-1%>">上一页</a> <% }else{ %> 上一页 <%}%> <% if(intPage<intPageCount){ %> <a href="page.jsp?page=<%=intPage+1%>">下一页</a> <% }else{ %> 下一页 <%}%> <center> </body>
• • • • • • • • • •
</html> <% //关闭结果集 sqlRst.close(); //关闭SQL语句对象 sqlStmt.close(); //关闭数据库 sqlCon.close(); %> 这种方式的优点显而易见，直观、结构简单、易于理解，并且比较灵活，可以自由地根据不同的实际情况指定一个页面中最多显示的记录数。 • 缺点同样明显，这种方式只适合对单一的或极少量的结果集进行分页，实现分页的代码不能够被重用，需要为每一个结果集的显示写入实现分页的代码段。 • 因此，这种方式不适宜用来实现数据量大、数据表多的结果集的分页显示。
• • • • • • • • • • • •
import java.io.IOException; import java.util.Collection; import javax.servlet.ServletException; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import ch18.JavaBean.DB_User; /** * 用户列表分页显示UserListServlet类 */
• • • • • • • • • • • • • • • • • • • •
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>数据分页显示</title> </head> <body> <center><table border=1 cellspacing=0 cellpadding=0> <tr> <td align=center width=100% colspan=5 bgcolor=#3399ff> <font color=#ffffff>成员列表</font> </td> </tr> <tr> <th>登录名称</th> <th>登录密码</th> <th>电子邮件</th> </tr>