不依赖后台layui实现导出excel文件

最新推荐文章于 2023-05-16 14:55:01 发布

于丸

最新推荐文章于 2023-05-16 14:55:01 发布

阅读量376

点赞数

CC 4.0 BY-SA版权

分类专栏： layui

本文链接：https://blog.youkuaiyun.com/Ych_cxy/article/details/114930162

layui 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何利用layui的Excel插件实现网页数据的导出功能，包括引入插件、设置导出按钮、获取及整理数据、定义表头等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	//第一步引入插件(导出的这个插件依赖你要找不到可以联系我,不过挺好找的,你百度一下实在找不到我,叫我,我给你)
   <script src="./layui-v2.5.7/layui-excel/layui_exts/excel.js"></script>
  	//第二步弄个导出按钮
   <button id="export" class="layui-btn layui-btn-warm">导出</button>
   //第三步获取要导出的数据(这里我就假设要导出的是下面的数据)
   var data = [
   		{project_name:"项目1",agent_name:"代理人1"},
   		{project_name:"项目2",agent_name:"代理人2"}
   ]
   //这里插一句，如果想导出的数据顺序和映射关系不对，请执行梳理函数后导出
    							data = excel.filterExportData(data, [
    								'project_name'
    								,'agent_name'
    							]);

   //第四步插入表头
   data.unshift({project_name: "项目", agent_name: "经纪人"})
   //最后导出
   excel.exportExcel(data, "导出名字"+ '.xlsx', 'xlsx');