1. 需要学什么(10分钟)
1.1前序
欢迎来到SpreadJS产品的新手入门!本指南旨在帮助零基础的初学者了解和入门SpreadJS产品,如果您是第一次接触SpreadJS,或者仅对JavaScript熟悉也不用担心,我们将从最基础的知识开始介绍。
SpreadJS是一款强大的JavaScript电子表格控件。它可以轻松地嵌入到您的网页应用程序中,帮助您实现功能丰富的电子表格功能,包括数据的展示、编辑、计算和分析等。SpreadJS具有灵活性和高度可定制性,可适应各种不同的业务需求。
1.2学习前准备
在开始学习之前,您需要具备以下一些基础知识,如果已具备前端开发基础,可跳过:
*HTML和CSS:SpreadJS是一个JavaScript库,它需要与HTML和CSS一起使用,确保您对HTML标记和CSS样式有一定的了解。
*JavaScript编程:SpreadJS是基于JavaScript的,因此您需要对JavaScript编程语言有一定的了解,如果您之前没有接触过JavaScript,建议您先学习一些基础知识。
*浏览器环境:SpreadJS在Web浏览器环境下运行,所以对于浏览器的基本概念和工作原理有一些了解会很有帮助。
1.3产品概念
SpreadJS 是一款基于HTML5 的纯前端表格控件,内置513 种公式函数,其中与Excel 兼容的有459种。具备”高性能、跨平台、与 Excel
高度兼容”的产品特性,被中国软件行业协会认定为“中国优秀软件产品”。
SpreadJS 在界面和功能上与 Excel 高度类似,但又不局限于 Excel,而是为企业信息化系统提供表格文档协同编辑、数据填报和类 Excel 报表设计的应用场景支持。
1.4产品选型指南
葡萄城为您提供了全方位的产品选型和技术支持服务,为您配备的专属技术顾问可与您一起验证项目需求,帮您在最短时间内、最有效的了解产品,帮助您判断SpreadJS是否符合您的预期需求问题。
2. 学完能干什么(5分钟)
2.1 判断 SpreadJS
是否能满足场景对表格的功能需求
SpreadJS 的功能包括在线表格编辑器、在线导入/导出 Excel 、自定义计算公式、数据绑定、自定制打印等,产品兼容 450 种以上的 Excel 公式,完全基于
HTML5 标准,常见的浏览器(如 Chrome、Firefox、Safari、IE Edge、360 极速浏览器、QQ 浏览器等)都可作为 SpreadJS 运行的容器。
SpreadJS 实现上述功能时,无需预装任何插件或第三方应用软件,也不会对已有系统的架构进行破坏,可以以原生的方式嵌入各类应用(如 B/S、H5 小程序、APP
等),并与各类后端技术框架(如 Java、.NET 等)相结合,实现真正的跨平台。
3. 应该怎么学(30分钟)
3.1准备工作
欢迎使用SpreadJS!本指南旨在帮助您快速开始您的第一个项目,不管你是提埋点需求的业务方还是负责代码埋点的开发人员,在首次接触SpreadJS时,建议跟随指南的步骤,从头开始阅读。
3.2在线体验产品
操作体验SpreadJS的强大功能,推荐体验路径:文件 > 导入 > Excel 文件。打开本地 Excel 文件,体验在浏览器中与 Excel 软件兼容的表格操作和功能。
操作体验SpreadJS的强大性能,推荐体验路径:修改行数为 100000 行,列数为 20 列,此时表格中有 200
万个有数据和样式的单元格,体验上下滚动或者修改某个单元格的流畅程度。
3.3在本地快速搭建产品
Demo
这是一个基于 SpreadJS 纯前端表格控件进行快速开发的原型脚手架工具,提供:
- 快速建立基于 SpreadJS 的在线类 Excel 应用初始 Demo
- 通过模板选择 Vue2/Vue3/React 多种原型版本
- 可选择是否在原型中创建带有表格编辑器插件(Designer) 的 Demo
备注:运行脚手架工具,需要安装 Node.JS ,推荐安装最新版本,脚手架支持14.20.x以后的 Node版本
3.3.1安装 spreadjs-cli 脚手架工具(如果使用npx 方式运行,可跳过此步骤)
3.3.2通过spreadjs-cli 创建demo(自动建立目录)
3.3.3选择模版原型
3.3.4进入目录并运行
4. 我学到了什么(10分钟)
4.1了解 SpreadJS
的主要功能和核心价值
(1)纯前端组件、跨平台应用嵌入
(2)在线导入、导出Excel
(3)业界领先的Excel兼容度
(4)极高的性能处理和响应速度
(5)强大的公式计算引擎
(6)配套GcExcel服务端组件
4.2在线体验产品的功能和性能
在线表格编辑器是 SpreadJS 的核心功能之一,可直接在 Angular、 React、 Vue 等前端框架中使用,内置开放的 API 和类 Excel 的 UI
设计元素(如工具面板),可实现高效的模板设计、在线编辑和数据绑定,为最终用户带来高度类似 Excel 的使用体验。
4.3本地环境中创建第一个
SpreadJS 应用
使用CLI原型脚手架工具,成功创建了 SpreadJS 前端工程,感受到基于 SpreadJS 纯前端表格控件进行快速开发的便利性。
欢迎大家反馈使用脚手架工程中碰到的问题,或者提出对此工具的建议,欢迎在线咨询提问或拨打400-657-6008,了解更多SpreadJS的强大功能。