SpreadJS 纯前端表格控件应用案例：雨诺订单管理系统（雨诺 OMS）

由青岛雨诺研发的雨诺订单管理系统，为各医疗零售门店提供了统一、简单的操作界面，通过打通线上线下平台，在两个信息孤岛之间搭建通信桥梁，实现了订单、库存、财务信息在线上平台和线下 ERP 之间自由流转。

下面，让我们一起来看看青岛雨诺是如何在“雨诺订单管理系统”中应用表格技术，实现“类 Excel 报表设计”与线下线上数据对接的。

项目背景

在移动互联网时代，新零售已成为医药零售领域的新风口，O2O 业务如火如荼。如何借助信息化手段管理好此类业务，成为了相关企业新的课题。

对于这类企业来说，其最大的痛点是如何解决线上线下系统的信息孤岛问题，如：

1. 线上 O2O 平台只负责管理线上的订单流程，如接单、派送、完成及售后等，其无法管理线下企业的库存和财务信息。
2. 线下企业一般都是通过 ERP 对库存财务等进行管理，但各个平台的后台结构不同，经常造成系统操作困难和高昂的培训成本。

基于这个背景，雨诺 OMS 系统应运而生，该系统为零售门店提供了统一、简单的操作界面，打通了线上线下平台，并在两个信息孤岛之间搭建通信桥梁，实现了订单、库存、财务信息在线上平台和线下 ERP 之间自由流转。

对线上，OMS 已经对接了全国各大电商平台 30 个左右，大部分以 O2O 为主。对线下，OMS 支持医药流通领域的数家 ERP 供应商，能够满足大部分线下企业的管理需求，同时提供二次扩展能力，允许对接任何 ERP 服务商，截止当前，OMS 已经在 50 余家客户中成功应用，每年为客户提供数千万的订单服务。

项目架构图

项目截图

OMS 为企业提供了订单、库存和财务的对接，支持各类订单状态处理、库存价格同步，以及各种财务费用计算，并出具财务对账单。

表格技术带来的价值（选择表格控件 SpreadJS 的主要原因）

青岛雨诺在研发“雨诺订单管理系统”之初，曾遭遇以下问题，且一直未寻找到合适的解决方案：

1. 用户无法在前端灵活的排序筛选数据。

2. 用户无法对录入的数据执行公式计算。

3. 系统数据的处理性能难以达到要求，如在数据分页时，无法一次性加载，用户使用起来十分不方便。

4. 系统操作复杂，用户最终体验差。

为克服上述困难，青岛雨诺的项目开发团队经过考察选型，最终决定使用葡萄城的 SpreadJS 纯前端表格控件来搭建系统原型，主要基于以下几点考虑：

1. 用户体验：选择 SpreadJS 最主要的原因，是看重了 SpreadJS 高度类似 Excel 的功能和使用体验，将 SpreadJS 嵌入系统后，即刻便能实现类 Excel 的布局和操作模式。对于财务人员来说，他们已经习惯使用 Excel 来处理数据，因此，SpreadJS 能让他们更快、更容易的使用系统。
2. 高性能：通过集成 SpreadJS，系统不但提供了几乎所有的 Excel 函数支持，还满足了用户自定义公式、跨表格引用等多场景下的计算需求，轻松实现了数据聚合，让“雨诺订单管理系统”，从能用变成了好用。

以上就是青岛雨诺应用 SpreadJS 表格控件技术研发的“雨诺订单管理系统”案例展示，如需查看 SpreadJS 的更多应用案例或需要了解 SpreadJS 的更多功能特性，欢迎访问SpreadJS 产品官网。

关于 SpreadJS 纯前端表格控件

SpreadJS 是一款基于 HTML5 的纯前端表格控件，兼容 450 种以上的 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐，并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户带来亲切、易用的使用体验，并满足 Web Excel 组件开发、表格文档协同编辑、?数据填报、?类 Excel 报表设计等业务场景，可极大降低企业研发成本和项目交付风险。