jsp页面分页逻辑

来源：互联网发布：滴定度的浓度算法编辑：程序博客网时间：2024/05/21 17:35

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</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">

<link rel="stylesheet" href="css/bootstrap.css" />

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){

     /* 全选按钮 */
        $("#all").click(function(){
                       $("input[type='checkbox']:gt(0)").prop("checked",$(this).prop("checked"));
                     })
                var array=new Array();
                      /* 下载 */
               $("#delete").click(function(){

        $("input[type='checkbox']:gt(0):checked").each(function(){
                       array.push($(this).val());
                         });
            alert(array);
            $.post("${pageContext.request.contextPath}/person/download",{"array":array},function(a)
       {
            alert("下载成功");
       })
     });



    });

</script>
</head>

<body>
<div class="page-header">
<h1>信息表展示 <small>Subtext for header</small></h1>
</div>
<div class="row">
<div class="col-md-9 col-md-offset-1">

   <form action="${pageContext.request.contextPath}/person/selectpersion">
    <div class="col-md-10 col-md-offset-2">
    <button type="submit" class="btn btn-primary">查询</button>
用户名：<input type="text" name="name" id="name">　　　电话：<input type="text" name="phoneNumber" >
   </div>
   </form>


   <div class="col-md-1 col-md-offset-10">
   <button>上传</button>
   <button id="delete">下载</button>
   <a class="btn btn-primary" href="${pageContext.request.contextPath}/addpersion.jsp">添加联系人</a></div>

   </div>
   <div class="col-md-8 col-md-offset-2">
   <table class="table table-striped table-bordered table-hover table-condensed">
       <tr>
       <td><input type="checkbox" id="all"></td>
        <td>姓名</td>
         <td>电话</td>
          <td>生日</td>
           <td>地址</td>
            <td>头像</td>
             <td>操作</td>

       </tr>

          <c:forEach items="${pageHelper.list}" var="person">
         <tr>
         <td><input type="checkbox" value="${person.id}"></td>
        <td>${person.name}</td>
         <td>${person.phoneNumber}</td>
          <td>
          <fmt:formatDate value='${person.birthday}' pattern='yyyy-MM-dd HH:mm:ss'/>
          </td>
           <td>${person.address}</td>
            <td>

            <img src="${person.photograph}" style='height: 35px;width: 35px'></td>

              <td><a>删除</a>
                  <a>修改</a>
              </td>
       </tr>
       </c:forEach>

</table>
   　　　　　　　　　　　　共<span>${pageHelper.total}条　　　　当前显示</span><span>第${pageHelper.pageNum}页</span>　　
    <c:if test="${name!=null || phoneNumber!=null}">
    <a href="person/selectpersion?pageNo=${pageHelper.firstPage}&pageSize=${pageHelper.pageSize}&name=${name}&phoneNumber=${phoneNumber}" >首页</a>　　　

    <c:if test="${pageHelper.isFirstPage == true}">
        <a href="person/selectpersion?pageNo=${pageHelper.firstPage}&pageSize=${pageHelper.pageSize}&name=${name}&phoneNumber=${phoneNumber}" >上一页</a>　　　　
</c:if>
     <c:if test="${pageHelper.isFirstPage != true}">
        <a href="person/selectpersion?pageNo=${pageHelper.prePage}&pageSize=${pageHelper.pageSize}&name=${name}&phoneNumber=${phoneNumber}">上一页</a>
</c:if>

<c:if test="${pageHelper.isLastPage == true}">
        <a href="person/selectpersion?pageNo=${pageHelper.lastPage}&pageSize=${pageHelper.pageSize}&name=${name}&phoneNumber=${phoneNumber}">下一页</a>
</c:if>
   <c:if test="${pageHelper.isLastPage != true}">
        <a href="person/selectpersion?pageNo=${pageHelper.nextPage}&pageSize=${pageHelper.pageSize}&name=${name}&phoneNumber=${phoneNumber}">下一页</a>
</c:if>
        <a href="person/selectpersion?pageNo=${pageHelper.lastPage}&pageSize=${pageHelper.pageSize}&name=${name}&phoneNumber=${phoneNumber}">　　　　　尾页</a>
        </c:if>


        
         <c:if test="${name==null || phoneNumber==null}">

         <a href="person/selectpersion?pageNo=${pageHelper.firstPage}&pageSize=${pageHelper.pageSize}" >首页</a>

    <c:if test="${pageHelper.isFirstPage == true}">
        <a href="person/selectpersion?pageNo=${pageHelper.firstPage}&pageSize=${pageHelper.pageSize}" >上一页</a>　　　　
</c:if>
     <c:if test="${pageHelper.isFirstPage != true}">
        <a href="person/selectpersion?pageNo=${pageHelper.prePage}&pageSize=${pageHelper.pageSize}">上一页</a>
</c:if>

   <c:if test="${pageHelper.isLastPage == true}">
        <a href="person/selectpersion?pageNo=${pageHelper.lastPage}&pageSize=${pageHelper.pageSize}">下一页</a>
</c:if>
   <c:if test="${pageHelper.isLastPage != true}">
        <a href="person/selectpersion?pageNo=${pageHelper.nextPage}&pageSize=${pageHelper.pageSize}">下一页</a>
</c:if>
        <a href="person/selectpersion?pageNo=${pageHelper.lastPage}&pageSize=${pageHelper.pageSize}">　　　　　尾页</a>
         </c:if>
     </div>
     </div>
</body>
</html>

阅读全文

0 0