You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
2.9 KiB
108 lines
2.9 KiB
5 years ago
|
# Luckysheet
|
||
|
|
简体中文 | [English](./README.md)
|
||
|
|
|
||
|
|
## Introduction - 介绍
|
||
|
|
Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。
|
||
|
|
|
||
|
|
## Features - 特性
|
||
|
|
1. Luckysheet支持表格设置包括冻结行列、合并单元格、筛选、排序、查询、条件格式、批注
|
||
|
|
2. 支持数据分析功能包括透视表、图表、分列、矩阵操作、内置385个计算函数
|
||
|
|
3. 支持一键截图、复制为json数据、共享编辑、excel与Luckysheet之间数据的复制粘贴
|
||
|
|
4. 支持移动端查看
|
||
|
|
5. 支持sparkLine
|
||
|
|
6. 下拉复制
|
||
|
|
7. 快捷键
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
## Plan - 计划
|
||
|
|
- 模块化(进行中)
|
||
|
|
- excel导入/导出
|
||
|
|
- 表单
|
||
|
|
- 插入图片
|
||
|
|
- 更多...
|
||
|
|
|
||
|
|
## Documentation - 文档
|
||
|
|
[在线demo](https://mengshukeji.github.io/LuckysheetDemo/)
|
||
|
|
|
||
|
|
[在线文档](https://mengshukeji.github.io/LuckysheetDocs/)
|
||
|
|
|
||
|
|
## Requirements - 环境
|
||
|
|
[Node.js](https://nodejs.org/en/) Version >= 6
|
||
|
|
|
||
|
|
## Installation - 安装
|
||
|
|
```
|
||
|
|
npm install
|
||
|
|
npm install gulp -g
|
||
|
|
```
|
||
|
|
|
||
|
|
## Development - 开发
|
||
|
|
开发
|
||
|
|
```
|
||
|
|
npm run dev
|
||
|
|
```
|
||
|
|
打包
|
||
|
|
```
|
||
|
|
npm run build
|
||
|
|
```
|
||
|
|
阅读
|
||
|
|
|
||
|
|
Luckysheet的核心代码为luckysheet-core.js和luckysheet-function.js,开发者看源码只需要看这两个文件即可,接下来会讨论进行模块化方案,完善这个插件.
|
||
|
|
|
||
|
|
## Usage - 用法
|
||
|
|
|
||
|
|
#### 第一步
|
||
|
|
`npm run build`后`dist`文件夹下的所有文件复制到项目目录
|
||
|
|
|
||
|
|
#### 第二步
|
||
|
|
引入依赖
|
||
|
|
```
|
||
|
|
<link rel="stylesheet" href="plugins/css/pluginsCss.min.css">
|
||
|
|
<link rel="stylesheet" href="plugins/plugins.min.css">
|
||
|
|
<link rel="stylesheet" href="css/main.min.css">
|
||
|
|
<script src="plugins/js/plugin.min.js"></script>
|
||
|
|
<script src="main.min.js"></script>
|
||
|
|
```
|
||
|
|
#### 第三步
|
||
|
|
指定一个表格容器
|
||
|
|
```
|
||
|
|
<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
|
||
|
|
```
|
||
|
|
#### 第四步
|
||
|
|
创建一个表格
|
||
|
|
```
|
||
|
|
<script>
|
||
|
|
$(function () {
|
||
|
|
//配置项
|
||
|
|
var options = {
|
||
|
|
container: 'luckysheet' //luckysheet为容器id
|
||
|
|
}
|
||
|
|
luckysheet.create(options)
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
```
|
||
|
|
|
||
|
|
## Contact - 联系
|
||
|
|
mengshu@office2.cn
|
||
|
|
|
||
|
|
## communication - 交流
|
||
|
|
|
||
|
|
- 添加小编微信,拉你进Luckysheet开发者交流微信群,备注:加群
|
||
|
|
|
||
|
|
<img src="https://minio.cnbabylon.com/public/luckysheet/%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg" width = "200" alt="微信群" align="center" />
|
||
|
|
|
||
|
|
或者
|
||
|
|
|
||
|
|
- 加入Luckysheet开发者交流QQ群
|
||
|
|
|
||
|
|
<img src="https://minio.cnbabylon.com/public/luckysheet/QQ%E7%BE%A4%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg" width = "200" alt="微信群" align="center" />
|
||
|
|
|
||
|
|
## Authors and acknowledgment - 贡献者和感谢
|
||
|
|
- Bug Pan ([@wpxp123456](https://github.com/wpxp123456))
|
||
|
|
- Dushusir ([@Dushusir](https://github.com/Dushusir))
|
||
|
|
|
||
|
|
## License - 版权信息
|
||
|
|
[MIT](http://opensource.org/licenses/MIT)
|
||
|
|
|
||
|
|
Copyright (c) 2020-present, mengshukeji
|