layui和后端如何连起来


当前第2页 返回上一页

java后台代码

1

2

3

4

5

6

7

8

9

10

11

@RequestMapping("/list")

       @ResponseBody

       @RequiresPermissions("sys:menu:list")

       public Layui list(@RequestParam Map<String, Object> params){

           //查询列表数据

           Query query = new Query(params);

           List<SysMenuEntity> menuList = sysMenuService.queryList(query);

           int total = sysMenuService.queryTotal(query);

           PageUtils pageUtil = new PageUtils(menuList, total, query.getLimit(), query.getPage());

           return Layui.data(pageUtil.getTotalCount(), pageUtil.getList());

       }

Layui工具类代码

1

2

3

4

5

6

7

8

9

10

11

public class Layui  extends HashMap<String, Object> {

 

    public static Layui data(Integer count,List<?> data){

        Layui r = new Layui();

        r.put("code", 0);

        r.put("msg", "");

        r.put("count", count);

        r.put("data", data);

        return r;

    }

}

PageUtils在这里可有可无,你们可以自行封装

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

@Data

public class PageUtils implements Serializable {

    private static final long serialVersionUID = -1202716581589799959L;

    //总记录数

    private int totalCount;

    //每页记录数

    private int pageSize;

    //总页数

    private int totalPage;

    //当前页数

    private int currPage;

    //列表数据

    private List<?> list;

    /**

     * 分页

     * @param list        列表数据

     * @param totalCount  总记录数

     * @param pageSize    每页记录数

     * @param currPage    当前页数

     */

    public PageUtils(List<?> list, int totalCount, int pageSize, int currPage) {

        this.list = list;

        this.totalCount = totalCount;

        this.pageSize = pageSize;

        this.currPage = currPage;

        this.totalPage = (int)Math.ceil((double)totalCount/pageSize);

    }

}

推荐:layui框架教程

以上就是layui和后端如何连起来的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui如何使用jquery

怎么设置layui默认的表格宽度

layui实现动态禁止select下拉的方法

layui怎么绑定普通事件监听

layui模块使用规范(附代码)

layui好用吗

使用layui表格实现后台分页的方法

layui如何刷新当前tab选项卡

layui中table的sort排序介绍

layui的laydate组件中添加设置一周开始的方法

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...