文档介绍:iH5高级教程:H5数据应用,收集用户信息
第一步:
1、 选中舞台,点击页面工具口,添加页面。重命名为报名页面。
2、 选中页面,点击图片工具****上传5张图片。
0'标题
Si姓名底框
手机号底框 g]区 LOGO 国网牌子 iH5高级教程:H5数据应用,收集用户信息
第一步:
1、 选中舞台,点击页面工具口,添加页面。重命名为报名页面。
2、 选中页面,点击图片工具****上传5张图片。
0'标题
Si姓名底框
手机号底框 g]区 LOGO 国网牌子 囱背景
3、选中页面,点击输入框工具,在白框上画一个区域,添加2个输入框,重命名为手机、 姓名。在属性面板提示文字处填写请输入姓名、请输入手机。
文本对齐
提示文字 清输入手机
4、选中报名页面,点击图片工具国,上传确定图片。
确定
5、选中报名页面,点击图片工具国,上传报名成功图片并添加动效。隐藏图片的勾,即 作品打开时报名成功不显示,之后通过事件使之显示。
-□报名页面
』 报名成功
国国对号2 团’登记完成 『动加
第二步
1、选中舞台,点击工具栏数据库工具建,添加数据库。
2、选中数据库,点击工具栏文本字段工具凹
,添加两个文本字段。分别绑定输入框,填
写字段名称。
第二步:
1、选中确定图片,点击工具栏事件工具
,添加事件。手指按下确定图片,提交数据库。
a
触发对象
触发条件
按下肘间
目标对象
目标动作
微信红包金额
3、提交后点封面上的数据库图标,即可进入数据库查看信息。
数据库列表
重点控件:数据库、文本字段、输入框、事件
知识点:
数据库:数据库是案例存储数据的功能组件,用于收集观众在案例里输入的各类数据,观众 即打开案例观看的人。数据库跟其他工具相配合还可以调用收集到的数据显示到案例中。例 如投票、记录抽奖、邀请函等。通过案例封面的数据库按钮可查看数据库内容。
输入框:输入文字或数字等等,可配合数据库使用。
文本字段:通过数据库提交的文本信息。
重点事件:
触发对象:确定图片
触发条件:手指按下
目标对象:数据库
目标动作:提交
触发对象:数据库
触发条件:提交完成
目标对象:报名成功图片
目标动作:显示