低代码平台快速开发小程序

阅读量：396 次

发布时间：2019-03-05

本文共 1172 字，大约阅读时间需要 3 分钟。

1 引言

笔者春节回家在高速休息区休息的时候，发现墙上贴了两个二维码，主要是收集路过的旅客对服务区的各项服务的满意度的问题，如果觉得有不满意的地方还可以投诉，对于机构来说，利用小程序去收集顾客对本机构的服务内容、服务质量是一种常见的场景。

本文就利用低代码平台快速的实现一下现在高速公路满意度调查和投诉两项功能，低代码平台是腾讯云最近推出的一款产品，全程在线编程，界面通过拖拽来实现，业务逻辑也可以自己编写代码，如果是简单的应用也可以使用平台预定义好的方法。软件完成编制后可以一键发布，总体编程体验非常流畅，还是很适合新手使用的。

2 需求分析

顾客通过大厅展示的小程序码，扫码后可以看到需要投诉的问题，点击保存按钮可以提交到数据库中，供运营人员查看结果。

在这里插入图片描述

3 数据源设计

数据源名称：服务质量投诉

数据源标识：complain

在这里插入图片描述

4 创建应用

点击左侧导航栏的应用管理，点击【创建应用】按钮，在弹出的界面录入应用标识和应用名称，点击【确定】按钮。

在这里插入图片描述

5 创建数据源

点击左侧导航栏的数据源管理，点击【新建数据源】按钮，录入数据源名称（服务质量投诉）、数据源标识(complain)

在这里插入图片描述

接着点击【添加字段】按钮，按照我们在数据源设计部分设计好的字段依次创建对应字段

在这里插入图片描述

字段定义好后，动作只保留新增（create），然后点击【立即创建】按钮，数据源就设计好了

6 定义变量

打开刚创建的应用，在顶部的导航栏点击【变量管理】按钮，在弹出的窗口选择首页index下边的状态变量，点击一下旁边的+号，录入我们的变量标识（complain）、变量名(complain)，变量类别选择数据源模型，数据源选择服务质量投诉，数据类型选择新纪录，变量更新动作选择创建单条记录，选择完毕后点击【提交】即可

在这里插入图片描述

7 定义组件

我们先分析一下我们的需求，我们总体上都是文本输入，除了问题图片是个附件上传，然后我们需要个按钮提交到数据库中。

先点击一下容器组件

在这里插入图片描述

然后点一下垂直布局组件

在这里插入图片描述

选中插槽header，在里边添加一个文本组件，修改文本的内容为服务质量投诉

在这里插入图片描述

可以看到字体偏小需要居中显示，切换到样式页签，设置字体大小和布局

在这里插入图片描述

在这里插入图片描述

选中插槽content，增加表单容器组件

在这里插入图片描述

选中表单容器下的插槽contentSlot，增加表单输入组件，表单字段名称输入name，标题输入姓名，打开是否必填的开关设置

在这里插入图片描述

按照数据源设置的字段依次添加表单输入组件并且设置好属性，最后添加按钮组件，设置用于form组件选项为提交

在这里插入图片描述

组件添加好后选中表单容器，给容器设置事件，选择数据源，然后选择服务质量投诉数据源，方法的话输入create

在这里插入图片描述

我们还可以增加两个事件，分别为提交成功和提交失败

在这里插入图片描述

这样就都设置好了

在这里插入图片描述

8 预览发布

开发好后，我们的程序需要构建，我们选择本地预览

在这里插入图片描述

构建完毕后扫码或者在浏览器中体验就可以了。

转载地址：http://bsbzz.baihongyu.com/

你可能感兴趣的文章

MySQL FEDERATED 提示

mysql generic安装_MySQL 5.6 Generic Binary安装与配置_MySQL

MySQL I 有福啦，窗口函数大大提高了取数的效率！

mysql id自动增长初始值 Mysql重置auto_increment初始值

MySQL in 太多过慢的 3 种解决方案

Mysql Innodb 锁机制

MySQL InnoDB中意向锁的作用及原理探

MySQL InnoDB事务隔离级别与锁机制深入解析

Mysql InnoDB存储引擎 —— 数据页

Mysql InnoDB存储引擎中的checkpoint技术

Mysql InnoDB存储引擎中缓冲池Buffer Pool、Redo Log、Bin Log、Undo Log、Channge Buffer

MySQL InnoDB引擎的锁机制详解

Mysql INNODB引擎行锁的3种算法 Record Lock Next-Key Lock Grap Lock

mysql InnoDB数据存储引擎的B+树索引原理

mysql interval显示条件值_MySQL INTERVAL关键字可以使用哪些不同的单位值？

MySQL replace函数替换字符串语句的用法（mysql字符串替换）

mysql workbench6.3.5_MySQL Workbench

MySQL Workbench安装教程以及菜单汉化