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

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

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

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

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

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

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

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

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

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

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

用的是自己写的es6的promise补丁如何实现一个ECMAScript 6 的promise补丁 大概是这个样子: new Promise(function (resolve, reject) { sql1(function (r) { resolve(r); }) })then(sql2)then(sql3)then(sql4);

1、下载金山文档APP。

2、选择使用微信登录。

3、设置姓名。

4、更改成自己的大名。

5、开始创建表单。

6、点击表单图标。

7、点击表单样式选择复制已有表单。

微信小程序例子——使用form表单获取输入框数据 - 下载频道 - CSDNNET

>

以上就是关于小程序表单动态配置与表单联动 - 结构设计篇全部的内容,包括:小程序表单动态配置与表单联动 - 结构设计篇、微信小程序 如何阻止form表单提交、金山表单小程序怎么用别人的表单模版创建等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zz/10102557.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存