html 嵌入编辑excel 开源_canvas实现web excel高性能表格(发布开源)

2017/3/1

大家新年快乐,demo已经更新,源码给大家奉上~

发布的源码没做太多修饰和说明文档,大家看看就好,年后工作也有点忙,抽出了点时间实现了部分公式的计算,遇到了不少web端焦点的问题,比较头疼,excel本身的功能和细节实在太多了,本人对excel的使用本身就和小白没啥区别,很多功能都还在研究发现。

以下是我简单列的任务清单(在立项目前就制定了),大家简单看看就好了

后续有时间我就会更新,大家在体验中有发现什么问题,欢迎多交流和建议。有什么比较好用,能契合的插件欢迎推荐。这次用了三方的计算库做公式省去了好多麻烦~

====================⬇️上次发布的内容

未完成版~,可远观,不。。。

介绍

性能好!demo中列了2w的数据,数据初始化处理在web-worker中,所以网页也不会卡死,

然后就是各种类似excel的功能了,就不列了,因为也没有完成。。。忘记说了,这是基于vue的,理论上改为原生,react等不会太复杂,如果有朝一日我能把我想到的功能完成的话。。。

之前发布过一次类似的组件vue-grid-canvas(地址),是有源码的,这次的版本做了很多重构,性能也相对要好很多,这是在滚动时采集的性能,原来的fps也能很高,但是性能损耗很严重,现在性能损耗已经很低了。

最近年前工作忙,还有很大一部分没完成,拖拖拉拉的做了有一段时间了,大致雏形算是有了,剩下一部分工作量的事情,自己工作表里列了有30多项的功能点到现在才真正完成了10个多点,心累。。。

OK,最后欢迎互相学习沟通~

Harvey Zhao

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
EasyUI是一个基于jQuery的UI库,它提供了一组易于使用的UI组件和工具,可以帮助开发人员在前端快速构建简洁美观的界面。Activiti是一个开源的业务流程管理(BPM)框架,它提供了完整的工作流引擎,可以用于管理和执行各种类型的工作流程。 EasyUI结合Activiti可以实现一个Web版的流程设计器,通过这个设计器,用户可以在前端界面上进行工作流程的设计和配置。具体实现步骤如下: 1. 引入EasyUI和Activiti的相关库文件,确保开发环境中能够正常加载这些资源。 2. 创建一个Web页面,使用EasyUI提供的布局和组件进行界面的搭建。可以使用EasyUI提供的面板(Panel)、标签页(Tabs)等组件来实现一个分区域的界面布局,方便用户进行操作。 3. 在页面中添加流程设计器所需的元素,例如布(Canvas)、工具栏(Toolbar)等。可以使用EasyUI提供的拖拽功能来实现元素的可拖拽和放置。 4. 通过EasyUI的事件机制,添加相关事件处理函数。例如,当用户在工具栏中选择了某个任务节点的图标后,可以通过事件处理函数在布上创建该任务节点的图形表示。 5. 使用EasyUI提供的交互功能,实现一些操作的响应效果。例如,当用户在布上选择了某个已有的任务节点图形后,可以使用EasyUI提供的高亮效果来标识用户的选择。 6. 结合Activiti的API,将用户的设计配置保存到数据库中,以便后续的流程执行。可以使用EasyUI提供的表单组件和验证规则来方便地收集和验证用户的输入。 通过以上步骤,就可以使用EasyUI实现一个基于Activiti的Web版流程设计器。用户可以通过页面上的操作,设计和配置工作流程,并将其保存到数据库中。在实际的应用中,可以将该设计器嵌入到公司的内部系统中,方便各个部门的员工进行流程的设计和管理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值