zoukankan      html  css  js  c++  java
  • SpringMVC高级参数绑定(数组和List)

    本节内容:

    • 参数绑定之数组
    • 将表单的数据绑定到List

    复制下上篇博客中的工程,作为今天开发的工程。

    一、参数绑定之数组

    1. 需求

    在商品列表页面选中多个商品,然后删除。

    2. 需求分析

    功能要求商品列表页面中的每个商品前有一个checkbok,选中多个商品后点击删除按钮把商品id传递给Controller,根据商品id删除商品信息。

    3. 修改jsp文件

    修改itemList.jsp页面,增加多选框,提交url是queryItem.action。

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>查询商品列表</title>
    </head>
    <body>
    	<form action="${pageContext.request.contextPath }/deleteItem.action" method="post">
    		查询条件:
    		<table width="100%" border=1>
    			<tr>
    				<td>商品id<input type="text" name="item.id" /></td>
    				<td>商品名称<input type="text" name="item.name" /></td>
    				<td><input type="submit" value="查询"/></td>
    			</tr>
    		</table>
    		商品列表:
    		<table width="100%" border=1>
    			<tr>
    				<td>选择</td>
    				<td>商品名称</td>
    				<td>商品价格</td>
    				<td>生产日期</td>
    				<td>商品描述</td>
    				<td>操作</td>
    			</tr>
    			<c:forEach items="${itemList }" var="item">
    				<tr>
    					<td><input type="checkbox" name="ids" value="${item.id}"/></td>
    					<td>${item.name }</td>
    					<td>${item.price }</td>
    					<td><fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
    					<td>${item.detail }</td>
    
    					<td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
    
    				</tr>
    			</c:forEach>
    
    		</table>
    		<input type="submit" value="删除">
    	</form>
    
    </body>
    
    </html>

    页面选中多个checkbox向controller方法传递。

    本身属于一个form表单,提交url是queryItem.action

    4. Controller

    Controller方法中可以用String[]接收,或者在包装类定义一个String[] 属性接收。两种方式任选其一即可。

        @RequestMapping(value = "/deleteItem.action")
        public String deleteItem(Integer[] ids){
    
            for (int i : ids) {
                System.out.println(i);
            }
    
            return "success";
        }
    

    二、将表单的数据绑定到List

    1. 需求

    实现商品数据的批量修改。

    2. 开发分析

    在商品列表页面中可以对商品信息进行修改。

    可以批量提交修改后的商品数据。

    3. 定义pojo

    List中存放对象,并将定义的List放在包装类QueryVo中

    使用包装pojo对象接收,如下图:

    4. 改造JSP

    <c:forEach items="${itemList }" var="item" varStatus="s">
        <tr>
            <td><input type="checkbox" name="ids" value="${item.id}"/></td>
            <td>
                <input type="input" name="itemsList[${s.index}].name" value="${item.name }"/>
            </td>
            <td>
                <input type="input" name="itemsList[${s.index}].price" value="${item.price }"/>
            </td>
            <td>
                <input type="text" name="itemList[${s.index}].createtime" value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
            </td>
            <td>
                <input type="input" name="itemsList[${s.index}].detail" value="${item.detail }"/>
            </td>
    
            <td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
        </tr>
    </c:forEach>

    ${current} 当前这次迭代的(集合中的)项
    ${status.first} 判断当前项是否为集合中的第一项,返回值为true或false
    ${status.last} 判断当前项是否为集合中的最后一项

    varStatus属性常用参数总结下:

    • ${status.index} 输出行号,从0开始。
    • ${status.count} 输出行号,从1开始。
    • ${status.后一项,返回值为true或false

    begin、end、step分别表示:起始序号,结束序号,跳跃步伐。

    5. ItemController

    这里只演示List的绑定,能够接收到list数据。
    可以拿到数据即可,不做数据库的操作。

        //批量修改
        @RequestMapping(value = "/updateItems.action")
        public String updateItems(QueryVo queryVo){
    
            return "success";
        }

    测试结果:

    【注意】:这里是把 List<Items> itemsList 放在了包装类QueryVo中,不能把 List<Items> itemsList 直接放在Controller的方法的形参上,SpringMVC不认识。

  • 相关阅读:
    难道真的是RedBook错了?
    用一个土办法证明RedBook的错误
    Md5 Loader Demo
    simple shadow mapping
    又遇到让人疑惑的问题
    [洛谷P1037][题解]产生数
    [洛谷P1279][题解]字串距离
    [洛谷P1122][题解]最大子树和
    [洛谷P1144][题解]最短路计数
    Vue 之 Data
  • 原文地址:https://www.cnblogs.com/zhaojiankai/p/8182825.html
Copyright © 2011-2022 走看看