用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
公告:2018年11月30日,论坛关闭回复功能,任何问题可联系底部在线客服解决

即速应用 | 教程

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

六、小程序 | 电商系统
七、小程序 | 预约系统
八、小程序 | 外卖系统
九、小程序 | 到店系统
十、小程序 | 社区系统
十一、小程序 | 视频系统

该用户从未签到

5

主题

6

帖子

1702

金钱

版主

Rank: 7Rank: 7Rank: 7

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

一、【动态表单】功能简介

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

注:使用视频控件,需将域名“https://up-z2.qbox.me”配置在小程序公众平台中uploadFile合法域名。

动态表单.gif


使用场景:小程序内报名信息提交、缴费表单提交、预约信息表单提交、意见反馈等场景。

未命名_meitu_0.jpg


二、功能教程

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

图片2.png

1.2【空白表单】需要添加子组件
进入【编辑页】,点击【表单】组件,进入【动态表单库】-【选择空白表单】-【确定】

图片3.png

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

2.png


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

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

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

5.png

6.png

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

注:如果遇到不同控件绑定的字段是一样的,提交之后数据以最后填写的为准(包含文本、视频、图片、匿名等所有控件)。

2.3 表单审核流程
① 用户提交表单内容,后台可以审核,审核结果可通过绑定字段显示到小程序端
注:审核功能对表单支付发起退款审核无效,表单支付发起退款和原流程一样
【新建一个数据对象】-【开启表单审核】

图片1.png

② 开启后,后台可对小程序端提交的某条数据可以进行审核

图片2.png

③ 使用动态列表/动态分类绑定对象,如果某数据对象开启了审核,则数据对象名称后将会有(开启审核)

图片3.png

④ 【只展示单人提交的数据】:若开启了,小程序中的动态列表数据如果有100条,只会展示用户自己提交的那条数据,方便自定义用户查看用户提交的数据

图片4.png

⑥ 【禁用时展示上一次提交的内容】:开启后,最后一次提交表单内容,将会展示提交的数据

图片5.png

⑦ 【系统通知】查看表单提交内容时,将可以看到审核状态

实际效果
动态表单.gif

3、如何使用视频组件?
【公众平台配置】如果使用视频控件,需将域名“https://up-z2.qbox.me”配置在小程序公众平台中uploadFile合法域名。

图片5.png

【视频库】用户上传的视频进入视频库中,如果在视频库中将视频删除,应用数据中视频不可查看!!!
图片6.png

下载视频如果该表单有用户上传的视频,点击下载视频可将该用户提交表单时上传的所有视频下载下来。
注:下载视频后会扣除相对应的流量值,扣除的流量值与下载的文件大小一致。
图片7.png

【空间值】【流量值】用户上传的视频会占用账号的空间值,后台下载视频会占用账号的流量值,空间值与流量值的充值在个人中心-视频流量中

图片8.png
图片9.png 图片10.png


三、组件的功能介绍

(1)动态表单
  • 功能:用户可以通过组件提交信息至商家后台
  • 选择模板:可以选现有的模板
  • 自由编辑:可选需要用到的子组件
  • 绑定对象:选择表单需要对接的数据对象

- 新建:可以新建数据对象
- 管理:可以管理数据对象内的字段
  • 绑定元素:可给表单内子组件绑定字段

8.png

(2)单行文本
  • 功能:用户可输入单行字
  • 提示文本:可输入提示用户文字
  • 对应数据字段类型:文本

9.png

(3)多行文本
  • 功能:用户可输入多行字
  • 提示文本:可输入提示用户文字
  • 对应数据字段类型:文本

10.png

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

11.png

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

12.png

(6)添加图片
  • 功能:用户可以添加图片上传
  • 对应数据字段类型:图片

13.png

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

14.png


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

15.png

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

16.png

(10)地址
  • 功能:用户可以选择地址
  • 同步用户收货地址信息:可以同步用户的地址
  • 对应数据字段类型:文本
17.png

(11)添加视频
功能:用户可以添加视频上传,用户可配置最多上传三个视频
对应数据字段类型:视频
注:用户在表单上传视频后,平台会将用户上传的视频做压缩,之后扣除账号的空间值,若空间值不足则需充值,否则用户无法正常上传视频。上传视频大小不能超过20M。
使用视频控件,需将域名“https://up-z2.qbox.me”配置在小程序公众平台中uploadFile合法域名。

图片1.png
(12)匿名组件
标题:提交方式
下拉栏:下拉展示选项,匿名提交/实名提交
对应数据字段类型:文本
注:匿名提-用户提交后后台展示的数据为匿名,实名提交-用户提交后后台展示的数据为该用户微信昵称。
微信图片_20190620101936.png

(13)提交按钮
注:表单内必须有提交按钮、才能提交
常态:提交按钮可使用时所标识的文字
禁用时:提交按钮不可用时所标识的文字
提交限制
- 效果:可设置用户或每日可提交
- 次数:设置可提交次数
表单支付:开启后提交表单需要支付金额
支付金额:金额额度
支付优化:开启后用户可以用会员卡、优惠券、储值金、积分支付

注2:支付的金额将会以当面付订单的形式进行,会产生推广分销功能佣金!
表单提交后事件:可设置提交之后所发生的点击事件
对应数据字段类型:该组件无需绑定字段

18.png

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

图片4.png

观看此功能视频链接请点击http://school.jisuapp.cn/courses/151-30.html


使用道具 举报 回复
动态表单的提交按钮设置每日提交一次之后,为什么还可以无数次提交,并且按钮没有显示已提交字样,什么原因
发新帖
*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册
咫尺论坛|小程序开发社区
X