读书人

JSP中兑现像Google和百度一样的分页效

发布时间: 2012-10-12 10:17:04 作者: rapoo

JSP中实现像Google和百度一样的分页效果

百度和Google的分页效果非常好,本文就介绍了具体的实现效果。像百度一样的jsp分页效果,像goolge一样的分页效果! 根据设定参数一次取一页记录内容显示处:

<%@ 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>
??????? <!--
??????????? body{
??????????????? .p{
??????????????????? PADDING-LEFT: 18px; FONT-SIZE: 14px; WORD-SPACING: 4px
??????????????? }
??????????? }
??????? -->
??????? </style>
??? </head>

??? <body>
??????? <div + 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>

读书人网 >JavaScript

热点推荐