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

    1.绑定数组:

    (1) 需求

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

    (2). 需求分析

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

    我们演示可以获取id的数组即可

    (4). Jsp修改

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

    <form action="${pageContext.request.contextPath }/queryItem.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>
    </form>

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

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

    (4) Controller

    Controller方法中可以用String[]接收,或者pojo的String[]属性接收。两种方式任选其一即可。

    定义QueryVo,如下图:

    ItemController修改queryItem方法:

    /**
     * 包装类型 绑定数组类型,可以使用两种方式,pojo的属性接收,和直接接收
     * 
     * @param queryVo
     * @return
     */
    @RequestMapping("queryItem")
    public String queryItem(QueryVo queryVo, Integer[] ids) {
    
        System.out.println(queryVo.getItem().getId());
        System.out.println(queryVo.getItem().getName());
    
        System.out.println(queryVo.getIds().length);
        System.out.println(ids.length);
    
        return "success";
    }

    效果,如下图:

     

    2. 将表单的数据绑定到List

    (1) 需求

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

    (2). 开发分析

    开发分析

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

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

    (3). 定义pojo

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

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

     

    (4)JSP改造

    前端页面应该显示的html代码,如下图:

     

    分析发现:name属性必须是list属性名+下标+元素属性。

    Jsp做如下改造:

    <c:forEach items="${itemList }" var="item" varStatus="s">
    <tr>
        <td><input type="checkbox" name="ids" value="${item.id}"/></td>
        <td>
            <input type="hidden" name="itemList[${s.index}].id" value="${item.id }"/>
            <input type="text" name="itemList[${s.index}].name" value="${item.name }"/>
        </td>
        <td><input type="text" name="itemList[${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="text" name="itemList[${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分别表示:起始序号,结束序号,跳跃步伐。

    1.1.1. 效果

    这里只演示List的绑定,能够接收到list数据。

    可以拿到数据即可,不做数据库的操作。

    测试效果如下图:

     

    注意:接收List类型的数据必须是pojo的属性,如果方法的形参为ArrayList类型无法正确接收到数据。

    例如:采用下面方式传递list集合

    package cn.xm.jwxt.queryVo;
    
    import cn.xm.jwxt.bean.trainScheme.Trainningcapacitybaseinfo;
    
    import java.util.List;
    
    /**
     * @Author: qlq
     * @Description 接收list参数的vo
     * @Date: 17:56 2018/5/2
     */
    public class ListVo {
        /**
         * 接收培养方案能力集合
         */
        private List<Trainningcapacitybaseinfo> trainningcapacitybaseinfos;
    
        public List<Trainningcapacitybaseinfo> getTrainningcapacitybaseinfos() {
            return trainningcapacitybaseinfos;
        }
    
        public void setTrainningcapacitybaseinfos(List<Trainningcapacitybaseinfo> trainningcapacitybaseinfos) {
            this.trainningcapacitybaseinfos = trainningcapacitybaseinfos;
        }
    }
    package cn.xm.jwxt.bean.trainScheme;
    
    public class Trainningcapacitybaseinfo {
        private Integer capacityid;
    
        private String trainingschemeid;
    
        private String capacitysort;
    
        private String capacityname;
    
        private String capacitydescription;
    
        private String remark;
        
       ...get set...
    }

    Controller代码:

        @RequestMapping("/addTrainScheme")//保存培养方案基本信息和培养方案能力信息
        public String addTrainschemeinfo(Trainschemeinfo trainschemeinfo, ListVo listVo){
    
            String result = null;
            try {
    //            result = trainschemeinfoService.addTrainschemeinfo(trainschemeinfo, trainningcapacitybaseinfos)?"添加成功":"添加失败";
            } catch (Exception e) {
                result="添加失败";
                logger.error("插入培养方案出错!",e);
            }
            return result;
        }

    前台传的数据格式:

  • 相关阅读:
    1、jquery_属性和选择器
    sqlserver2012——SqlCommand创建对象的三种方法
    数据库视频
    插件源码
    打包部署
    SpringCloud-Demo
    SpringCloud
    分布式管理
    security-oauth2
    ES的使用
  • 原文地址:https://www.cnblogs.com/qlqwjy/p/8516903.html
Copyright © 2011-2022 走看看