【推荐】SpreadJS 产品入门学习路径

第一阶段：初识入门

---

阶段目标：了解 SpreadJS 产品包组成以及相关学习资源

• 下载产品试用包，并阅读《安装必读》及《目录结构及说明》
• 本地部署产品 API 参考站点
• 注册 GCDN 账号
• 加入前端技术交流群 - QQ：720389894
• 了解 SpreadJS 的典型应用场景：表格文档协同编辑、数据填报、类Excel报表设计
• 收藏以下相关网址
  
  
  • 产品官网：https://www.grapecity.com.cn/developer/spreadjs
  • GCDN 技术论坛（SpreadJS 专区）：https://gcdn.grapecity.com.cn/showforum-230.html
  • 选型指南：https://www.grapecity.com.cn/developer/spreadjs/selection-guide
  • 在线学习指南：https://demo.grapecity.com.cn/SpreadJS/TutorialSample/#/samples
  • 在线 Demo ：https://www.grapecity.com.cn/developer/spreadjs/demo
  • 产品 API 索引：https://demo.grapecity.com.cn/spreadjs/help/api/
  • 申请 SpreadJS 技术顾问：https://www.grapecity.com.cn/developer/spreadjs/applyonline
  • 申请临时部署授权：https://www.grapecity.com.cn/developer/spreadjs/deploy
  • SpreadJS 典型用户案例：https://www.grapecity.com.cn/developer/spreadjs/casestudies
    
    

第二阶段：基本功能

---

阶段目标：熟悉 SpreadJS 基本功能，了解各个功能的应用场景

• 报名参与『SpreadJS 新手训练营课程』学习
• 完成『SpreadJS 产品入门教学系列视频』观看
• 完成『SpreadJS 新人学习笔记系列』学习
• 根据视频和新人学习笔记中的内容，完成『在线学习指南』中相关功能的了解和演练
• 了解以下主要功能：
  
  
  • 在线表格编辑器：在线体验  |   立即下载
  • 工作簿 + 工作表
  • 事件
  • 导入&导出
  • 数据绑定
  • 单元格类型
  • 公式函数
  • 样式外观
  • 数据可视化
  • 浮动对象
  • 右键菜单
  • 数据透视表
    
    

第三阶段：实践应用

---

阶段目标：结合实际需要，将 SpreadJS 应用实际业务当中，完成功能开发

• 尝试将 SpreadJS 与现有项目框架结合
  
  
  • AngularJS
  • Angular2
  • React
  • Vue
    
    
• 根据实际功能需要，在学习指南和API参考中查找相对应内容
• 浏览 SpreadJS 使用常见问题（FAQ）集合贴，查找有关解决方案
• 在 GCDN 相关板块中提出问题，获得答案
  
  

第四阶段：扩展优化

---

阶段目标：在实现功能的基础上，改善场景使用体验，优化交互性能，扩展功能，适应更多需求场景

• 基于 SpreadJS 扩展的能力，完成各类场景的自定义
  
  
  • 例：单元格、公式函数、命令、第三方插件
  • 完成对学习指南中自定义例子的学习
    
    
• 依据 SpreadJS 渲染及数据模型，优化表现性能
  
  
  • 例：大批量更新时的渲染挂起原理、导入时挂起实时计算等