Controller层接收各类参数和文件

时间 2019-11-13

标签 controller 接收各类参数文件繁體版

原文原文链接

在构建一个系统时，前端和后台老是须要对接，在springmvc架构里，这种对接通常发生在Controller层中。方法参数绑定首先支持Java全部基本类型（包括： byte、short、int、long、float、double、char、string、boolean），以及基本类型对应封装高级类（包括：StringBuilder、StringBuffer），也包含了咱们本身定义的各类JavaBean类型。接受的方式有不少，可是也要在接受数据时也要体现面向对象的思想。javascript

1、简单传入css

以用户登录为例，在前台传入数据，作一个传入的例子。html

前台传入数据的形式为 username=10&password=10前端

<html>
<head>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
	//简单形式的传参
	$.ajax({
			type: "POST",
            url: "http://localhost:8080/test/requesetParamGet",
            contentType: "application/x-www-form-urlencoded",
            data:"username=10&password=10",
            dataType: "json",
            success: function (result) {
                if (result.code == 0) {
					console.log(result)
                } else {
                   
                }
            }
        });
</script>
</head>
</html>

在这种状况下，如何在后台进行接受呢？能够采用以下的方法。java

@ResponseBody
    @RequestMapping("/simple")
    public R list(String name,String age){
        System.out.println("name:"+name+",age:"+age);
        return R.ok();
    }

固然也能够采用HttpServeletRequest的形式进行接受jquery

@ResponseBody
    @RequestMapping("/simple")
    public R requestGet(HttpServletRequest request){
        System.out.println("reqname:"+request.getParameter("name")+",reqage:"+request.getParameter("age"));
        return R.ok();
    }

2、以json对象的形式传入ajax

仍是以用户登录为例，在前台传入数据，作一个传入的例子。spring

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
	//class获取，须要用对象的形式
	var s={
	name:'liMin',
	age:'10'
	}
	$.ajax({
			type: "POST",
            url: "http://localhost:8080/test/classGet",
            contentType: "application/json",
            data:JSON.stringify(s),
            dataType: "json",
            success: function (result) {
                if (result.code == 0) {
					console.log(result)
                } else {
                   
                }
            }
        });
</script>

这种状况下，controller层建议使用对象的形式进行接受。json

@ResponseBody
    @RequestMapping("/classGet")
    public R classGet(@RequestBody TestEntity testEntity){
        System.out.println("className:"+testEntity.getName()+"classAge:"+testEntity.getAge());
        return R.ok();
    }

在传参时，须要添加注解@RequsetBody用来接收contentType为application/json的传入对象。若是传过来的时contentType头为application/x-www-form-urlencoded，那么建议使用另一个注解接受@RequestParam来接受。浏览器

@RequestMapping("/requesetParamGet")
    public R addUser6(@RequestParam("username") String username,@RequestParam("password") String password) {
        System.out.println("username is:"+username);
        System.out.println("password is:"+password);
        return R.ok();
    }

若是啥都不写，那么就得不到这个对象，接受到的对象为NULL。

固然，你能够不接受为一个对象，能够把传过来的json对象转化为json字符串，而后用各类工具进行解析，也是能够的。固然也是要加上@RequestBody或者@RequestParam的。

@ResponseBody
    @RequestMapping("/stringGet")
    public R stringGet(@RequestBody  String string){
        System.out.println("String:"+string);
        return R.ok();
    }

3、文件传输

在项目中，文件上传有别于对象的上传。

<html>
<head>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>

    function savePic(){
        var formData = new FormData($( "#uploadPic" )[0]);  
        var ajaxUrl = "http://localhost:8080/test/fileUpload";
        //alert(ajaxUrl);
        //$('#uploadPic').serialize() 没法序列化二进制文件，这里采用formData上传
        //须要浏览器支持：Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+。
        $.ajax({
            type: "POST",
            //dataType: "text",
            url: ajaxUrl,
            data: formData,
            //async: false,  
            //cache: false,  
            contentType: false,  //上传文件
            processData: false,//序列化处理，默认为true，上传文件须要改为false
            success: function (data) {
				alert(data);
            },
            error: function(data) {
                alert("error:"+data.responseText);

             }
        });
        return false;
    }
	function jiance(){
	
		var formData = new FormData();
		formData.append()
		
		}
</script>
</head>
<body>
	<form id="uploadPic" action="" enctype="multipart/form-data">
		<input type="file" name="multipartFile" id="file">
		<a href="javascript:savePic();" class="btn green"> 提交 </a>
		<a href="javascript:jiance();" class="btn green"> jiance </a>
	</form>
</body>
</html>

在后台接受参数的例子：

@RequestMapping("/fileUpload")
    @ResponseBody
    public R upload(MultipartFile multipartFile){
        String filePath="";
        if(!multipartFile.isEmpty()){
            System.out.println(multipartFile.getOriginalFilename());
        }
        return R.ok().put("filePath",filePath);
    }

@RequestMapping("/fileUpload2")
    @ResponseBody
    public R upload2(@RequestParam("multipartFile") MultipartFile multipartFile){
        String filePath="";
        if(!multipartFile.isEmpty()){
            System.out.println(multipartFile.getOriginalFilename());
        }
        return R.ok().put("filePath",filePath);
    }

@RequestMapping("/fileUpload3")
    @ResponseBody
    public R upload3(@RequestBody MultipartFile multipartFile){
        String filePath="";
        if(!multipartFile.isEmpty()){
            System.out.println(multipartFile.getOriginalFilename());
        }
        return R.ok().put("filePath",filePath);
    }

这里须要注意一点，文件名必须和参数名保持一致，在本项目中file文件的名字必须为multipartFile。