新手入门

1. 新手资源必读

欢迎使用 SpreadJS，这款基于 HTML5 浏览器的电子表格控件，提供的跨表引用功能允许用户使用多张表进行数据计算，其在界面和功能上与 Excel 高度类似，但又不局限于 Excel，而是为企业信息化建设提供表格文档协同编辑、数据填报和类Excel报表设计的功能支持，极大降低了企业研发成本和项目交付风险。

这一章，我们为新手提供了快速了解SpreadJS的入门指南。

请跟随我们了解以下内容，从环境搭建开始，深入感受SpreadJS强大的数据分析、计算和数据处理能力。

2. 产品基本概念

SpreadJS 是一款基于 HTML5 的纯前端表格控件，兼容 450 种以上的 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、明源云、远光软件等知名企业青睐，被中国软件行业协会认定为“中国优秀软件产品”。

3. 开始您的第一个项目

欢迎使用SpreadJS！本指南旨在帮助您快速开始您的第一个项目，不管你是提埋点需求的业务方还是负责代码埋点的开发人员，在首次接触SpreadJS时，建议跟随指南的步骤，从头开始阅读。

整个指南的内容贯穿了将SpreadJS嵌入系统的全过程，其核心要点如下：

4. 使用 SpreadJS 设计器

SpreadJS提供了两种类型的设计器，一种是用于桌面端应用程序开发的设计器，提供 Windows、MAC 和 Linux 三个版本。桌面设计器可供开发人员设计模板，并直接将已有的 Excel 文件导入到设计器中，让模板创建工作更加方便高效，无需通过代码生成模板。

SpreadJS的另外一种设计器是在线表格编辑器，作为SpreadJS 的扩展插件，在线表格编辑器可直接在 Angular、 React、 Vue 等前端框架中调用，内置开放的 API 和类 Excel 的 UI 设计元素（如工具面板），可实现高效的模板设计、在线编辑和数据绑定，为最终用户带来高度类似 Excel 的使用体验。在线表格编辑器不包含在任何控件或套包内，需要在获得 SpreadJS 的授权后购买使用。

5. 定制外观

SpreadJS 基于原生 JavaScript，全面兼容 Angular、 React、 Vue 等前端开发框架，提供大量 API 接口，可满足企业各类定制化需求，如定制外观样式：

6. 处理用户交互

SpreadJS目前已支持 462 种 Excel 公式，提供可嵌入系统的类Excel设计器和全面开放的 API，为开发人员构建企业级表格应用程序提供更加专业的选择。

SpreadJS推出至今，已广泛应用于财务、预算、工程、统计等领域的信息系统开发中，通过强大的数据处理引擎和灵活的数据可视化呈现，为商业表单控制面板提供了丰富、有效的内容信息。

SpreadJS 处理用户交互的功能包括：

7. 管理数据

SpreadJS 提供了高效的计算引擎，并针对数据处理性能进行了优化，可满足企业各类数据计算、可视化、数据透视分析等需求，却不会过多地占用系统资源。

SpreadJS 管理数据的方式包括：

8. 与第三方框架集成

SpreadJS 基于 HTML5，可以以原生的方式嵌入各类应用，并与前后端框架相结合。将 SpreadJS 与 Vue 、React 等框架集成，可实现类似 Excel 的电子表格功能，包括支持 450 多种计算公式、在线导入导出 Excel 文档、数据透视表和可视化分析，使应用程序具备极高的处理性能和响应速度。

9. 在控件中使用触控支持

SpreadJS 支持触摸控制，用户可以在移动设备和支持触摸的设备上使用由 SpreadJS 开发的应用程序，从而丰富访问应用程序的方式。

SpreadJS 支持的移动端浏览器包括：

Android — Chrome
iPhone — Safari

基于 SpreadJS 开发的电子表格模块，可以自适应屏幕大小，以响应式的方式呈现数据。SpreadJS 控件已针对触屏进行优化，方便用户在移动端使用。

使用触摸支持

SpreadJS 在触摸模式下提供了很多功能，包括滚动、缩放、选择、调整大小、拖拽填充、组、单元格类型、自动调整、编辑、工作表选项卡和工具栏等。当用户选择并点击选择后，SpreadJS 还会弹出触摸工具条。

SpreadJS

SpreadJS 新手入门

1. 新手资源必读

2. 产品基本概念

3. 开始您的第一个项目

4. 使用 SpreadJS 设计器

5. 定制外观

6. 处理用户交互

7. 管理数据

8. 与第三方框架集成

9. 在控件中使用触控支持

更多入门资源

新手训练营

产品学习计划

前端技术交流群：720389894