葡萄城 SpreadJS 表格控件 V11 产品白皮书

一. 关于葡萄城

葡萄城成立于 1980 年，是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于 一身的软件和服务提供商，为超过 75% 的全球财富 500 强企业提供服务。

葡萄城是微软公司认证的金×××合作伙伴，同时也是少数几个 Microsoft Office Advisory Board 成员之一。在上世纪 80 年代，葡萄城就加入了 Microsoft Early Adopter Partnership。与微软公司在技术领域广泛而深入地合作，使葡萄城能够深入地理解并掌握最新的技术，并能够把这些最新的技术恰当地运用到为客户提供的产品和服务中。

葡萄城专注开发工具和企业软件领域 30 年，旗下多款产品在国际软件行业屡获殊荣，并在全球被数十万家企业、学校和政府机构等选用。

二. SpreadJS 表格控件 V11 介绍

1) 产品概述

SpreadJS 纯前端表格控件是基于 HTML5 的 Java 电子表格和网格功能控件，适用于 .NET、Java 、Web 应用程序、移动端等多种平台的表格数据处理和类 Excel 功能的表格程序开发。全中文操作界面，零学习成本！便于您在系统开发过程中，更安全的管理 Excel 数据，更快捷的完成海量数据交互，更方便的进行数据导出、导入、排序、过滤、增删改查、可视化及 Excel 导入/导出等操作。SpreadJS 纯前端表格控件自面世以来，备受华为、中国民航飞行学院、中国平安、中国能建、中通等国内知名企业客户青睐。

2) 主要功能

• 模板设计器

通过类似 Excel 的 SpreadJS 设计器，您可轻松设计模板，节约应用程序开发所需的时间和精力。无需编码，各行业人员均可通过 Excel 软件设计界面，然后轻松导入设计器或 SpreadJS 中，即可重用模板。

• 丰富的数据交互和外观

可以通过配置颜色、边框、字体和表格布局元素来自定义行、列和单元格级别的外观风格。另外， SpreadJS 提供了 Excel 风格的主题支持，允许您创建用户熟悉的 Excel 风格界面。

• 数据、显示、可视化和分析支持

如您所想的一样，通过显示、可视化和分析功能精确地呈现数据。您可以通过 SpreadJS 识别数据的趋势，过滤越界值，通过图清晰容易的理解数据。SpreadJS 数据可视化支持包括：

• 支持多工作表

• 支持迷你图

• 条件格式

• Excel 风格分组

• 支持 Excel 风格对话框过滤

• 图表

• 强大的计算引擎

SpreadJS 包括强大的兼容 Excel 的公式、数据聚合、支持 400 多种函数，跨表格引用以及支持自定义名称。

• 工作表和单元格级别的数据绑定

SpreadJS 既可以像网格一样使用，绑定整个工作表到数据源。也可以绑定独立的单元格以呈现您所希望的样式。以上两种绑定都支持双向绑定，所以您也能使用 SpreadJS 创建录入表格。

• 数据验证

当单元格离开编辑模式时，进行单元格中数据的验证。SpreadJS 提供了很多内置的规则，让您可以更快更容易地创建数据验证条件，还可以在含有不正确值的单元格上显示红圈。

• 单元格类型单元格类型决定了用户和单元格交互的方式。它包括如何录入数据、显示数据和验证数据。单元格类型定义了编辑器和格式器来处理如何解析数据，渲染器处理如何呈现数据。单元格类型能被设置到独立的单元格、列、行、一组单元格或者整个表单。当绑定到数据源，单元格类型依据数据类型自动设置。当然，您还可以指定自定义的单元格类型。

• 数据操作

SpreadJS 的数据操作将工作表设计成类似 Excel 的用户界面行为，包括：拖拽填充，拖拽释放，Excel 风格的过滤，行/列冻结和大小改变。

• 高速、低耗

SpreadJS 是一个基于 HTML5 技术的纯前端电子表格控件，它能够把所有的内容以像素点的形式画在画布上，但它不是 HTML DOM 元素的合成。同其他普通的数据表格相比，SpreadJS 提供了更高的渲染性能和更快的界面操作（比如：选择和滚动）。此外，SpreadJS 通过一个高效的数据模型来快速操作数据，这可以方便您流畅地载入和操作海量数据。

3) 支持环境

• 浏览器：

支持 HTML5 的浏览器：IE9, IE10, IE11,Edge, FireFox, Safari, Chrome。

• 前端 Excel 导入导出：

IE10+，FireFox，Safari，Chrome。

4) 设计理念

• 独特的表格绘制画法，高效性能的保障

SpreadJS 采用一种基于 HTML5 Canvas 绘制表格的画法，通过一种独特受到专利保护的缓存方式，高

