1、第一步：简简单单的写一个layui table的页面，代码如下：
<table id="demo" lay-filter="demo"></table>
<script>
layui.use(['jquery', 'table', 'form'], function () {
let $ = layui.jquery, form = layui.form, table = layui.table;
let clos = [
{field: 'user_name', title: 'xx', width: '6%'},
{field: 'title', title: '标题', width:'26%'},
{field: 'create_time', title: '时间', width:'11%'},
];
table.render({
elem: '#demo',
url: 'http://localhost:8081/queryDemo',
method: 'post',
cols: [clos],
limits: [20, 50, 100],
limit: 20,
page: true,
});
});
</script>
2、第二步：简简单单的写一个接口，用于返回数据，代码如下：
@PostMapping("/queryDemo")
String queryDemo(HttpServletRequest request){
Map<String, String> m = new HashMap<>();
m.put("user_name", "悟空");
m.put("title", "取老婆");
m.put("create_time", "公元2100年");
List<Map<String, String>> list = new ArrayList<>();
list.add(m);
Map<String, Object> map= new HashMap<>();
map.put("data", list);
map.put("code", 0);
map.put("count", 1);
return JSON.toJSONString(map);
}
3、第三步：打开页面，请求数据，可以看到页面正常，当然这是没有带token的，如图：
4、第四步：带上token请求数据，需要在table.render里面加上headre就可以，代码如下：
headers: {
token: 'sdfsdssssssssssssssssss'
},
5、第五步：修改接口，并在接口打印token，代码如下：
6、第六步：刷新页面，可以看到header被带上， 后台打印如图:
