关于低代码开发:实战-01基于模板开发问卷小程序

本文将帮忙您借助腾讯云微搭低代码 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
最新资讯关注微信公众号【腾讯云云开发】