• Spring MVC(八)--控制器接受简单列表参数


    有些场景下需要向后台传递一个数组,比如批量删除传多个ID的情况,可以使用数组传递,数组中的ID元素为简单类型,即基本类型。

    现在我的测试场景是:要从数据库中查询minId<id<maxId且id!=noId的数据,所以我需要向后台传递的参数有minId、maxId、noId,这三参数通过数组传递到后台,步骤如下:

    1、创建页面

    为了简单起见,在页面我只创建了一个按钮去触发查询这个操作,用来传递参数。

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!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">
    <%
        String root = request.getContextPath();
        String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
                + root + "/";
    %>
    <script type="text/javascript"
        src="<%=basePath%>jslib/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>jslib/jquery.form.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/param.js"></script>
    <link href="<%=basePath%>css/param.css" type="text/css" rel="stylesheet">
    <title>Insert title here</title>
    </head>
    <body>
        <div class="param">
            <!--使用列表传递参数:列表元素为基本类型  -->
            <div class="public baseList">
                <p style="text-align: center;">列表方式传递参数(基本类型)</p>
                <div id="baseListForm">
                    <input type="button" value="测试" id="setBaseListParam">
                </div>
            </div>
    </body>
    </html>

    页面效果如下:

    2、给提交按钮绑定请求事件

    $(function() {
        /* 列表方式传递数据:列表元素为基本类型 */
        var idList = [ 3, 13, 5 ];
        $("#setBaseListParam").click(function() {
            $.ajax({
                url : "./baseListParam",
                type : "POST",
                /* 此处需要定义传递参数的类型为json */
                contentType : "application/json",
                /* 将json转化为字符串 */
                data : JSON.stringify(idList),
                success : function(data) {
                    var size = data.paramList.length;
                    var html = "<label>总数:" + size + "</label>";
                    $(".baseList").append(html);
                }
            });
        });
    });

    上述代码中红色加粗的部分:

    • 定义一个参数数组,分别是minID、maxId和noId,一般都会在页面选择,我是为了方便直接写死来模拟;
    • 需要定义参数类型为JSON;
    • 向后台发送请求时JSON要转化成字符串;

    最后在获取成功后我在这个页面显示了查询条数,测试时和数据库中的数据进行对比。

    3、创建控制器controller

    /*
     * 测试Spring MVC中传递参数的方式
     */
    
    @Controller
    @RequestMapping("/param")
    public class ParamController {
    
        @Autowired
        @Qualifier("paramService")
        ParamService paramService = null;
    
        /**
         * 获取列表数据:列表元素为基本类型
         * 
         * @param idList
         * @return
         */
        @RequestMapping(value = "baseListParam")
        public ModelAndView getParamByBaseList(@RequestBody List<Integer> idList) {
            ModelAndView mv = new ModelAndView();
            Map<String, Integer> paramMap = new HashMap<String, Integer>();
            paramMap.put("minId", idList.get(0));
            paramMap.put("maxId", idList.get(1));
            paramMap.put("noId", idList.get(2));
            List<Param> paramList = paramService.getParamById(paramMap);
            mv.addObject(paramList);
            mv.setView(new MappingJackson2JsonView());
            return mv;
        }
    }

     注意上面代码中红色加粗的部分:

    • 列表类型的参数还是使用注解@RequestBody接受,参数名称需和前端的名称保持一致;
    • 数据库操作,根据参数从数据库查询;
    • 查询结果渲染到JSON视图中;

    因为进行了数据库操作,并且调用了service层,所以下面先创建Service层。

    4、创建Service层

    采用面向接口方式,先创建接口,然后创建实现类

    1⃣️创建service接口

    public interface ParamService {
    
        /**
         * 分页查询数据
         * 
         * @param pageParam
         * @return
         */
        public List<Param> getParam(PageParam pageParam);
    
        /**
         * 根据ID查询(大于min小于max不等于no)
         * @param paramMap
         * @return
         */
        public List<Param> getParamById(Map<String,Integer> paramMap);
    }

    里面的第一个方式是通过json方式例子中的service,不过在json例子的那篇文章中没有贴出来。

    2⃣️创建service实现类

    
    @Service("paramService")
    public class ParamServiceImpl implements ParamService {
    
        @Autowired
        ParamMapper paramMapper = null;
    
        @Override
        public List<Param> getParam(PageParam pageParam) {
            return paramMapper.getParamByPaging(pageParam);
        }
    
        @Override
        public List<Param> getParamById(Map<String, Integer> paramMap) {
            return paramMapper.getParamById(paramMap);
        }
    
    }

     上面代码中红色加粗部分:

    • 使用@service注解,并定义了一个名称,这样就可以在controller中自动注入了;
    • 自动注入mapper,所以映射器的接口中需要使用注解@Repository;

    所以下一步就是创建DAO层进行数据库操作,其实也就是创建MyBatis映射器。

    5、创建映射器

    1⃣️创建接口

    @Repository
    public interface ParamMapper {
    
        List<Param> getParamByPaging(PageParam pp);
    
        List<Param> getParamById(Map<String, Integer> paramMap);
    }

    其中第二个函数方法是有效方法,第一个是json方式传递中的,可以看出向XML传参数的时候使用的是map类型。

    2⃣️创建XML文件

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    <mapper namespace="com.mvc.dao.ParamMapper">
        <resultMap id="BaseResultMap" type="com.mvc.pojo.Param">
            <id column="param_id" jdbcType="INTEGER" property="paramId" />
            <result column="param_name" jdbcType="VARCHAR" property="paramName" />
            <result column="param_desc" jdbcType="VARCHAR" property="paramDesc" />
            <result column="pram_time" jdbcType="VARCHAR" property="pramTime" />
        </resultMap>
    
        <select id="getParamByPaging" parameterType="com.mvc.pojo.PageParam"
            resultMap="BaseResultMap">
            SELECT * FROM param
            WHERE param_id >
            #{paramId,jdbcType=INTEGER}
            AND param_name like
            concat('%',#{paramName,jdbcType=VARCHAR},'%')
            LIMIT
            #{page.limit,jdbcType=INTEGER}
            OFFSET
            #{page.start,jdbcType=INTEGER}
        </select>
        
        <select id="getParamById" parameterType="java.util.Map" resultMap="BaseResultMap">
            SELECT * FROM param WHERE param_id &gt; #{minId,jdbcType=INTEGER} AND param_id  &lt; #{maxId,jdbcType=INTEGER} AND param_id != #{noId,jdbcType=INTEGER}
        </select>
    </mapper>

    注意getParamById方法,其中的>和< 号分别用&gt;和&lt;代替,否则会报错,因为会把它们当成标签起始和结尾符处理。

    至此就完成了所有代码,下面进行测试。

    6、测试

    在页面点击提交按钮,请求参数及响应结果如下:

    可以看到查询出了8条数据,现在在数据库执行看看是否也是8条数据,结果如下:

    可以看到查询结果也是8条,所以说明控制器接受参数成功。

    7、总结

    使用这种方式传递参数的时候,除了参数类型是List之外,其他的都跟JSON一致,前端需要定义参数格式为JSON,并且将JSON数据转化成字符串传给后台。

  • 相关阅读:
    python 字典dict
    前端笔记之HTML
    Activity工作流框架入门(二)API使用DEMO
    工作流Activity框架入门(一)
    使用Ecplise git commit时出现"There are no stages files"
    安装Eclipse activity插件 报异常 Cannot complete the install because one or more required items could not be
    JQuery--使用JQuery 的$.ajax 方法进行异步请求,导致页面闪烁
    JQuery--JQuery面向对象编程快速入门-插件开发
    VIM编辑器常用命令
    Git入门
  • 原文地址:https://www.cnblogs.com/hellowhy/p/9741361.html
Copyright © 2020-2023  润新知