zoukankan      html  css  js  c++  java
  • SpreadJS 纯前端表格控件应用案例:Teammark知识管理库

    由三节课研发的Teammark系统,基于 SpreadJS 二次开发实现,采用行业优秀的工作方法,以Excel模板作为基本的文档范例,满足了客户在线编辑Excel文档的刚性需求。

    下面,让我们一起来看看三节课是如何在“Teammark系统”中应用表格技术,实现多人实时协作与“表格文档协同编辑”的。

    项目背景

    在各个企业内部,员工在工作过程中都会产生若干知识财富,很多企业并没有合适的管理工具或平台将这些知识财富聚集在一起,一旦发生员工离职/转岗的情况,这些知识财富便可能遗失,对于公司来说,这就是一种隐形的价值损失。

    由三节课研发的Teammark系统,采用行业优秀的工作方法,以Excel模板作为基本的文档范例,旨在收集员工在工作时的高频场景问题,包括日报周报、会议、项目管理、新人入职、目标管理、协同等。

    项目架构图

    image.png

    项目截图

    Teammark系统的在线文档预览界面,基于 SpreadJS 二次开发实现,上方保留有类似Excel的表格工具栏,采用扁平化的设计模式,使界面看起来更加清爽简洁。通过使用表格工具栏上的加载模板悬浮窗,可以选择已有模板并快速加载。

    32.png

    借助 SpreadJS 的基本功能,Teammark系统实现了文档在线编辑模块,用户可以在文档中在线编辑。该模块支持多人协同编辑和邀请编辑,用户可以邀请其他人共同编辑文档内容。

    33.png

    在多人协同编辑时,其他人编辑的单元格会有高亮及名称提示。

    34.png

    如果存在编辑冲突(同时编辑同一个单元格),会出现警告提示:

    35.png

    通过系统生成的文档可以在线预览,在线预览时,可对文档进行查询、筛选、排序等操作,方便数据的查找及定位。

    36.png

    表格技术带来的价值(选择表格控件 SpreadJS 的主要原因)

    该系统基于 SpreadJS 二次开发实现,为客户带来了类似 Excel 的使用体验,并解决了客户在线编辑Excel文档的刚性需求。

    借助 SpreadJS 的 API,系统实现了Excel导入导出、公式计算、在线填报数据、打印报送、实时预览、数据校验、服务端数据交互等功能,为客户提供了科学的表格文档管理方式,提升了企业员工之间的办公效率,使员工的知识财富得以迅速积累。

    以上就是三节课应用SpreadJS表格控件技术研发的“Teammark系统”案例展示,如需查看 SpreadJS 的更多应用案例或需要了解 SpreadJS 的更多功能特性,欢迎访问SpreadJS 产品官网

    关于SpreadJS 纯前端表格控件

    SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户带来亲切、易用的使用体验,并满足 Web Excel 组件开发、表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景,可极大降低企业研发成本和项目交付风险。

  • 相关阅读:
    【前端异常】解决前端引入Bootstrap的dropdowns 菜单时报错,Uncaught TypeError: Bootstrap‘s dropdowns require Popper.js
    @MapperScan注解
    mongoRepository mongoTemplate
    Spring注解中@component
    正则表达式
    832. Flipping an Image
    Java---静态代码块、构造代码块、构造函数以及Java类初始化顺序[未完成]
    轻松学习正则表达式「转」
    771. Jewels and Stones
    java中的栈、堆、常量池和关于String类的理解
  • 原文地址:https://www.cnblogs.com/C1SupportTeam/p/13602813.html
Copyright © 2011-2022 走看看