JSP实现百度谷歌分页页码功能源代码_chrome手机版看源代码资源-CSDN文库

共1个文件

jsp：1个

JSP分页

分页代码

百度分页

谷歌分页

4星 · 超过85%的资源需积分: 9 59 浏览量 2007-10-06 23:45:12 上传评论 9 收藏 2KB RAR 举报

在网页开发中，分页是一种常见的用户界面设计，它用于将大量数据分割成多个小块，以便用户可以方便地浏览和导航。本示例聚焦于使用JSP（Java Server Pages）来实现类似百度和谷歌的分页功能。下面将详细解释如何通过JSP来创建这种功能，以及涉及到的关键知识点。我们要理解JSP的基础。JSP是一种基于Java的服务器端脚本语言，用于生成动态Web内容。它允许开发者在HTML或XML文档中嵌入Java代码，这样在服务器端处理数据并在客户端呈现结果。在实现分页功能时，我们需要考虑以下几个关键点： 1. **数据查询**：通常，我们会从数据库中获取数据，并根据每页显示的数据量进行分组。这通常涉及到SQL的LIMIT和OFFSET子句，以限制返回的记录数。 2. **计算总页数**：根据数据总量和每页显示的条目数，我们可以计算出总页数。例如，如果总共有100条记录，每页显示10条，那么总页数就是10。 3. **当前页处理**：用户可能通过点击链接或输入页码来访问特定页。我们需要处理这些请求，确保正确显示当前页的内容。 4. **生成页码链接**：在页面上展示页码链接，如“首页”、“上一页”、“下一页”和页码数字，让用户可以轻松导航。 5. **URL参数**：在URL中添加一个参数，如`page=1`，来传递当前页码信息。这将用于服务器端的分页逻辑。 6. **JSP标签库**：为了简化代码和提高可读性，可以使用JSP标准标签库（JSTL）或者自定义标签。例如，`<c:forEach>`可以用来迭代页码，`<c:url>`可以构建带有参数的URL。在提供的`page.jsp`文件中，可能会包含以下代码片段： - 使用`<jsp:useBean>`和`<jsp:setProperty>`来创建和初始化一个Java Bean，这个Bean将负责与数据库交互并管理分页参数。 - SQL查询语句，使用`<sql:query>`标签（如果使用JSTL的SQL标签库）或者通过Java代码执行。 - 使用`<c:forEach>`循环遍历页码，生成HTML链接。 - 在页面中显示数据，可能使用`<c:out>`或EL表达式（Expression Language）来渲染从Bean获取的数据。请注意，实际的`page.jsp`代码可能还会包含错误处理、样式调整以及其他优化，以提供更好的用户体验。 JSP实现的分页功能结合了数据库操作、服务器端逻辑和客户端呈现。通过理解和应用上述知识点，你可以创建一个高效且易于维护的分页系统，使得大量数据的呈现变得有序且用户友好。如果你对此有更深入的兴趣，建议进一步学习JSP、Servlet、Java Bean、JSTL和数据库查询等相关技术。同时，参与博客讨论或在线社区可以获取更多实践经验和技巧。

资源推荐

资源详情

资源评论

收起资源包目录

page.rar （1个子文件）

page.jsp 4KB

<%@ page language="java" pageEncoding="GB2312"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>仿BAIDU & GOOGLE 分页页码显示格式</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <style>  </style> </head> <body> <div class="p"> <% //转载请保留以下信息，谢谢！ //by tolys //本文出处： http://blog.csdn.net/tolys/archive/2007/10/06/1813197.aspx int pagesize = 10;//每页显示记录数 int liststep = 20;//最多显示分页页数 int pages = 1;//默认显示第一页 if (request.getParameter("pages") != null) ...{ pages = Integer.parseInt(request.getParameter("pages"));//分页页码变量 } //sql="select count(*) from table";//取出记录总数,把*换成记录名性能更加 int count = 305;//假设取出记录总数 int pagescount = (int) Math.ceil((double) count / pagesize);//求总页数，ceil（num）取整不小于num if (pagescount < pages) ...{ pages = pagescount;//如果分页变量大总页数，则将分页变量设计为总页数 } if (pages < 1) ...{ pages = 1;//如果分页变量小于１,则将分页变量设为１ } int listbegin = (pages - (int) Math.ceil((double) liststep / 2));//从第几页开始显示分页信息 if (listbegin < 1) ...{ listbegin = 1; } int listend = pages + liststep/2;//分页信息显示到第几页 if (listend > pagescount) ...{ listend = pagescount + 1; } //显示数据部分 int recordbegin = (pages - 1) * pagesize;//起始记录 int recordend = 0; recordend = recordbegin + pagesize; //最后一页记录显示处理 if (pages == pagescount) ...{ recordend = (int) (recordbegin + pagesize * (count % pagesize) * 0.1); } //Connection conn = null;//要测试显示数据请自己链接数据库 //PreparedStatement stmt = null; //String strSql = "select * from usertable limit recordbegin,pagesize";//取出分页记录,SQL因数据库而异！ //stmt = conn.prepareStatement(strSql); //ResultSet rs = stmt.executeQuery(); //while(rs.next())){ // response.getWriter().println(""+rs.getString("userId")+"<br>");//显示取出的数据 //} for (int i = recordbegin; i < recordend; i++) ...{ response.getWriter().println("record " + i + "<br>"); } //显示数据部分 //<显示分页信息 //<显示上一页 if (pages > 1) ...{ response.getWriter().println( "<a href=?pages=" + (pages - 1) + ">上一页</a>"); }//>显示上一页 //<显示分页码 for (int i = listbegin; i < listend; i++) ...{ if (i != pages) ...{//如果i不等于当前页 response.getWriter().println( "<a href=?pages=" + i + ">[" + i + "]</a>"); } else ...{ response.getWriter().println("[" + i + "]"); } }//显示分页码> //<显示下一页 if (pages != pagescount) ...{ response.getWriter().println( "<a href=?pages=" + (pages + 1) + ">下一页</a>"); }//>显示下一页 //>显示分页信息 %> </div> </body> </html>

评论收藏

内容反馈