开山斧在线云表单 客户端SDK

背景、痛点

表单的应用场景非常多，业务有提交数据的需求，就需要用到表单。

但在表单开发中，每次都是差不多的逻辑，每次都是差不多的组件，每次都是差不多的HTML、CSS、JS，一旦遇到有成百上千的表单数据需要提交时，这个过程相当繁琐，费时费力，还容易出错！

一名合格的项目领导者，但凡遇到重复性的工作任务时，就应该提出相应的程序化的解决方案，从而提升团队的研发效率，这也是本项目诞生的意义！

此项目的宗旨是提供一套第三方的解决方案，把表单的提交、编辑、查看等一系列复杂繁琐的操作交由第三方来做。但是相应的，用户填写的表单数据却是存在于客户自己的服务器，这样既保证了数据的安全，也大大的加快了项目的开发周期！

SDK介绍

• 支持通过SDK进行本地项目开发
• 支持通过SDK操作表单数据、获取表单字段和结构
• 支持通过SDK提交、编辑、查看表单

兼容性

• IE9+
• 所有chromium内核的标准浏览器

安装

通过模块工具npm、bower来安装

bower install @datagetter.cn/form-render-client
npm install @datagetter.cn/form-render-client

使用示例

ES6模式

import FormRenderClient from '@datagetter.cn/form-render-client'

或者直接引用./node_modules/@datagetter.cn/form-render-client/build/sdk.min.js

<script src="./node_modules/@datagetter.cn/form-render-client/build/sdk.min.js"></script>
<script>
    // 初始化对象
    var frc = new FormRenderClient();

    // 链接云表单开发地址
    frc.connect(document.getElementById('iframe'),"http://datagetter.cn/platform/designer/dev/60f8e08902b9bd490301c9c4");

    // 获取表单数据promise
    frc.sendAction('getFormVals');

    // 设置表单数据promise
    frc.sendAction('setFormVals',{formVals:{'Input_5929089362': '1',
            'Textarea_3455241568': '2'}});

    // 获取表单字段结构promise
    frc.sendAction('getFormStruct');

</script>

开山斧云表单开发地址

上面例子中提到有一个云表单开发地址，此地址通过开山斧云表单官网即可创建: http://www.datagetter.cn

或者

你可以直接使用开山斧云表单的编辑器创建：http://datagetter.cn/platform/designer/index

联系我

对于项目，如果有任何问题，有任何想法或者建议，可以通过如下方式联系到我，期待大家的反馈！

工作邮箱: [email protected]
QQ交流群: 439366057
个人微信: ycx1024669228

开山斧云表单整个项目也支持本地部署，欢迎咨询！