项目总结17-使用layui table分页表格总结

前言

　　在项目中，需要用到分页的表格来展示数据，发现layui的分页表格，是一个很好的选择；本文介绍layui table分页表格的前后端简单使用

关键字

　　layui table 分页

正文

1-外部引用

　　使用layui table 需要引用layui.all.js 和 layui.css

　　下载地址：

　　我是直接将整个layui文件夹全部加入到项目中

2-前端代码

实例化表格


     
<%--layui初始化需要的table--%>            <%--定制列样式，展示图片--%>

设置列宽

3-后台代码-数据请求接口

import com.hs.common.util.json.JsonUtil;@Controller@RequestMapping(value="/memberfans")public class MemberFansController extends BaseWebController
     
       {    @RequestMapping(value="/list/{shopId}",method = RequestMethod.GET)    @ResponseBody    public String listMemberFans(@PathVariable(value="shopId",required = true)Long shopId) throws ServerSqlErrorException {        MemberFans req = new MemberFans();        req.setShopId(shopId);        List
      
        memberFans = memberFansService.listByCondition(req);        //需要注意返回参数的格式，参数包括count、code、msg、data        //并且需要以json字符串返回        Map
       
         rsMap = new HashMap
        
         ();        rsMap.put("count", memberFans.size());        rsMap.put("code", 0);        rsMap.put("msg", "detail");        rsMap.put("data", memberFans);        return JsonUtil.toJson(rsMap);    }}