前后端参数对应总结

前后端交互参数总结

一、Web端的Axios传参

前端使用Axios，后端使用SpringBoot：
1、url的param类型：
(1)、常规的形如：“xxx/coop/list?pageNum=1&pageSize=10”

	//前端js Api
	export function getSubProjectList(param) {
	  return request({
	    url: '/coop/list',
	    method: 'get',
	    params: param
	  })
	}

	//后端代码
    @GetMapping("/list")
    public TableDataInfo getList(MpSubProjectPO mpSubProjectPO) {
        startPage();
        List<MpSubProjectPO> list = coopService.getList(mpSubProjectPO);
        return getDataTable(list);
    }

(2)、形如：“xxx/coop/getSubprojectStatus/105”

	//前端js Api
	export function getSubprojectStatus(query) {
	  return request({
	    url: '/coop/getSubprojectStatus/'+query,
	    method: 'get',
	  })
}

	//后端代码
    @GetMapping("/getSubprojectStatus/{subProjectId}")
    public AjaxResult getSubprojectStatus(@PathVariable("subProjectId") String subProjectId){
        return AjaxResult.success(coopService.getSubprojectStatus(subProjectId));
    }

(3)、前端形如：以下内部的后续补充

    * axios({
    *      url: '/post',
    *      //  /post/a/100/b/200
    *      //  /post/a.100/b.200
    *      params: {
    *          a:100,
    *          b:200
    *      }
    * })

2、json类型

	//前端js Api
	export function progressApply(data) {
	  return request({
	    url: '/coop/progressApply',
	    method: 'post',
	    data: data
	  })
	}

	//后端代码
    @PostMapping("/progressApply")
    public AjaxResult progressApply(@RequestBody MpProgressApplyVO progressApplyVO) {
        return AjaxResult.success(coopService.insertProgressApply(progressApplyVO));
    }

(3)、

二、Uniapp使用Luch-request传参

前端使用luch-request，后端使用SpringBoot
1、Url的param类型：
(1)、常规的形如：“xxx/list?pageNum=1&pageSize=10”，后端代码同上

	export function listData(query) {
	    return http.get('/system/dict/data/list', {params: query})
	}

(2)、(2)、形如：“xxx/105”，后端代码同上

	export function getData(dictCode) {
	    return http.get('/system/dict/data/'+ dictCode)
	}

2、Json类型，后端代码同上

	export function login(data) {
	   return http.post('/login',data)
	}