纯前端表格控件SpreadJS凭什么赢得用户和市场的高度认可？本文为你详细解答-控件新闻-慧都网

纯前端表格控件SpreadJS凭什么赢得用户和市场的高度认可？本文为你详细解答

原创|其它|编辑：陈津勇|2019-10-11 16:48:39.920|阅读 448 次

概述：SpreadJS——一个赋能开发者的纯前端表格控件，可以帮助开发人员专注于产品的业务逻辑，而不用机械式的通过编码实现数据基本处理。

一般来说，企业的IT部门负责整个企业业务应用程序的开发和部署。而每一个新的应用程序及系统的改动，会收到来自各个部门的各种要求，体量不大的IT部门有时候并不能很好、很及时地满足这些需求。

最终就会形成IT部门难以跟上企业的业务，同时身上积压着超出他们承受范围的工作等恶性循环。而业务部门等不及就开始自己着手解决问题，他们购买未经批准的现成应用程序或者自行制定解决方案。往往也不符合企业的IT标准，并且经常在组织间或在无法协同的系统间产生冲突，无形中成为桎梏企业业务的重大问题。

在这种混乱中，一种减少重复工作，提升效率的工具——控件，悄然兴起。

创建控件的最大意义在于封装重复的工作，其次是可以扩充现有控件的功能。

通俗的来说，控件就如同带有魔法的积木一样，只需要拿起来堆堆叠叠，就可以做出一辆小车、几棵植物，建起一座城池。但它又与普通堆积木不同，用积木堆的小汽车，再使用时还需要重复劳动，而控件则可以随时随地的初始化并可以通过接收参数改变自身属性（颜色，尺寸等）来使用。

这些控件能给项目开发和软件交付带来极大的便利。

而我们这次的故事的主角——SpreadJS，就是一个赋能开发者的纯前端表格控件。SpreadJS可以帮助开发人员专注于产品的业务逻辑，而不用机械式的通过编码实现数据基本处理，如增删改查等。

点击下载SpreadJS正式版

SpreadJS是一款基于HTML5的纯前端电子表格控件，以“高速低耗、高度类似Excel、可无限扩展”为产品特色，提供移动跨平台和浏览器支持，同时满足.NET、Java、App等应用程序中的WebExcel组件开发、数据填报、在线文档、图表公式联动、类Excel UI设计等业务场景，为用户带来亲切的Excel使用体验。

小小的控件，大大的能量

设计控件是一项繁重的工作。比如它的特性之一兼容Excel就有很大的难度。

兼容Excel，也可以称之为微软兼容性。

简单来说就是，如果我们开发别的软件，只要把功能实现就好，不论中间怎么样。比如播放视频的软件只要能播视频就好，听音乐的能听音乐就好。但这个纯前端的取代Excel的产品必须能够正确读取微软的文档。因为微软Office的市场占有率太高，如果不能兼容，意味着别人发来的文档你打不开。想象一下，你以前的文档，你同事、合作伙伴发来的文档，你都打不开。如果他们要看你的文档，得先装对应的软件。这就好像你在微信之外，用另一个全新的聊天工具，你要找朋友聊天，得先让他们安装一个新的聊天工具。

而要实现这样的兼容性，就需要与原有设计(文件格式设计会隐含着原来作者对程序Model的设计)兼容，而微软的Office并不是透明的。为了这个兼容，开发者需要在黑盒模式下各种大胆猜测小心调试，还要承担“只要有问题就是你的问题”的巨大压力。同时，背负上了带着别人的历史追赶别人进步的重任。

而在目前Excel已有的480多种函数公式中，SpreadJS已经支持450种以上。

具体讲讲几个可以帮助开发人员在自己的系统中实现Excel的功能：

贴近Excel的应用

其实，上面所讲的Excel兼容性就是SpreadJS最令笔者惊喜的特性之一。因为很多企业的历史数据等都是留存在Excel格式的文件中的，这种能够直接导入和导出Excel文件的特点极大的方便了企业对留存数据的存储、整理和应用。

而且，作为控件，企业完全可以用SpreadJS完美嵌入到自己的OA、账务、生产等系统中使用，轻松的将数据导出为指定模板的Excel文件，进行复用。在笔者的试用中，不论从页面还是功能都与Excel几乎一致，要不是在Web端，笔者甚至以为自己在使用Excel。这将极大的减少企业员工的学习成本，极快上手。

而对于开发人员来说，在帮助企业进行业务应用设计时，通过SpreadJS提供的类似Excel模板设计器，可以轻松的设计模板，节约应用程序开发所需的时间和精力。仅用不超过100行代码，就可以实现Excel的全部功能，各行业人员均可通过 Excel 软件制作表格，然后轻松导入SpreadJS中，提升模板复用性。

点击下载SpreadJS正式版

“公司的项目管理系统需要使用SpreadJS做一个通用的Excel模板设计器，将此前自定制的组件通过SpreadJS进行集成，用拖拽的方式在SpreadJS的表格编辑器界面进行展示和配置，以便生成一套能够自行设计出数据填报、数据可视化甚至是BI的Excel 模板。”——天津卡达克数据有限公司

Form表单填报

填报就是提前设计好表单的样式，在web端展示，分发给别人或者嵌入到别的软件网页，来收集数据，方便存入（数据）库，就像注册网站填入你的个人信息，发送到后台，同步到数据库。

SpreadJS内置桌面端和Web端的在线表格编辑器，支持用户填报模块。通过SpreadJS内置的多种单元格类型，如按钮、单复选、下拉列表、单元格内的公式引用、数据验证等均能有效的完成表单相关功能。这种提前设计好报表样式收集数据入库，然后导出的方式，能省去很多工作量。

“SpreadJS表单控件主要应用于本项目中各类工资表格的展示、编辑和查询，最后用于汇总生成各类报表并进行展示。我们的体会是，使用SpreadJS我们可以轻松设计模板，节约应用程序开发所需的时间和精力。无需编码，财务、人事管理人员均可通过Excel软件设计界面，设计计算公式，然后轻松导入设计器或SpreadJS中，就可实现模板重用。这大大减轻了工作强度，使得快速开发得以实现。SpreadJS加载速度快，对内部管理系统无压力。并且生成报表和网页打印报表这些麻烦事儿，SpreadJS都很好的解决了!”——中国民用航空飞行学院

Gird表格数据处理

相比其他电子表格，SpreadJS提供更全面的内置公式和自定义函数，可针对大数据和复杂计算进行优化，即可为复杂的公式增加计算能力，又不会过多地占用系统资源。

而且，在进行数据展示时，不论是自动排序、筛选、行表头、列表头、汇总、边框和单元格样式等功能，还是进行分组、查找、聚合、公式等操作，SpreadJS均可满足。

“SpreadJS是一个基于HTML5技术的纯JavaScript控件，不但提供了更高的渲染性能和更流畅的界面操作，还通过一个高效的数据模型来快速操作数据，使得载入和操作超百万行数据变得更为方便且快捷。”——中国能建安徽电建二公司

数据可视化

在企业进行数据资产管理时，很常见的一个任务就是数据可视化，这样才能获得关于数据的形象化展示。而SpreadJS除已完全兼容Excel的92种图表外，还具备了更全面的商业智能分析（数据透视表）和更易于开发使用的自定义扩展能力，并实现了公式的完全自定义。同时已经实现了诸多类 Excel 的内置形状，如线条、矩形、箭头、流程图，可以为前端界面添加更多的细节展现和可视化效果，并且这些内置的形状都可以无缝的进行导入和导出。而即将在十月份推出的升级版新功能中，也将新增形状（Shape）、富文本、二维码以及多个新图表类型。