实战 | 0~1基于模板开发问卷小程序

本文将帮助您借助腾讯云微搭低代码 WeDa 平台,基于已有的模板快速打造出如下图所示的问卷调查小程序。

实战 | 0~1基于模板开发问卷小程序

概述

从0到1开发一款问卷小程序需要经过几个步骤,从模板中心复制应用到自己的应用管理,然后根据需求定义数据源。数据源定义好后需要按照需求设计页面,主要是完成布局的添加和组件的定义。一切做好之后就需要本地构建然后预览效果,只需要简单的几步就可以独立开发一款属于自己的应用。

步骤1:创建应用

在 腾讯云微搭低代码控制台 单击【模板中心】,选择需要的模板,单击【立即使用】。

实战 | 0~1基于模板开发问卷小程序

录入应用名称,填写 survey,单击【确定】。

实战 | 0~1基于模板开发问卷小程序

步骤2:编辑数据源

使用模板成功后,单击【数据源管理】,即可看到新加了一份名为【低码分享活动报名表】的数据源。

实战 | 0~1基于模板开发问卷小程序

单击名称即可浏览表中的字段名称、字段标识和数据类型等详细信息。

实战 | 0~1基于模板开发问卷小程序

同时,支持在数据源管理页面自定义添加业务所需的字段,单击【添加字段】。

实战 | 0~1基于模板开发问卷小程序

可以增加一个职业的字段,字段标识为 job,字段类型为字符串,是否必填选择【是】,是否枚举选择【否】

实战 | 0~1基于模板开发问卷小程序

设置完毕后单击【确定】就增加了一个字段。

实战 | 0~1基于模板开发问卷小程序

不需要的字段可以删除,可以单击操作列上的【删除】按钮删掉,本文以删掉感兴趣的话题字段为例。

实战 | 0~1基于模板开发问卷小程序

添加第二个字段所属行业,字段标识为 industry,字段类型为字符串,是否必填选择【是】,是否枚举选择【否】,设置完毕后单击【确定】就增加了一个字段。

实战 | 0~1基于模板开发问卷小程序

由于参与问卷调查的用户只需提交就可以,因此【动作】只勾选【新增】方法,其他都保持默认。设置完毕后单击页面底部的【确定】,否则刚才添加的字段都不生效。

步骤3:修改页面

1.数据源设置完毕后就需要创建页面,单击【应用管理】,找到刚才创建的应用,单击【编辑】按钮进入应用编辑器。

实战 | 0~1基于模板开发问卷小程序

实战 | 0~1基于模板开发问卷小程序

代码解析

下面逐条分析当下使用模板的结构。首先是有个垂直布局组件,它将页面分成了三个部分:

头部(header):头部放置小程序的介绍,向用户告知本次调查的目的。对应模板中的【插槽 header】。

内容(content):内容部分就是具体的调查项,在调查项结尾需要增加一个提交按钮,方便用户提交。对应模板中的【插槽 content】。

尾部(footer):尾部一般放置版权信息。对应模板中的【插槽 footer】。

改造头部

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpdjfy.html