西安葡萄城：构建前端开发生态，用技术整合服务，以技术驱动业务

随着第五代移动通信技术（5G）的普及，中国互联网再次呈现出井喷式的发展前景，区块链、组件化开发、跨平台 & 动态化等先进理念相继诞生，不断催生出一系列具备数字化、智能化、ICT技术的新兴产业集群。

在它们的推动下，企业级前端应用越发丰富，开发迭代的速率也在显著提升，“连接、在线、数据、智能”逐渐成为了数字化应用的典型特征，而实现这一切的基础——前端开发技术，亦在这场互联网盛宴中扮演着越来越重要的角色。

图片来自于网络

全新的技术与开发模式，带来了巨大的产业风口。越来越多的厂商开始跻身于移动开发与Web应用领域。

遥想中国互联网发展之初，由于缺乏统一的开发标准和规范，导致跨平台的适配工作量巨大，相应的应用系统开发效率低下、调试成本极高，这严重阻碍了企业信息化转型的步伐。

如今，互联网行业正逐步从单一的系统集成服务向产业链的前后端延伸扩展，产业链中的分工也在进一步细化。

2019年5月21日，" 鸿蒙 " 系统发布之初，华为总裁任正非在接受记者采访时表示：" 做一个操作系统的技术难度不大，难度大的是生态，怎么建立起一个生态？这是一个大事情，慢慢来。"华为，作为通讯领域的巨头，已经开始着手布局其操作系统的生态。

作为全球领先的开发工具、商业智能解决方案提供商，葡萄城又是如何通过构建自己的前端开发生态，贴近用户使用场景，持续为开发者赋能呢？

葡萄城前端开发生态：技术整合服务 + 技术驱动业务

自1988年进入中国市场，到1993年推出支持微软Visual Basic的控件产品，再到如今，葡萄城的主要开发工具（表格控件SpreadJS、报表控件ActiveReportsJS、UI组件库WijmoJS）均已发布纯前端版本。

全新的产品迎来了更多合作，但葡萄城也深刻的认识到，仅靠单一的产品销售模式，已经不能满足复杂多变的业务需求，只有通过构建完善且活跃的前端开发生态，才能持续为用户提供安全、稳定的开发工具和更为丰富的应用场景。

正如华为用" 鸿蒙 "来构建操作系统的生态一样，葡萄城也在用SpreadJS（纯前端表格控件）构建自己的前端开发生态。

用技术整合服务

葡萄城的前端开发生态以SpreadJS为核心，包含了开发者生态和用户生态（软件厂商）两部分，二者相辅相成构成了企业Web开发的 " 自循环 "。面向开发者，提供产品和技术资源；面向用户，提供方案和培训服务。

一、开发者生态

涵盖需求分析、项目开发与维护升级三部分，葡萄城会根据开发者的实际项目需求，提供产品最佳使用方案，同时还会根据当前项目组进展以及对产品的掌握程度，提供问题咨询与项目优化服务。

开发者生态

二、用户生态（软件厂商）

由现场巡检、版本持续升级、中文金牌服务、需求优先支持和灵活的授权模式组成。葡萄城会派遣技术专家深入项目组了解产品应用情况，并将用户的需求反馈，优先加入产品更新列表，甚至会面向核心用户组提前发布内部版本，以制定预研方案。

用户生态

以技术驱动业务

 “帮助用户破解信息不对称的困境，想用户所想，急用户所急”。尤其在业务的初始阶段，在市场定位、用户诉求、产品逻辑已经明确的前提下，快速交付才是企业业务的核心诉求。

但如何才能保证项目快速交付呢？

企业一般会从稳定性、可扩展性、性能这三个角度去考虑。

除了保证项目star数多、有单测，代码覆盖率90%~95%以上、文档完备，有常见Q&A、版本控制等常规手段外，借助葡萄城的前端开发生态，恒生电子股份有限公司（以下简称：恒生电子），走出了一条更加便捷的道路。 

基于业务发展，恒生电子需要对其原有的金融报表中心升级优化，满足以下需求：

•        存在较多金融个性化场景；

•        微服务化结合恒生自有架构；

•        机构独立部署，统一报表管理；

•        与效能平台的有效结合，报表的快速集成及交付；

•        时效性保障（支持、现场解决、现场制作）；

•        对性能要求较高；

恒生金融报表平台架构

为保证全新的金融报表中心快速交付，恒生电子使用了SpreadJS来开发金融报表中心的报表场景（监管报送、类Excel UI界面）和业务功能（在线Excel编辑、复杂电子表格设计）。

SpreadJS在恒生报表中心的应用场景

“使用SpreadJS，我们高度还原了本地excel的功能及展示，且不需要安装office软件。SpreadJS在大数据量展示时有不错的效果，支持与Vue/React结合，前后台分离交互，方便excel导入，并进行在线设计编辑。此外，SpreadJS开发使用简单，功能接口丰富，对excel的图表支持及兼容性极高。”恒生报表中心的项目负责人如此评价道。

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

对于企业来说， SpreadJS可以完美嵌入到OA、账务、生产等系统开发中使用，轻松的将数据导出为指定模板的Excel文件，进行复用。

对于开发人员来说，在帮助企业进行业务应用设计时，通过 SpreadJS 提供的类似 Excel的模板设计器，可以轻松的设计模板，节约应用程序开发所需的时间和精力。仅用不超过100行代码，就可以实现Excel的全部功能。

以SpreadJS为核心，构建前端开发生态的意义重大

与前端的高速发展相悖，智能化与信息化逐渐成为了企业发展的瓶颈，大部分企业在处理数据、统计数据时，仍习惯使用Excel。

在数据统计领域，Excel 的地位无人能及，但是对于企业来说，Excel却面临着：和已有应用接驳困难、无法完全脱离Office套件、高昂的授权价格、无法分布式修改数据等短板。

如果有一款开发工具能够将Excel的功能，嵌入到Web系统中，实现数据填报、Excel 类报表设计、在线Excel 协同应用等业务场景，并完全兼容Excel 的公式和文档类型，便会为企业带来巨大的价值。

而这便是SpreadJS设计的初衷。

使用SpreadJS，即可以满足应用系统中流行的B/S架构需求，让用户进一步把应用迁移B/S端，也可以完全脱离Office套件使用，实现与Excel高度类似的UI和功能。

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

SpreadJS 以更贴近Excel的应用，在帮助开发人员专注于产品业务逻辑的同时，还不用通过机械式的编码，即可实现数据的高效处理、文档编辑、在线协同等，这同样是葡萄城以SpreadJS为核心，构建前端开发生态的意义所在。

葡萄城以SpreadJS为核心，所构建的前端开发生态，除了帮助用户基于实际应用场景，提供现有技术产品的选型和最佳解决方案的同时，还为用户提供了完善的售前、售后服务体系，以及更专业的产品定制化培训服务。

赋能开发，共建生态，坚守信念，传承未来

在过去 30 余年中，葡萄城不断拥抱技术变化，赋予开发者们更多更好的开发工具。未来，葡萄城将在产品转型、服务升级、模式创新方面继续努力，通过构建更完善的前端开发生态，用技术整合服务，用技术驱动业务，为开发者持续赋能。