小程序表单动态配置与表单联动 - 结构设计篇

表单 在桌面应用、app、web应用、小程序等均被广泛应用，各个平台上开发表单相关的功能在实现上也会有些不同，而对于表单的配置、联动也是很多开发者需要面临并尝试解决的难题。

在微保小程序的年金产品投保模块，也涉及到表单的相关处理，有些自己理解，抛出来大家一起讨论。

笔者认为要解决表单模块的配置化、表单联动需要解决下列问题

围绕上述4个问题，笔者将会介绍在小程序环境下如何实现投保模块表单的配置、更新、数据维护、联动。

整个表单的配置化与显示是数据到视图的映射，因此数据、模板是表单的重要组成部分

从图中可以看出，一个完整的表单模块可能是有N(N >= 1)个表单项，很多复杂的表单模块甚至有多层嵌套；同时，每个表单项有自己清晰的标题用以说明此项的业务含义、有明确的表单项状态（编辑态、预览态、隐藏或显示）、有自封闭的控件完成用户相关的信息输入。

进一步抽象出相应的配置如下

对上述的脑图进行一些说明

鉴于整个实现比较复杂，在下一篇文章会对小程序环境下具体的实现方案做介绍，敬请持续关注。

wxrequest({

    success: res => {

        consolelog(resdata)

        if (resdata) {

            wxnavigateTo({

                url: `/pages/index/index` // 希望跳转过去的页面

            })

        }

    }

})

金山表单小程序内容修改方法：

1、已提交则无法修改只能重新填写或联系上交者。

2、尚未提交，则注册金数据账号，在账号中修改已填数据。需要做的设置是，进入该表单——设置——数据收集，在（填写设置）勾选（允许填写者在登录金数据后修改结果），在（填写人群）选择（仅金数据用户可填），并且保存设置，填表人填完表单后可登录金数据，可在其主页左侧点击（我为别人填写的表单），找到该表单查看、删除或打印数据。

*** 作方式如下：

1，首先进入微信，下拉搜索小程序，“金山文档”。

2，进入之后，选择“应用”，进入“WPS表单”。

3，登录账户选择“立即创建表单”。

4，首先输入表单标题。

5，输入你要提问的问题，如果问题较多，可点击“添加下一题”。

6，填写完问题之后，点击“单选题”，选择题型。

7，确认之后，点击“完成”，创建完成。

1、首先打开WPS金山表单，点击新建空白表单，给表单的第一题填写要调查的题目内容。2、其次点击题目下方的三个点，点击添加题目说明，题目说明出现在题目下方，可以填写要说明的内容。3、最后点击题目限制，点击不限，点击必填，题目全部完成之后，点击完成创建即可。

用表单form的bindsubmit事件提交表单。

需要满足：1输入表单中需要有"name",没有"name"值后台打印为空。

2点击的button按钮，需要设置：form-type="submit"。

indexwxml

indexjs

以上就是关于小程序表单动态配置与表单联动 - 结构设计篇全部的内容，包括:小程序表单动态配置与表单联动 - 结构设计篇、微信小程序form表单提交后怎么跳转,JS怎么写、金山表单小程序内容怎么修改等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！