layui框架菜鸟教程，本教程由 www.webfunny.cn 前端监控系统 提供。 只需要简单几步就可以搭建一套属于自己的前端监控系统，快来试试吧。
layui 导出 excel 表格
引用excel.js插件，这个是插件必须用到的文件，注意引入文件的路径。
三个步骤，第一替换里面的layedit.js文件，第二绑定节点，第三，配置参数，就可以正常使用了
js写法如下：
有两种方式可以使用，第一种使用layui加载layer模块，引入相关文件即可。
这是一个导出的操作按钮：<button type=&34; lay-submit=&34; class=&34; lay-filter=&34;><i class=&34;></i>导出Excel</button>form.on(&39;，function(data){loading = layer.load(1，{shade: [0.3，&fff&39;${ct}/person/export&39;json&39;ID&39;社区名称&39;姓名&39;性别&39;身份证号&39;订单号&39;平台流水.xlsx&39;xlsx&39;39;，url: &39;，//后台分页请求接口 page: {curr: 1， groups: 1，first: false， last: false， layout: [&39;，&39;，&39;，&39;，&39;]}，toolbar: &personToolbar&39;numbers&39;left&39;40&39;checkbox&39;residentId&39;communityName&39;社区名称&39;100&39;villageName&39;小区名称&39;150&39;buildingName&39;幢号&39;80&39;roomNo&39;户号&39;80&39;realName&39;姓名&39;100&39;sex&39;性别&39;60&39;idCard&39;身份证&39;160&39;mobilePhone&39;联系电话&39;120&39;registerAddress&39;户籍地址&39;200&39;workUnit&39;工作单位&39;160&39;resideType&39;人员类别&39;100&39;leaseEndTime&39;租赁到期日&39;170&39;resideStatus&39;租住状态&39;100&39;action&39;操作&39;120&39;39;，fixed: &39;}]]});
使用layui的table功能时，在参考官方文档 layui数据表格 情况下，修改 工具栏左侧显示默认的内置模板。 toolbar: 'default' //让工具栏左侧显示默认的内置模板 。
layui 监控操作按钮
<!-- 操作按钮 --><script type=&34; id=&34;><a class=&34; lay-event=&34;>删除</a></script>// 监听操作按钮var operation = function(obj) {var data = obj.data;if (obj.event === &39;) {//后台请求删除接口$.ajax({ url: &39;，data: {&39;: data.residentId}，type: &34;，dataType: &34;，success: function (data) {if (data.code == 0) { layer.close(index); // 刷新页面 table.reload(&39;); } else { alert(data.msg); }}， error: function (error) { alert(error) } });}
以后可以直接使用内联元素调出字体图标。Layui字体图标库 第二种方法（我没试过）：Spring Boot使用layui的字体图标时无法正常显示 解决办法 layuiAdmin使用总结，基于springmvc Layui在MVC下的配置过程，我没用到，但是感觉不。
