《layui导出_layui导出Excel》

在Web开发中，实现数据的导出功能是一项常见的需求。对于使用Layui框架进行前端开发的项目来说，要实现将表格数据等导出为Excel文件，有多种解决方案。

一、通过table模块自带方法

Layui的table模块提供了便捷的方法来导出数据。确保已经正确引入了Layui的相关资源文件（css和js）。如果有一个已经渲染好的table，例如：

html</p>

<table id="demo"></table>

<p><code>
对应的JavaScript代码初始化表格：
javascript
layui.use('table', function(){
  var table = layui.table;

// 渲染表格
  table.render({
    elem: '#demo'
    ,url:'/demo/data' // 数据接口
    ,cols: [[ // 表头
      {field:'id', title:'ID'}
      ,{field:'username', title:'用户名'}
      ,{field:'sex', title:'性别'}
    ]]
  });
});

当需要导出时，可以这样做：
javascript // 获取table的数据并导出为excel $('#export').on('click', function(){ table.exportFile(tableIns.config.id, tableIns.data, 'xls'); })
这里tableIns是之前初始化表格时返回的对象，'xls'表示导出的文件类型，还可以是'csv'等。

二、借助第三方库

有时候为了更灵活地控制导出样式或者处理更复杂的数据格式，可以结合一些第三方库，如SheetJS（也叫xlsx.js）。

先引入SheetJS的js文件，然后编写如下代码：

javascript
layui.use(['table'], function(){
  var table = layui.table;
  var $ = layui.jquery;</p>

<p>table.render({
    elem: '#demo'
    ,url:'/demo/data'
    ,cols: [[
      {field:'id', title:'ID'}
      ,{field:'username', title:'用户名'}
      ,{field:'sex', title:'性别'}
    ]]
    ,done: function(res, curr, count){
        // 将获取到的数据存储起来，以便导出
        window.demoData = res.data;
    }
  });</p>

<p>$('#exportXlsx').on('click', function(){
    var ws = XLSX.utils.json<em>to</em>sheet(demoData);
    var wb = XLSX.utils.book<em>new();
    XLSX.utils.book</em>append_sheet(wb, ws, "data");
    XLSX.writeFile(wb, "导出.xlsx");
  })
});

以上两种思路都可以很好地实现Layui项目中的Excel导出功能，开发者可以根据自己的实际需求选择合适的方式。

(www. n z w6.com)