分页的使用

最新推荐文章于 2022-04-01 15:31:24 发布

JackMaster_xh

最新推荐文章于 2022-04-01 15:31:24 发布

阅读量379

点赞数 1

分类专栏： SpringMVC

本文链接：https://blog.csdn.net/JackMaster_xh/article/details/78352141

版权

SpringMVC 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.添加页面的规范使用

<%--
  Created by IntelliJ IDEA.
  User: zhangxiaohu
  Date: 2017/8/11
  Time: 10:39
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--加上这段java代码 --%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<html>
<head>
    <title>欢迎</title>
    <script src="/resources/jquery/jquery-1.8.3.js"></script>
    <script type="text/javascript">

        $(function () {

            $("#houseName").blur(function() {
                $("#s2").empty();
                houseName=$(this).val();
                if(houseName==null||houseName==""){
                    $("#s2").html("房产名称不可为空！");
                }else {
                    $.ajax({
                        type:"post",
                        url:"${pageContext.request.contextPath }/house/selHouseByName.action",
                        data:{
                            houseName:houseName
                        },
                        dataType:"json",
                        success:function (data) {
                            if(data.flag==1){
                                alert("用户名可用！");
                            }else {
                                alert("用户名不可用，用户名不能重！");
                            }
                        },
                        error:function () {
                            alert("系统繁忙，请稍候再试！");
                        }
                    });

                }
            });
        });

    </script>
</head>
<body>
<p2>添加页面</p2><br/>
<form action="/house/addHouse.action" enctype="multipart/form-data" method="post">
房产名称: <input type="text" name="houseName" id="houseName" /><span id="s2"></span><br/>
房产图片 :<input type="file" name="file"/><br/>
房产单价 : <input type="text" name="housePrice" id="housePrice" /><br/>
房产面积 : <input type="text" name="houseArea" id="houseArea" /><br/>
所属户主 : <select name="personId">
    <option value="">请选择</option>
    <c:forEach items="${sessionScope.holderNameList}" var="customer">
        <option value="${customer.id}">${customer.holderName}</option>
    </c:forEach>
</select><br/>
    <input type="submit" value="注册"/>
</form>

</body>
</html>

2.项目的展示分页

<%--
  Created by IntelliJ IDEA.
  User: zhangxiaohu
  Date: 2017/8/11
  Time: 10:39
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f" %>
<%--加上这段java代码 --%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<html>
<head>
    <title>欢迎</title>
    <script src="/resources/jquery/jquery-1.8.3.js"></script>
    <script>
        function checkAll() {
            $("input[id='features2']").each(
                function () {
                    if($(this).prop("checked")){
                        $(this).removeAttr("checked");
                    }else {
                        $(this).prop("checked","true");
                    }
                });
        }

        function batchHouse() {
            var checkedNum = $("input[name='features']:checked").length;
            if(checkedNum == 0) {
                alert("请选择至少一项！");
                return;
            }
            if(confirm("确定要删除所选项目？")) {
                var checkedList=[];
                $("input[name='features']:checked").each(function () {
                    checkedList.push($(this).val());
                });
                ids=checkedList.toString();
                $.ajax({
                    type:"post",
                    url:"/house/delBatchHouse.action",
                    data:{
                        ids:ids
                    },
                    dataType:"json",
                    success:function (data) {
                        alert(data.flag);
                        location.href="/house/findAllHouse.action";
                    },
                    error:function () {
                        alert("出现错误，稍后再试！");
                    }
                });
            }
        }

    function person() {
    var personId=$("#personId").val();
        $.ajax({
            type:"post",
            url:"/house/findPerson.action",
            data:{
                holderName:personId
            },
            dataType:"json",
            success:function (data) {
                    alert(data.flag2);
                    location.href="/house/fuzzyHouseAll.action";
            },
            error:function () {
                alert("出现错误，稍后再试！");
            }
        });
    }
    </script>
</head>
<body>
<p2>展示页面</p2><br/>

<form action="/house/findHouseAll.action" method="post">
    模糊查询房产名：<input type="text" name="houseName"/>
    <input type="submit" value="搜索"/>
</form>    
<a href="/house/selHolder.action">添加房屋信息</a>
<input type="button" value="全选/全不选" id="hide" οnclick="checkAll()"/>
<input type="button" value="批量删除" οnclick="batchHouse()"/>    
根据户主名查询：<select name="personId" id="personId" οnchange="person()">
    <option value="">请选择</option>
    <c:forEach items="${sessionScope.holderNameList}" var="customer">
        <option value="${customer.holderName}">${customer.holderName}</option>
    </c:forEach>
</select><br/>
<table border="1">
    <tr>
        <td>复选框</td>
        <td>房产id</td>
        <td>房产名称</td>
        <td>房产图片</td>
        <td>房产面积</td>
        <td>房产单价</td>
        <td>房产总价</td>
        <td>所属户主</td>
        <td>购买日期</td>
        <td>操作</td>
    </tr>
    <c:forEach items="${houseList}" var="house">
        <tr>
            <td> <input type="checkbox" id="features2" name="features" value="${house.id}"/></td>
            <td> ${house.id}</td>
            <td>${house.houseName}</td>
            <td><img src="${house.houseImg}"/></td>
            <td>${house.houseArea}</td>
            <td>${house.housePrice}</td>
            <td>${house.houseTotal}</td>
            <td>${house.holderName}</td>
            <td><f:formatDate value="${house.buyDate }" pattern="yyyy-MM-dd HH:mm:ss"/></td>
            <td>
                <a href="/house/selHouseById.action?id=${house.id}">修改</a>
                <a href="/house/delHouse.action?id=${house.id}">删除</a>
            </td>
        </tr>
    </c:forEach>
</table>    <br/>
<form action="/house/findHouseAll.action" method="post">
    输入起始页：<input type="text" name="begin"/>
     输入每页的条数： <input type="text" name="pageSize"/><br/>
    <input type="submit" value="查询"/>
</form>
</body>
</html>

JackMaster_xh

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分页的使用

1.添加页面的规范使用<%-- Created by IntelliJ IDEA. User: zhangxiaohu Date: 2017/8/11 Time: 10:39 To change this template use File | Settings | File Templates.--%><% String path = request.
复制链接

扫一扫