[开源]纯前端类似 Excel 的在线表格,实现协同、数据存储及增强

开源系统分类系统
2026-06-28 09:02 5 次浏览 • 0 次下载 0KB
[开源]纯前端类似 Excel 的在线表格,实现协同、数据存储及增强

一、开源项目简介

Luckysheet CRDT

Luckysheet 协同增强版(全功能实现)

请注意:该项目是luckysheet的协同实现版本,主要是实现服务端协同、数据存储,给出 node 集成解决方案,同时对luckysheet做了增强优化,针对源码UI、页面按钮、功能等都做了优化,新增 vchart 图标,前台优化图标协同操作等。

二、开源协议

使用Apache-2.0开源协议

三、界面展示

Master-Vue 开箱即用版

本项目作为luckysheet-crdt的一个分支,附属于 luckysheet-crdt,仅作为 vue 版本的示例,提供完整的用户系统(登录、注册、修改信息)、文件系统(创建、修改、删除、协同、分享...),项目截图如下:

图片
图片
图片
图片
图片

四、功能概述

该项目是luckysheet的协同实现版本,主要是实现服务端协同、数据存储,给出 node 集成解决方案,同时对luckysheet做了增强优化,针对源码UI、页面按钮、功能等都做了优化,新增 vchart 图标,前台优化图标协同操作等。

源项目优化

1、页面 UI 重构

2、图表协同

3、图片移动性能优化

4、插件依赖优化

5、文件导入|文件导出

6、自定义菜单

7、自定义请求头

8、打印相关

  • 打印预览视图
  • 打印当前页
  • 打印单元格
  • 打印指定页码
  • 打印图片
  • 打印图表

9、单元格图片beta

新增单元格图片显示功能

  • 支持插入浮动图片;
  • 支持插入单元格图片;
  • 支持浮动图片与单元格图片相互转换;
  • 支持配置默认图片展示模式 config.imageMode = 'float' | 'cell';
  • 支持单元格图片预览;
  • 支持单元格图片合并自适应。

10、其他源码优化

五、技术选型

项目分支:

  • master: 稳定版,提供可选数据库服务,提供完整功能实现;
  • master-alpha: 开发版,提供可选数据库服务,提供完整功能实现;
  • master-vue: 稳定版,提供用户系统、文件系统,提供完整功能实现,依赖数据库服务;

项目说明

  1. 本项目基于 Luckysheet 源码修改,请遵循原作者开源协议,同时,请不要删除或修改源码头部版权声明。
  2. 本项目以 Apache2.0 协议开源,请放心使用,同时,本项目也将回馈于 Luksysheet 社区,丰富社区生态,再次感谢 @Luckysheet 团队 ❤️
  3. 项目为 Luckysheet 协同增强版(全功能实现),意在提供协同实现思路、数据存储服务、协同演示等,项目基于 Luckysheet 实现,感谢原作者开源。
  4. 本项目主要实现协同功能模块,对源码修改部分均体现在 luckysheet-source-private 目录下;
  5. 项目支持 可选数据库服务,没有数据库的用户数据无法持久化存储,协同功能并不受影响,⚠️仅对 master、master-alpha 分支有效,master-vue 依赖数据库功能实现用户系统。
  6. 项目使用 Sequelize 作为 ORM 数据服务技术,支持 mysql、sqlite、postgres、mssql 等数据库,方便用户快速迁移。
  7. 项目使用 Typescript 作为主要开发语言,提供完整的类型提示,规范代码,提高开发效率。