【Laya + TS + JS】SheetJS(js-xlsx)前端生成Excel表格

js-xlsx生成Excel

  • SheetJS(js-xlsx)介绍
    • 版本选择
    • 兼容性
  • SheetJS(js-xlsx)准备
    • 获取xlsx.core.min.js
    • 添加xlsx.d.ts声明文件
  • SheetJS(js-xlsx)使用

SheetJS(js-xlsx)介绍

SheetJS 社区版提供了久经考验的开源解决方案,用于从几乎任何复杂的电子表格中提取有用的数据,并生成适用于传统和现代软件的新电子表格。SheetJS是前端操作Excel以及类似的二维表的最佳选择之一,而js-xlsx是它的社区版本。其功能强大,支持xls、xlsx、ods等十几种格式。npm库名称为xlsx,node库也叫node-xlsx,免费版不支持样式调整。

版本选择

纯js即可读取/生成excel,功能强大,支持多种格式,兼容性高。
xlsx.js有core和full两个版本,使用xlsx.core.min.js版本基本上就能满足大部分需求,我在项目中选择了core的版本。
其他详细介绍可以去看官方github:https://github.com/SheetJS/sheetjs。
SheetJS js-xlsx 中文文档:https://github.com/rockboom/SheetJS-docs-zh-CN

兼容性

【Laya + TS + JS】SheetJS(js-xlsx)前端生成Excel表格_第1张图片

SheetJS(js-xlsx)准备

获取xlsx.core.min.js

https://github.com/SheetJS/sheetjs/blob/master/dist/xlsx.core.min.js

通过npm i xlsx 下拉 https://www.npmjs.com/package/xlsx
【Laya + TS + JS】SheetJS(js-xlsx)前端生成Excel表格_第2张图片
xlsx.core.min.js放入bin\libs\min文件夹下,复制改名xlsx.core.js放入bin\libs下,项目设置中勾选添加
【Laya + TS + JS】SheetJS(js-xlsx)前端生成Excel表格_第3张图片

添加xlsx.d.ts声明文件

【Laya + TS + JS】SheetJS(js-xlsx)前端生成Excel表格_第4张图片
index.d.ts复制改名xlsx.d.ts放入libs文件夹下,添加export namespace XLSX{ },即可通过XLSX.xxx进行调用
【Laya + TS + JS】SheetJS(js-xlsx)前端生成Excel表格_第5张图片

SheetJS(js-xlsx)使用

【Laya + TS + JS】SheetJS(js-xlsx)前端生成Excel表格_第6张图片

你可能感兴趣的:(【Unity,+,Laya】,HTML,前端,javascript,typescript,Laya)