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

本文将帮助您借助腾讯云微搭低代码 WeDa 平台，基于已有的模板快速打造出以下图所示的问卷观察小法式。



概述

从0到1开辟一款问卷小法式需要经过几个步调，从模板中心复制利用到自己的利用治理，然后按照需求界说数据源。数据源界说好后需要依照需求设想页面，主如果完成结构的增加和组件的界说。一切做好以后就需要当地构建然后预览结果，只需要简单的几步便可以自力开辟一款属于自己的利用。
步调1：建立利用

1.在 腾讯云微搭低代码控制台 单击【模板中心】，挑选需要的模板，单击【立即利用】。



2. 录入利用称号，填写 survey，单击【肯定】。


步调2：编辑数据源

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


1.单击称号即可阅读表中的字段称号、字段标识和数据范例等具体信息。


2. 同时，支持在数据源治理页面自界说增加营业所需的字段，单击【增加字段】。


3. 可以增加一个职业的字段，字段标识为 job，字段范例为字符串，能否必填挑选【是】，能否列举挑选【否】


4. 设备终了后单击【肯定】就增加了一个字段。


5. 不需要的字段可以删除，可以单击操纵列上的【删除】按钮删掉，本文以删掉感爱好的话题字段为例。



6. 增加第二个字段所属行业，字段标识为 industry，字段范例为字符串，能否必填挑选【是】，能否列举挑选【否】，设备终了后单击【肯定】就增加了一个字段。



7. 由于介入问卷观察的用户只需提交便可以，是以【行动】只勾选【新增】方式，其他都连结默许。设备终了后单击页面底部的【肯定】，否则适才增加的字段都不生效。
步调3：点窜页面

1.数据源设备终了后就需要建立页面，单击【利用治理】，找到适才建立的利用，单击【编辑】按钮进入利用编辑器。




代码剖析

下面逐条分析当下利用模板的结构。首先是有个垂直结构组件，它将页面分红了三个部分：
1.头部（header）：头部放置小法式的先容，向用户奉告本次观察的目标。对应模板中的【插槽 header】。
2. 内容（content）：内容部分就是具体的观察项，在观察项结尾需要增加一个提交按钮，方便用户提交。对应模板中的【插槽 content】。
3. 尾部（footer）：尾部一般放置版权信息。对应模板中的【插槽 footer】。
革新头部

1.选中纲领树中的【插槽 header】，可以看到该模板的头部信息是放置了四个题目组件，若不需要这么多展现内容，可以选中具体【题目】组件单击右键【删除】。


2. 若需要增加长文本先容，我们可以选中【插槽 header】>【容器】组件，再单击组件库【通用】类目中的【文本】组件，即可在问卷的头部增加文本，您也可以经过拖拽快速实现。点窜文本的内容，可选中【文本】组件，并点窜右侧【组件编辑】的【文本内容】。 内容示例： 文本内容：尊重的腾讯云微搭低代码用户，为了更好地提升腾讯云微搭低代码平台的体验和办事，我们特展开本次的问卷观察，希望能获得您的实在想法与贵重定见，本问卷将花费您5分钟时候。


3. 同时，可按照营业需求调剂款式，我们选中该文本组件地点的【容器】组件，切换到【款式】标签，给组件的内边距左右各设备20的间隔。


革新内容

1.在【插槽 content】部分，即问卷的内容部分，模板供给了姓名、手机、爱好话题和提交按钮。若不需要某部份内容，可选中该组件，单击右键【删除】。


2. 若要增加内容，可以选中【插槽 content】下的【插槽 content Slot】组件（即表单容器的插槽容器），再单击组件库中所需增加的组件，如增加【表单单选】组件。
3. 默许是增加到最初边，我们可以调剂一下顺序，拖住组件调到【按钮】组件的前边。


4. 选中刚刚增加的【表单单选】组件，设备表单字段称号（字段称号填写为 job），组件的题目（我的职业是），将结构方式改成垂直，并依次增加单选项的内容，单选项称号别离为前端开辟、背景开辟、设想师、运营、产物策划、其他，单选项的值别离设备为first、second、third、fourth、five、six。单选内容的 value 会被提交到数据库里。


5. 依照一样的方式增加第二个观察项,需要留意的是第二个观察项的字段称号需要填写为 industry，题目设备为“我所属的行业是”，单选项称号别离为金融、产业、教育、医疗、政务、IT互联网、其他，单选项的值别离为first、second、third、fourth、five、six、seven。单选内容的 value 会被提交到数据库里。
革新尾部

我们在问卷尾部展现版权信息。选中【插槽 footer】插槽里的【文本】组件，可以在右侧的属性面板里点窜版权信息。


步调4：代码构建与公布

1.代码革新好后便可以停止预览了，单击导航条【预览公布】。为快速测试，您可以挑选摆设方式为【云端】，摆设平台为【网页 h5】。


2. 当地需要安装好 node.js 而且依照弹出窗口提醒的号令依次在号令行履行，安装终了后需要翻开低代码的编译监控。


3. 摆设完成后便会弹出预览二维码和预览的拜候地址。


4. 构建成功后可以用手机扫描二维码阅读结果。


数据治理

用户填写了问卷观察后，治理员可以单击【数据源治理】，检察用户提交的问卷信息数据，单击【数据治理背景】，腾讯云微搭低代码 LowCode 平台自带内容治理（CMS）背景可以检察和治理数据。


进入页面后可以看到已建立的历史项目，点击刚刚建立的新项目。


选中表单即可检察数据。


您也可以间接在控制台的【利用治理】中找到适才的利用，点击利用卡片，在【数据治理背景】中找到预览/公布的利用所对应的数据。【正式数据】对应的是利用公布发生的利用数据，【测试数据】是利用预览发生的利用数据。


产物先容

腾讯云微搭低代码是高效、高性能的拖拽式低代码开辟平台，向上毗连前真个行业营业，向下毗连云计较的海量才能，助力企业垂直上云。腾讯云微搭低代码将烦琐的底层架构和根本设备笼统化为图形界面，经过行业化模板、拖放式组件和可视化设置快速构建多端利用（小法式、H5利用、Web 利用等），免除了代码编写工作，让您可以完全专注于营业场景。腾讯云微搭低代码以云开爆发为底层支持，云原生才能将利用搭建的全链路买通，供给高度开放的开辟情况，且时辰为您的利用保驾护航。
开通低代码：https://cloud.tencent.com/product/lowcode
产物文档：https://cloud.tencent.com/document/product/1301/48874
技术交换加Q群：1003059706
最新资讯关注微信公众号【腾讯如此开辟】