Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说案例分享！短期如何实现跨域提交、数据分析、协同编辑的云表单？,希望能够帮助你!!!。

SpreadJS 是一款基于 HTML5 的纯前端电子表格控件，兼容 450 种以上的 Excel 公式，凭借其 “高性能、跨平台、与 Excel 高度兼容”的产品特性，备受以华为、苏宁易购、天弘基金等为代表的企业用户青睐。

项目背景

云表单，作为以数据收集为基础，提供表单相关的功能、平台、应用、工具和服务，可帮助企业 CIO 和开发者，全方位分析表单数据，辅助决策。

其中，表单是数据收集的前提。云表单创建了一种更加简单、专业的数据采集流程。通过嵌入纯前端表格控件SpreadJS，云表单支持了单元格级别的数据绑定和服务端数据校验，用户可自定义多个字段及多个字段类型的表单，根据实际需求自由组合，一键完成跨域提交、数据分析、协同编辑及数据多级上报。

与此同时，用户还可以完全自定制表单界面，如导航区、右键菜单、计算公式、工作流等。

云表单为企业及个人用户，提供了从数据采集、存储、智能化分析、大数据应用等在内的全流程数据驱动解决方案，可有效帮助企业及个人驱动业务决策和产品智能。

（云表单建设目的）

实际使用情况

1. 模板设计、派发

通过嵌入 SpreadJS 在线表格编辑器，管理员可以自行设计表单模板，并派发给相应业务人员。

2. 表单权限管理

管理员可以在系统后台对表单填写、模板下载、结果文件下载等操作进行管控。

3. 表单填写

用户对收到的表单模板进行填报和查看。该表单模板支持在线和离线两种数据填报方式，业务人员可以直接在浏览器中完成数据填报，也可将表单模板导出，在非网络环境下通过本地 Excel 文件打开并完成填报。

此外，云表单还针对填报模板添加了表单保护功能，如下图所示，用户仅可修改白色单元格区域，黄色区域由于被锁定只能查看数据，不能修改。

选择表格控件 SpreadJS 的主要原因

1. 采用SpreadJS可以加快前端开发速度

• 业务人员提交 Excel 样式模版，通过设计器直接转换为页面展示模版，按照 Excel 的习惯设置公式和数据验证规则。
• 通过编写嵌入 SpreadJS 的 View 视图，加载模版和远程数据，对于填写模式和查阅模式需要编写 JS 脚本进行控制。
• 借助 SpreadJS 表格控件，完成上述功能开发仅需不到 0.5 天。

2. 统一数据采集端口

借助 SpreadJS 可以统一数据采集端口，规范录入流程，在数据采集的过程中，减少填写人员对填写要求理解的不一致，而导致的填写规范不达标，降低数据采集人员的工作量。

点击下方“了解更多”查看更多开发案例！

今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。