若依框架使用get和post

1.使用get命令

/**
 * GET 请求
 * @param {string} url 请求地址
 * @param {object} params 请求参数
 * @param {object} config axios 配置
 * @returns {Promise}
 */
export function get(url, params = {}, config = {}) {
  return service({
    method: 'get',
    url,
    params,
    ...config
  })
}

1.1 前端分页请求示例

    const param = { ...searchForm }                  //searchForm={id:1}
    param.pageNum = paginationOptions.current        //分页-当前页
    param.pageSize = paginationOptions.pageSize      //分页-单页大小

    get('/system/getUserList', param)
        .then(res => {
            if (res.code === 200) {
                paginationOptions.total = res.total
                tableData.value = res.rows.map((n, i) => {
                    const obj = n
                    obj.key = i
                    obj.rowIndex =(paginationOptions.current - 1) * paginationOptions.pageSize + i + 1
                    return obj
                })
            } else {
                proxy.$message.error(res.msg)
            }
        })
        .catch(err => {
            console.log(err)
        })
        .finally(() => {
            tableLoading.value = false
        })

1.2 后端java应答函数函数

@GetMapping("/getReportParamData")
@ResponseBody    
public TableDataInfo getReportParamData(SysUserBO sysUserBO){
        // 启动分页
        startPage();
        // 这里替换为你的业务查询逻辑
        List<SysUser> list = sysUserService.getSysUserData(sysUserBO);
        // 返回分页数据
        return getDataTable(list);
    }

2 使用post命令

/**
 * POST 请求
 * @param {string} url 请求地址
 * @param {object} data 请求体数据
 * @param {object} config axios 配置
 * @returns {Promise}
 */
export function post(url, data = {}, config = {}) {
  return service({
    method: 'post',
    url,
    data,
    ...config
  })
}

2.1 前端分页post请求示例

    const param = { ...searchForm }                  //searchForm={id:1}
    param.pageNum = paginationOptions.current        //分页-当前页
    param.pageSize = paginationOptions.pageSize      //分页-单页大小

    post('/system/getUserList', param)
        .then(res => {
            if (res.code === 200) {
                paginationOptions.total = res.total
                tableData.value = res.rows.map((n, i) => {
                    const obj = n
                    obj.key = i
                    obj.rowIndex =(paginationOptions.current - 1) * paginationOptions.pageSize + i + 1
                    return obj
                })
            } else {
                proxy.$message.error(res.msg)
            }
        })
        .catch(err => {
            console.log(err)
        })
        .finally(() => {
            tableLoading.value = false
        })

2.2 java应答函数

@PostMapping("/getReportParamData")
@ResponseBody
public TableDataInfo getReportParamData(@RequestBody Map<String,Object> param){
    // 启动分页
    startPage();
    if(null == param){
        param = new HashMap<>();
    }
    // 这里替换为你的业务查询逻辑
    List<SysUser> list = sysUserService.getSysUserData(param);
    // 返回分页数据
    return getDataTable(list);
}

 

3. 备注：

3.1 前端若提示不能使用post或get，请检查PostMapping还是GetMapping 注解

3.2 注解RequestBody配合Post命令使用，若是java的参数里字段为空，检查参数大小写是否一致