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。