【无标题】

最新推荐文章于 2024-07-12 16:27:40 发布

爱吃喜之郎的太空人

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量62

点赞数

文章标签：前端 javascript java vue spring boot

本文链接：https://blog.csdn.net/qq_44686195/article/details/128375768

版权

使用vue传值，springboot后端采用@RequestParam接受，实现分页

前端axios封装


export const getUsers = data => getRequest('user/all', data)

后端采用@RequestParam接受数据


@RequestMapping("/all")
    public JsonResult<List<User>> getAll(@RequestParam(defaultValue = "1", value = "pageNum") int pageNum){

//      分页对象，传入当前页码及每页的数量
        Page<User> page = new Page(pageNum, 2);

        Page<User> users = userMapper.selectPage(page, null);
        System.out.println(pageNum);
        return new JsonResult(users, 200, "success");
    }

前端api使用

发送数据时用{}json格式将数据封装，与后端的字段相匹配


changePage(pageNum) {
        getUsers({pageNum:pageNum}).then((response) => {
          console.log("++++++++++++++"+pageNum)
          this.tableData = response.data.data.records;
      });