当前位置: 代码迷 >> 综合 >> Luckysheet ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源
  详细解决方案

Luckysheet ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源

热度:100   发布时间:2023-11-18 03:02:45.0

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

 

  相关解决方案