用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

即速应用 | 教程

即速应用 - 微信小程序开发资源汇总

六、小程序 | 电商系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

七、小程序 | 预约系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

八、小程序 | 外卖系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

九、小程序 | 到店系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

十、小程序 | 社区系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

十一、小程序 | 视频系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

该用户从未签到

5

主题

6

帖子

812

金钱

版主

Rank: 7Rank: 7Rank: 7

积分
0
2018-7-27 14:53:15 咫尺_bear 版主 楼主 22231
观看此功能视频教程请点击http://school.jisuapp.cn/courses/136.html#1
111.png




一、动态表单是什么?

【动态表单】组件,主要适用于用户在小程序中提交信息,例如小程序中活动报名、意见反馈、预约时间等等,像类似于这些提交信息的活动,就可以使用到动态表单。它可以提交文本、图片、评分、选项(下拉、图片类型)、时间、地址等信息,使用这些功能仅需添加组件并对接到的后台数据对象即可。

动态表单.gif


二、动态表单使用方法


①【动态表单库】
进入【编辑页点击【表单】组件进入【动态表单库】-【选择模板】-【确定】,绑定相应数据后可直接使用

图片2.png


②【空白表单】
进入【编辑页点击【表单】组件进入【动态表单库】-【选择空白表单】-【确定】

图片3.png

再通过在动态表单右侧,添加需要的子组件。
注:必须添加【提交按钮】组件!若没有将无法提交信息!
注2:【按钮】组件无法取代【提交按钮】组件!
2.png



建立数据对象

点击右方“新建”按钮,来建立新的数据对象
(数据对象是用来收集/存储信息的位置,后台本身没有自带这个位置,我们需要自行在建立一个,然后对接动态表单)
3.png


在弹出框内,点击右上角【添加字段】,根据组件来添加字段,添加完后点确定保存。
类型选择:若需要获取的信息是文字则选【文本】、若是图片则选【图片】
4.png



绑定数据字段

在右下角“绑定元素”里,给组件绑定上对应的数据字段。
5.png

6.png


接下来我们给组件加上一些提示,以及美观上的优化
7.png



实际效果
动态表单.gif




三、组件的功能介绍

动态表单
功能:用户可以通过组件提交信息至商家后台
选择模板:可以选现有的模板
自由编辑:可选需要用到的子组件
绑定对象:选择表单需要对接的数据对象
- 新建:可以新建数据对象
- 管理:可以管理数据对象内的字段
绑定元素:可给表单内子组件绑定字段
8.png


单行文本
功能:用户可输入单行字
提示文本:可输入提示用户文字
对应数据字段类型:文本
9.png


多行文本
功能:用户可输入多行字
提示文本:可输入提示用户文字
对应数据字段类型:文本
10.png


评分
功能:用户可点击进行评分
单项样式:图标或滑块类型
选中颜色:用户选评分时所选中的颜色
对应数据字段类型:文本
11.png


选项
功能:用户可选择选项
标题:该选项的标题
多选:开启后可多选
选项内容:可添加选项内容供用户选择
对应数据字段类型:文本
12.png

添加图片
功能:用户可以添加图片上传
对应数据字段类型:图片
13.png


时间
功能:用户可以选择时间
是否开启全天预约:开启后不需要选钟点时间
对应数据字段类型:文本
14.png


下拉选项
标题:下拉项组件的标题
下拉栏:下拉展示选项,一个下拉栏中可添加多个选项
对应数据字段类型:文本
15.png


图片选项
标题:图片选项组件的标题
多选:开启后选项可多选
选项设置:可添加多个选项,一个选项仅为一个选项图
对应数据字段类型:图片
16.png


地址
功能:用户可以选择地址
同步用户收货地址信息:可以同步用户的地址
对应数据字段类型:文本
注:获取的信息仅地址信息,无法获取用户信息(联系人、名称、联系电话)
17.png


提交按钮
注:表单内必须有提交按钮、才能提交
常态:提交按钮可使用时所标识的文字
禁用时:提交按钮不可用时所标识的文字
提交限制
- 效果:可设置用户或每日可提交
- 次数:设置可提交次数
表单支付:开启后提交表单需要支付金额
支付金额:金额额度
支付优化:开启后用户可以用会员卡、优惠券、储值金、积分支付
注2:支付的金额将会以当面付订单的形式进行,会产生推广分销功能佣金!
表单提交后事件:可设置提交之后所发生的点击事件
对应数据字段类型:该组件无需绑定字段
18.png

四、更换模板、收藏表单模板
【更换模板】:可直接选择其他模板
【收藏表单模板】:对自己设计好的表单模板进行收藏,方便下次从【动态表单库】选择直接使用

图片4.png

观看此功能视频链接请点击http://school.jisuapp.cn/courses/136.html#1


使用道具 举报 回复
啥也不说了,感谢楼主分享哇!
技术指导Q443370783
微信:15844033767
动态表单的提交按钮设置每日提交一次之后,为什么还可以无数次提交,并且按钮没有显示已提交字样,什么原因
发新帖
*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册
咫尺论坛|小程序开发社区
X