you_do_what? 2021-01-23 17:11 采纳率: 66.7%
浏览 305
已采纳

请问后台写的分页查询前端怎么调用呢?

    @GetMapping(value = "/search/{currentPage}/{pageSize}")
    @Override
    public Result<PageInfo<T>> findByPage(@PathVariable(name = "currentPage") Integer currentPage,
                                          @PathVariable(name = "pageSize") Integer pageSize) {
        PageInfo<T> pageInfo = coreService.findByPage(currentPage, pageSize);
        return new Result<PageInfo<T>>(true, StatusCode.OK, "分页查询成功", pageInfo);
    }

前端是vue的,

var vue = new Vue({
        el: '#app',
        data: {
            autoUpload: true,//自动上传
            imageUrl: null,//模型数据,用于上传图片完成后图片预览
            activeName: 'first',//添加/编辑窗口Tab标签名称
            pagination: {//分页相关属性
                currentPage: 1,
                pageSize: 10,
                total: 100,
                queryString: null,
            },
            dataList: [],//列表数据
        },
        created() {
            this.findPage();
        },
        methods: {
            //分页查询
            findPage() {
                axios.post('/items/search.do', this.pagination).then(res => {
                    if (res.data.flag) {
                        this.dataList = res.data.data.rows;
                        this.pagination.total = res.data.data.total;
                    } else {
                        this.$message.error(res.data.message);
                    }
                })
            },
}

前端这里该怎么写才能完成将数据调出来?

  • 写回答

5条回答 默认 最新

  • zhshchilss 2021-01-24 10:08
    关注

    1.@GetMapping(value = "/search/{currentPage}/{pageSize}")

    value就是你调用get请求的url,currentPage和pageSize是你的分页数据,就是pagination里的。

    譬如axios.get('/items/search/1/10')
    2.也可以调整后端的路径直接value="/search",参数则不用@PathVariable注解就可以得到了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

悬赏问题

  • ¥15 App的会员连续扣费
  • ¥15 不同数据类型的特征融合应该怎么做
  • ¥15 用proteus软件设计一个基于8086微处理器的简易温度计
  • ¥15 用联想小新14Pro
  • ¥15 multisim中关于74ls192n和DSWPK开关仿真图分析(减法计数器)
  • ¥15 基于8255的交通灯设计
  • ¥15 w3wp,exe 中发生未处理的 Microsoft ,NETFramework 异常。
  • ¥20 C51单片机程序及仿真(加减器)
  • ¥15 AQWA | 水动力分析 二阶波浪力
  • ¥15 c语言题目:成绩管理系统