Luckysheet ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。
官方使用手册:https://mengshukeji.gitee.io/LuckysheetDocs/zh/guide/#%E5%9F%BA%E6%9C%AC%E4%BB%8B%E7%BB%8D
使用步骤:
基本环境:
npm install
npm install gulp -g
目前没有集成安装包,所以需要手动引入
在线版:
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css' />
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>
本地版:所有文件复制到项目目录,然后通过相对路径引入
<link rel='stylesheet' href='./plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='./plugins/plugins.css' />
<link rel='stylesheet' href='./css/luckysheet.css' />
<link rel='stylesheet' href='./assets/iconfont/iconfont.css' />
<script src="./plugins/js/plugin.js"></script>
<script src="./luckysheet.umd.js"></script>
导入导出功能:(https://gitee.com/mengshukeji/Luckyexcel)
引入安装luckyexcel用于适配 Luckysheet 的excel导入导出库
npm install luckyexcel
导入导出功能其他插件:
npm install
npm install exceljs
npm install FileSaver
npm install file-saver
页面引入导入导出配置:
import LuckyExcel from 'luckyexcel'//导入库export.js 这个文件是es6的,不能在普通的HTML文件直接引入js文件(虽然都是js文件,但是有区别,具体请百度es6与es5)!需要把es6转es5才可以直接引入使用!import {testaaa,exportExcel} from './export'
此插件功能正在完善中。。。。。
简易demo:https://github.com/weboldboy1994/EXCELdemo.git