SpreadJS 纯前端表格控件应用案例：在线问卷系统

由某软件公司研发的在线问卷系统，是一款通过收集网络信息，帮助问卷设计者和数据分析师们分析消费者线上行为特征和态度的系统平台，使用该系统可批量而精确地抽取目标网页中的任何数据及信息，快速实现实时的信息获取。

下面，让我们一起来看看该公司是如何在“在线问卷系统”中应用表格技术，实现“类 Excel 报表设计”与 Excel 文件导入导出的。

项目背景

市面上有多种用于市场调研的方式，调查问卷作为其中投入相对较少、效果较为明显的一种，更加受到企业用户的青睐。为取得精准的数据，企业在设计调查问卷时，需要针对不同的人群喜好，设计不同的样式，如设计版面时要清新自然、设计问题时要简单明了等。

某软件公司基于 SpreadJS 开发的在线问卷系统，提供了大量专业且具体的模版，支持在线编辑和多种可视化图表，通过网络信息收集，可以帮助问卷设计者和数据分析师分析消费者在线上的行为特征和态度，批量而精确地抽取目标网页中的任何数据及任何信息，快速实现实时的信息获取。

该系统为用户提供在线设计问卷模板的功能，可以更及时、更快速的完成问卷调查、模板设计及问卷回收工作，即便在资金投入较少的情况下，仍能获取丰富的信息。

项目截图

1. 对问卷信息进行统计分析

（交叉图表分析页面）

2. 数据筛选

从后台返回的数据，通过SpreadJS进行展示，在浏览器中完成筛选、排序等操作，方便用户对统计结果进一步分析。

（数据筛选）

3. 导出Excel

借助SpreadJS 可以在前端导出Excel 文件。点击导出按钮，将Excel文件无损导出至本地，导出的文件对比效果如下图所示：

（导出Excel文件对比）

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

该软件公司的在线问卷系统基于 SpreadJS 纯前端表格控件二次开发实现，支持在线模板设计、Excel 文件导入导出、公式逻辑计算、在线交叉分析、即时数据统计和图表化呈现等功能。

SpreadJS 为该项目带来的价值体现为：

1. 可生成交叉图表：借助SpreadJS 的数据绑定功能，在线问卷系统可以将收集的数据绑定至表格中，并提供数据筛选、排序、分组、批注、切片器等功能，可以方便进行数据分析及展示。

2. 导入导出 Excel 文件：借助SpreadJS 的Excel导入导出能力，在线问卷系统无需任何后台代码和第三方组件，便可直接在浏览器中完成 Excel的导入导出、PDF 导出、打印及预览等操作，解决了前端导出Excel文件的需求，方便用户将最终做好的问卷统计分析数据无损导出至本地。

3. 数据图表化呈现：借助SpreadJS的 32 种图表类型和 182 种形状支持，在线问卷系统实现了丰富的数据可视化效果和实时数据分析能力，支持在线交叉分析和多种样本构成。

关于SpreadJS 纯前端表格控件

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