分页后,模糊查询 数据,分页显示结果数据

<%--
  Created by IntelliJ IDEA.
  User: ttc
  Date: 16-11-30
  Time: 上午10:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <title>Title</title>
    <script>
        function goPage() {
            var pageinput = document.getElementById("page");
            var pageno = pageinput.value;


            var reg = /^[1-9][0-9]?$/;
            if(!reg.test(pageno)){
                alert("只能输入1-2位的数字");
                return;
            }
            /*如果输入的页码大于等于总页数*/
            var totalPage = "${page_users.m_nTotalPageNum}";
            if(parseInt(pageno)>parseInt(totalPage)){
                alert("已经超过总页数");
                return;
            }
            window.location.href = "show_all_users_bypage.action?pageindex="+pageno;
        }

        function gotoPage(pageindex) {
            var queryForm = document.getElementById("queryForm");
            var hidder_input = document.getElementById("pageindex");
            hidder_input.value = pageindex;
            queryForm.submit();//提交表单

        }

    </script>
</head>
<body>
<form id = "queryForm" action="show_all_users_bypage.action" method="post">
    <%--当前页 --%>
    <input type="hidden" name = "pageindex" id = "pageindex">

    用户名:<input type="text" name = "username" value="${param["username"]}">
    <input type="submit" value="查询">
</form>


<table border='1'>
    <thead>
    <th>用户名</th>
    <th>年龄</th>
    <th>生日</th>
    <th>是否管理员</th>
    <th>操作</th>
    </thead>
    <tbody>
    <c:forEach items="${page_users.m_data}" var="user">
        <tr>
            <td>${user.strName}</td>
            <td>${user.nAge}</td>
            <td>${user.dBirthday}</td>
            <td>
                <c:if test="${user.nIsAdmin == 0}">否</c:if>
                <c:if test="${user.nIsAdmin == 1}">是</c:if>
            </td>
            <td><a href="update.action?id=${user.nID}">修改</a>|<a href="delete.action?id=${user.nID}">删除</a></td>
        </tr>
    </c:forEach>

    </tbody>
</table>
<p>
    <a href = "javascript:void(0)" οnclick="gotoPage(${page_users.m_nFirstPage})">首页</a>
    <a href = "javascript:void(0)" οnclick="gotoPage(${page_users.m_nPrePage})">上一页</a>
    <a href = "javascript:void(0)" οnclick="gotoPage(${page_users.m_nNextPage})">下一页</a>
    <a href = "javascript:void(0)" οnclick="gotoPage(${page_users.m_nTotalPageNum})">末页</a>



    当前第${page_users.m_nCurrPage}页/共${page_users.m_nTotalPageNum}页
    一共有${page_users.m_nTotalRecordNums}条记录 每页${page_users.m_nPageSize}条
    跳转到第<input type="text" id = "page" size="2" οnblur="goPage()">页
</p>
</body>
</html>

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值