效的完成对表格绘制，尤其体现在表格局部重新绘制及表格滚动绘制中。采用该画法，会极大的提升绘制

性能，降低 CPU 的占用，让表格的行为更加流畅自然，增强用户体验。

在该画法中，将 SpreadJS 分为多个图层进行绘制：

• 支持所有现代浏览器，且与平台无关

SpreadJS 适用于 Windows，Linux，Mac，Android，iOS，并针对所有现代浏览器进行了测试支持。

• 无依赖的纯 Java 库，支持 Angular/React/Vue

SpreadJS 是纯 Java 库， 对 jQuery 等外部库或框架没有任何依赖，使得您的电子表格更轻量级、更可自定义、拥有更好的和其他库的共用兼容性，并且易于在 VSCode 中使用。支持 Angular v6、React 和

Vue 等常用前端框架，并且您可以选择使用 Type 语言。

• 优化您的 Web 应用程序大小和速度

SpreadJS 是模块化的 JS 库，因此只需将您所需要的功能模块添加到您的应用中使用，此举极大的优化了您 Web 应用程序的大小和速度。

三 产品授权方式

SpreadJS 授权由两个主要方式组合构成：

• 开发授权：涵盖 SpreadJS 在终端用户应用程序开发中的使用。每一位安装和使用 SpreadJS 的开发者均需要一个开发授权。针对企业中常见的多名开发人员同时使用 SpreadJS 的情况，我们提供优惠的团队授权和企业授权模式。

• 部署授权：涵盖了 SpreadJS 可再发行文件的复制、分发和部署，它是最终应用程序的一部分。包括任何 SpreadJS 可再分发文件的终端用户应用。部署授权按照部署域名或者 IP 地址的数量计数。一个域名（例如：www.grapecity.com.cn）或 IP 地址需要一个部署授权。请通过最下方联系方式联系我们取得相应数量的部署授权。

四. 产品升级和技术服务

我们提供两个级别的技术服务：

• 金×××服务：订购年度的金×××服务并且在服务有效期内，可享受：所购产品的免费升级（包括新版本和维护版本）；不限次数的电话支持；通过使用葡萄城产品技术社区获得产品使用问题的优先处理（通常情况下问题将在一个工作日内得到回复）。

我们会为每位金×××服务用户专门指定一位技术服务工程师，以保证金×××服务用户的论坛问题得到

优先处理。另外，对于购买金×××服务的用户，我们也会提供电话服务，在法定工作日的上午 9：00~12：

30，下午 1：30~5：30 可以获得我们技术支持团队的电话支持。

金×××服务，是 97%用户的选择！

• 普通服务：可免费获得产品的维护版本和论坛支持

论坛是开发人员获得技术帮助的最佳场所，在这里您可以：

• 就您遇到的使用问题获得葡萄城技术支持人员和产品开发人员的帮助

• 访问产品的知识库以了解产品的使用经验和技巧

• 浏览和学习其他用户的使用方式，并与之交流欢迎访问葡萄城产品技术社区获得论坛服务。

五 典型用户和用户反馈

“SpreadJS 目前被广泛应用于表单设计和数据填报，它带给我们的不仅仅是良好的用户友好度体验，通过它我们还可以轻松设计模板，节约应用程序开发所需的时间和精力。”

中国能源建设集团安徽电力建设第二工程有限公司

“SpreadJS 控件主要用于项目中的报表设计，展示，打印等功能。参与设计报表的人员完全不需要懂代码知识，只要会用 Excel 就可参与设计报表，很符合 R 平台在线设计无编码开发的理念，并且类 Excel 的操作模式很符合设计人员的使用习惯，大大加快了工作效率，是日常工作的好帮手。”

福建华闽通达信息技术有限公司

“使用 SpreadJS 我们可以轻松设计模板，节约应用程序开发所需的时间和精力。无需编码，财务、人事管理人员均可通过 Excel 软件设计界面，设计计算公式，然后轻松导入设计器或 SpreadJS 中，就可实现模板重用。这大大减轻了工作强度，使得快速开发得以实现。”

中国民用航空飞行学院

“葡萄城技术支持对产品的了解深入程度让人佩服，遇到问题能提供专业、客观的评估，及时跟进问题，做到问题闭环。对无法短期解决的问题会不断同用户通报进展，真正让用户用得放心，是让用户放心把后背交给他的良好合作伙伴。”

刘林丰 华为技术有限公司 2012 实验室 技术负责人

六 产品荣誉奖项

• SpreadJS —— 2018 年度优秀软件产品

• SpreadJS —— 2016 年度第二十届中国国际软件博览会创新奖