• 产品与技术
    • 低代码
    • 活字格低代码平台
    • 低代码技术
    • 智能报表
    • Wyn(商业智能软件)
    • ActiveReportsJS(纯前端报表控件)
    • ActiveReports(.NET报表控件)
    • 报表模板库
    • 表格控件
    • SpreadJS(纯前端表格控件)
    • GcExcel(服务端表格组件)
    • Spread .NET(.NET表格控件)
    • 葡萄城表格技术
    • 控件套包
    • GrapeCity Documents(服务端文档组件库)
    • WijmoJS(前端UI组件库)
    • ComponentOne Enterprise(.NET控件集)
  • 客户与案例
    • 典型客户
    • 成功案例
    • 用户访谈
  • 伙伴与生态
    • 合作伙伴网络
    • 葡萄城市场
    • 葡萄城与国产化
    • 活字格用友客开工具
  • 技术服务
    • 技术服务体系
    • 产品培训
    • 技术社区(GCDN)
    • 新手训练营
    • 技术认证体系
    • 金牌服务
    • 技术博客
  • 品牌活动
    • 葡萄城公开课
    • 品牌战略发布会
    • 赋能开发者高峰论坛
    • 企业级低代码发展研讨会
    • 企业级低代码应用大赛
    • 表格技术研讨会
  • 了解葡萄城
    • 关于葡萄城
    • 葡萄城简介
    • 愿景使命
    • 企业理念
    • 企业文化
    • 研发与创新
    • 荣誉奖项
    • 加入我们
    • 新闻中心
    • 葡萄城动态
    • 产品动态
    • 业务资讯
    • 校企合作
  • SpreadJS

    • 产品首页
    • 在线表格编辑器
    • 评估指南
    • Demo 演示
    • 应用场景
      • 返回
        • 数据填报
        • 金融指标补录
        • 预算编制模块
        • 报表勾稽分析
        • 精算与金融建模
        • 企业所得税申报
      • 返回
        • 类 Excel 报表设计
        • 计量检定模块
        • 自动化报表
        • 在线采购管理
        • 管理会计报告
        • 财务报表设计
      • 返回
        • 表格文档协同编辑
        • 文档版本管理
    • 用户案例
    • 帮助中心
      • 返回
        • 学习计划
        • 新手训练营
        • 新手入门
        • 常用资源
        • 常见问题
    • 培训与咨询服务
    • 立即试用

SpreadJS 新手入门

新手入门

  • 1. 新手资源必读
  • 2. 产品基本概念
  • 3. 开始您的第一个项目
  • 4. 使用 SpreadJS 设计器
  • 5. 定制外观
  • 6. 处理用户交互
  • 7. 管理数据
  • 8. 与第三方框架集成
  • 9. 在控件中使用触控支持
帮助中心 新手入门 新手资源必读

1. 新手资源必读

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

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

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

  • 入门视频
  • 新人学习笔记
  • 前端技术 QQ 交流群(720389894)
  • 葡萄城产品技术社区
帮助中心 新手入门 产品基本概念

2. 产品基本概念

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

  • 产品综述
  • 表格对象的属性继承
  • 功能一览
帮助中心 新手入门 开始您的第一个项目

3. 开始您的第一个项目

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

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

  • 部署和再分发
  • 环境要求
  • 控件初始化
  • 单模块引用
  • 使用 TypeScript
  • 旧版本的代码迁移
  • 技术支持
帮助中心 新手入门 使用 SpreadJS 设计器

4. 使用 SpreadJS 设计器

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

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

  • 开始使用设计器
  • 打开和保存文件
  • 使用设计器工作
  • 理解 SpreadJS 设计器界面
帮助中心 新手入门 定制外观

5. 定制外观

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

  • 设置边框和网络线
  • 设置颜色
  • 添加背景图片
  • 添加水印
  • 单元格内边距和标签
  • 设置单元格对齐和缩进
  • 设置文本的上划线,删除线和下划线
  • 允许文字溢出
  • 单元格合并
  • 使用条件格式
  • 创建自定义浮动对象
  • 创建浮动图片
  • 了解迷你图
  • 设置样式和主题
帮助中心 新手入门 处理用户交互

6. 处理用户交互

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

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

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

  • 自动调整行高和列宽
  • 使用单元格类型
  • 使用剪切板操作
  • 复制粘贴样式
  • 给单元格添加批注
  • 使用数据验证
  • 使用拖拽填充
  • 进入编辑模式
  • 使用筛选器
  • 冻结行和列
  • 使用区域分组
  • 使用撤销和恢复
  • 使用公式
帮助中心 新手入门 管理数据

7. 管理数据

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

SpreadJS 管理数据的方式包括:

  • 给单元格添加标记
  • 数据绑定
  • 设置单元格格式
  • 导入或导出 JSON
  • 导入和导出 CSV 文件
  • 在 Spread.Sheets 中使用 Schema
  • 序列化
  • 排序
帮助中心 新手入门 与第三方框架集成

8. 与第三方框架集成

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

  • 在 Vue 中使用 SpreadJS
  • 在 React 中使用 SpreadJS
  • 在 AngularJS 中使用 SpreadJS
  • 在 Knockout 中使用 SpreadJS
  • 在 Breeze 中使用 SpreadJS
帮助中心 新手入门 在控件中使用触控支持

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

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

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

  • Android — Chrome
  • iPhone — Safari

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

  • 使用触摸支持

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

更多入门资源

新手训练营

产品学习计划

前端技术交流群:720389894

前端技术交流群:720389894

 

产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
全球领先的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备:61019002000258  |   隐私政策  |   网站地图  |  

国家   china
  • china   China
  • united_states   USA - International
  • japan   Japan
  • south-korea   South Korea

邮箱: info.xa@grapecity.com  |  Copyright © 2023 GrapeCity inc.