Java - AjaxResult 模块的参数 前后端接口设计格式模板 - 详情页接口设计 @GetMapping()_java后端ajaxresult

情况 1

1、GET 方法发送

前端演示模板：

前端 api 接口模板：

import request from '@/utils/request'


export function getDetail(query) {
    return request({
        url: '/mytest/testdata/detail',
        method: 'get',
        params: query,  // 注意是 params 参数
    })
}
1
2
3
4
5
6
7
8
9
10

前端调用模块演示：

<script>
import {getDetail} from "@/api/test/detail";

省略内容...

method:{

	getdata(){
		getDetail({id: this.$route.params.id}).then(response =>{
		console.log("response data:", response)
		})
	}
}
</script>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

Java 后端调用接口演示：

import com.ruoyi.common.core.controller.BaseController;
import com.ruoyi.common.core.domain.AjaxResult;
import lombok.extern.log4j.Log4j2;
import org.springframework.web.bind.annotation.*;


@RestController
@RequestMapping("/mytest")
@Log4j2
public class TestController extends BaseController {

    @GetMapping("/testdata/detail")
    public AjaxResult getDetailInfo(String id) {
		System.err.println("get detail id: " + id);
        return AjaxResult.success("调用接口成功");
    }


}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19