您的位置:首页>>业界动态

纯前端表格控件SpreadJS以专注业务、提升效率赢得用户与市场

发布时间:2019-09-12 10:38:00  来源:互联网    背景:

  提起华为2012实验室,你可能有点陌生。

  但你一定还对前段时间中美贸易战中的那封《海思总裁致员工的一封信》记忆犹新,就在那篇饱含深情的信中,我们知道了华为为确保公司大部分产品的战略安全和连续供应,打造了无数“备胎”,一夜“转正”从幕后走向前台的海思半导体就是其中之一。而海思半导体就隶属于华为2012实验室下属的二级部门,其他二级部门还包括:中央硬件工程学院、研发能力中心、中央软件院等。

  曾有戏言说这个实验室是中国黑科技最多的地方,也代表着国内最顶级的科研水平。

  而就是这么一个本身科技水平颇高的实验室,在2018年选择了纯前端表格控件——葡萄城 SpreadJS 作为其部门内部表格数据管理的工具。

  Why ?

1 、小小的控件大大的能量

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

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

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

  

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

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

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

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


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

2 、开发难度大但实际作用深远

  设计控件是一项繁重的工作。比如它的特性之一兼容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 做一个通用的 Excel 模板设计器,将此前自定制的组件通过 SpreadJS 进行集成,用拖拽的方式在 SpreadJS 的表格编辑器界面进行展示和配置,以便生成一套能够自行设计出数据填报、数据可视化甚至是 BI 的 Excel 模板。”

——天津卡达克数据有限公司

  • Form表单填报

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

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

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

——中国民用航空飞行学院

  • Grid表格数据处理

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

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

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

  • 数据可视化

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

  “通过 SpreadJS‘可嵌入用户操作系统,开发在线Excel’的产品概念,以及葡萄城纯前端数据处理技术在各领域应用中取得的核心成果,我们的技术专家无一不对葡萄城SpreadJS 纯前端表格控件新颖的设计理念和可靠的产品性能表示赞叹。”

——北京神舟航天软件技术有限公司

SpreadJS高度类似Excel的在线表格编辑器界面

  对于代码能力不强的开发者来说,仅通过简单拖拽点击,就可以利用SpreadJS方便的实现表格模板设计、数据填报、数据统计、数据管理、数据呈现等功能;而对于代码能力较强的开发者来说,SpreadJS提供源代码,方便其进行自由定制和任意扩展。

  

  这也是 SpreadJS 获得了众多客户认可的原因。

  比如华为2012实验室。

  

3 、所以,选择SpreadJS是意料之中

  华为2012实验室是华为技术有限公司的总研究组织,据称,该实验室的名字来自于任正非在观看《2012》电影后的畅想,他认为未来信息爆炸会像数字洪水一样,华为要想在未来生存发展就得构造自己的“诺亚方舟”。其研究领域涉及新一代通信、云计算、音频视频分析、数据挖掘和机器学习等,重点面向未来5-10年中国工业互联网的发展方向,不仅代表国内最顶级的研究水平,还为全球高新技术发展产生了源源不断的推动力。

SpreadJS 在华为某项目中的应用截图

  说起华为和SpreadJS的缘起,也有那么些故事性。

  在华为一年一度的内部产品赛上,一位开发小哥用SpreadJS做了个应用,竟然获得了很高名次的奖项,它也因此在内部的论坛和采购平台上火了一把。接触并尝试SpreadJS的部门在使用一段时间后都开始自发安利这个控件,慢慢越来越多的部门开始使用SpreadJS。

  而SpreadJS当然不会让他们失望。

  首先,SpreadJS帮助他们实现了内部表格数据处理。

  

  华为2012实验室的实验部门遍布全球各地,已经在欧洲、印度、美国、俄罗斯、加拿大、日本设立8个重要的海外研究所。随着新研究所的建立和各个研究所间数据交流的程度越来越密集,建立一整套统一、安全、快捷的数据管理机制显得格外重要。

  很多部门此前重度依赖 Excel 作为前期调研、资料收集、交换,方案设计 + 审定的核心工具,积攒大量的 Excel 文件需要进行导入导出并现场打印,而用SpreadJS开发处的Web Excel模块,可以完美兼容Excel文件,并无损导入导出,提升了Excel模块的复用性和新老系统的迁移工作,同时借助SpreadJS开发的模块与Excel UI高度一致,用户无需学习新系统,即可快速上手使用。

  因此,SpreadJS真正无缝兼容Excel文档且支持Excel格式导入导出的特征,让它很好地帮助华为2012实验室进行日常维护管理数据。

  其次,SpreadJS中大量的公式函数和自定义函数功能,满足了他们的项目需求。

  

  SpreadJS能满足Excel公式的完美兼容,兼具强大的数据聚合能力和跨表格引用、自定义函数的能力。

  “简单的一百多行代码配合 SpreadJS 的类 Excel 操作习惯,让我们的用户就像使用 Excel 一样使用内部系统,也为我们系统开发完成后的用户迁移工作节约了大量培训时间,SpreadJS 优秀的性能让我们高枕无忧。”华为2012实验室的相关负责人坦言。

  纯前端表格控件SpreadJS打破传统代码编写方式,将开发回归简捷高效,快速实现用户需求,解决企业个性化需求与标准化生产的矛盾,让企业更专注于发展和创新,势必将成为未来企业数字化进程中的重要开发工具之一。

  

  

  关于葡萄城https://www.grapecity.com.cn/

  赋能开发者!葡萄城公司成立于 1980 年,是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构,面向全球市场提供软件研发服务,并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣,在全球被数十万家企业、学校和政府机构广泛应用。

