苏宁易购：使用SpreadJS，构建基于 Web 端 + Vue 集成的“极客办公平台”

SpreadJS 纯前端表格控件 – 培训故事

苏宁易购集团股份有限公司（简称“苏宁易购”）成立于1990年，是中国领先的O2O智慧零售商。面对互联网、物联网、大数据时代，苏宁易购持续推进智慧零售和线上线下融合战略，主打全品类经营、全渠道运营、全球化拓展，开放物流云、数据云和金融云，通过门店端、PC端、移动端和家庭端的四端协同，为用户带来无处不在的一站式服务体验。

苏宁易购采购SpreadJS 纯前端表格控件，主要是为其构建基于Web 端 + Vue 集成的Excel数据管理系统，即“极客办公平台”，该系统用于收集集团内部信息数据，代替常用的 excel表格，通过在线填报的方式汇总、审批、合并数据，以达到实时管控、协同办公的目的。

项目背景

“极客办公平台”是苏宁易购全新的内部管理系统，该系统使用SpreadJS完成了Web端Excel 数据交互、在线Excel功能开发以及数据填报模块等功能。

在采购SpreadJS 之前，公司管理内部信息的办法是：在Excel上安装插件，通过插件与数据库通信，实现数据权限管控，这样做非常的低效且混乱。而新的极客办公平台提供了更加灵活的管理方式和更为亲切的办公体验。

为保证新老系统顺利过渡，需要完成大量的Excel数据迁移工作，因此，新老系统对Excel文件的兼容性至关重要。借助SpreadJS 纯前端无损导入导出Excel这一产品特性，极客办公平台得以顺利完成交付并迅速投入使用。

1.    极客办公平台现阶段的主要使用场景为人事信息录入管理，分为管理端和填报端两大模块。

2.    管理端负责设计填报模板，如字段名称、数据类型、必填项等。填报端主要负责用户填报的权限管控。

3.    系统前端生成的Excel模板文件会通过json传递至后端解析处理，系统根据模板信息生成数据库Table并保存。

培训内容

1.    本次培训共10人参加，包括项目所有开发和部分其他项目负责人、产品经理等。

2.    培训时长2个工作日（8个课时），第一天上午葡萄城讲师给所有学员介绍了SpreadJS的基本功能，然后针对定制的课程内容开始培训。

3.    讲师在与我们的项目经理和产品经理深入沟通后，共同制定了项目具体实施方案。在培训期间，针对部分功能和与Vue框架深度集成等进行了代码演示，并产生相关Demo示例。

4.    通过定制培训，我们掌握了SpreadJS的常用功能。在讲师提供的SpreadJS功能示例和源码的帮助下，我们得以迅速搭建项目原型。

课程反馈

1.    讲师对SpreadJS的各项功能均烂熟于心。通过清晰地讲解、耐心地答疑、由浅入深的课程安排和成功案例的具体实践，我们仅用8个课时，便轻松上手。

2.    不同于传统授课模式，讲师还为我们安排了项目指导及实战演练，根据我们的项目需求，共同制定具体实施方案、编写Demo 示例。

3.    建议培训内容适当增加：API文档的讲解。对于新手来说，面对大量的API文档，往往无法迅速定位所需的功能。

4.    培训内容可以包含在线表格编辑器及其常用的源码讲解，如源码大致位置或者文件名。

课堂掠影

关于 SpreadJS纯前端表格控件

SpreadJS 是一款基于 HTML5 的纯 JavaScript 电子表格和网格功能控件，以“高速低耗、纯前端、零依赖”为产品特色，可嵌入任何操作系统，同时满足 .NET、Java、响应式 Web 应用及移动跨平台的表格数据处理和类 Excel 的表格应用开发，为终端用户带来亲切的 Excel 体验。SpreadJS 在数据展示、前端导入导出、图表面板、数据绑定等场景无需大量代码开发和测试，可极大节省企业研发成本并降低交付风险。

未经允许不得转载：DOIT » 苏宁易购：使用SpreadJS，构建基于 Web 端 + Vue 集成的“极客办公平台”