特别提醒:本网内容转载自其他媒体,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。


返回网站首页 本文来源:互联网

本文评论
阿里巴巴“回家”,首个中美两地上市的互联网公司诞生
11月26日消息 今日上午,阿里巴巴正式在港股上市。开盘时,阿里巴巴涨超7%,报价188.4港元,总市值...
日期:11-26
构建中国云生态|华云数据携手才云科技完成产品兼容互认证 推出智能容器云平台联合解决方案
日前,华云数据推出的国产通用型云操作系统安超OS 2020与才云科技容器平台Compass完成兼容性互认证...
日期:11-26
成交率平均提升57%,零犀新BPO高成效秘诀曝光
11月22日,零犀科技联合创始人兼COO翁绍斌先生参加第三届商业银行数字化转型战略大会并在现场发表主...
日期:11-26
商汤科技发布SenseEngine AI视觉模组,USB一键接入升级“刷脸"
2019年11月26日,北京——全球领先的人工智能平台公司商汤科技SenseTime宣布推出SenseEng...
日期:11-26
智邦国际江苏分公司成立,加速推进长三角地区信息化转型
近日,好消息不断!继湖北分公司成立不久,智邦国际正式宣布成立江苏分公司。这是智邦国际区域化经营...
日期:11-26
360鲁大师体验店第二家直营店正式开业
10月中旬,在360鲁大师完成港股上市后,宣布正式启动旗下小鲁智店的“百城千店计划”。一...
日期:11-26
回顾:从世界5G大会看半导体企业的绝好机遇
“过去这十几年的发展,中国集成电路产业已经解决了从无到有的问题,接下来要走的是从弱到强的...
日期:11-26
一文读懂华为发布会
(原标题:一文读懂华为发布会:MatePad亮相 Mate30系列销量超700万)
日期:11-26
AMD 线程撕裂者3990X明年推出,64核128线程
11月25日消息 根据外媒VideoCardz的消息,现在已经可以确定AMD的线程撕裂者3990X为64核128线程,明...
日期:11-25
擎朗智能荣膺“浦东小微企业·短视频直通车荣誉企业”品牌实力再获肯定
近日,浦东小微企业·短视频直通车第三期在金桥创客天地圆满举办。新一批5家企业通过线上线下...
日期:11-25
优信发布2019中国汽车市场保值率风云榜 康康你家的车上榜了没?
最近,优信二手车联合58车、J.D. Power(君迪)颁发了“紫檀奖”保值率排行榜,覆盖超过140...
日期:11-25
网易严选CEO梁钧:和用户“交互”成就网易严选国牌形象
“随着个性化消费升级,消费者对于个性化产品的购买,参与原创设计、提出定制需求的意愿高涨&r...
日期:11-25
以英雄之名为S9总决赛助攻! 虎牙直播&华为云,team work才会赢
前不久,你的朋友圈肯定经历过这样一波刷屏
  啊啊!赢了祝贺!#FPX团灭G2#FPX夺冠啦!超帅超酷...
日期:11-25
臻迪PowerVision全球新品发布会或将带来科技“新物种”
11月30日,臻迪PowerVision2019全球新品发布会将在苏州常熟举办。自2016年在鸟巢"孵化"首个消费级产...
日期:11-25
Canalys:2019年Q3华为欧洲智能手机销量同比持平
11月25日消息 市场调研机构Canalys数据显示,2019年Q3欧洲智能手机市场份额排名出炉,排前列的分别...
日期:11-25
这4个原因,让“小度x故宫文化”成为2019最佳跨界IP案例
明年,故宫将迎来600周年。这个历经24位皇帝,见证过朝代更替,也见证新中国崛起的宏伟奇迹,现在...
日期:11-25
中国电信规划传输设备解耦路径:将在城域DCI先行部署
近日,在“ODC’2019中国光通信发展与竞争力论坛”上,中国电信科技创新部副总经理...
日期:11-25
万维网之父发起拯救互联网计划
北京时间11月25日上午消息,据外媒报道,“万维网之父”蒂姆·伯纳斯-李(Sir Tim B...
日期:11-25
全球NAND闪存最新营收排名:三星第一,铠侠第二
11月25日消息 今天,集邦咨询半导体研究中心(DRAMeXchange)发布了第三季度的全球NAND Flash品牌厂商...
日期:11-25
“王牌体验官”完美收官,抖音和万达广场基于“流量+场景”实现合作共赢
随着全民短视频时代的开启,短视频和实体商业的融合孕育了更多契机和可能。 10月24日起至11月17日,...
日期:11-25
  专栏介绍
王涵 的专栏
王涵发表的文章
积分:
自我介绍 :