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

阅读量：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/

你可能感兴趣的文章

mysql8的安装与卸载

MySQL8，体验不一样的安装方式！

MySQL: Host '127.0.0.1' is not allowed to connect to this MySQL server

Mysql: 对换（替换）两条记录的同一个字段值

mysql:Can‘t connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock‘解决方法

MYSQL:基础——3N范式的表结构设计

MYSQL:基础——触发器

Mysql:连接报错“closing inbound before receiving peer‘s close_notify”

mysqlbinlog报错unknown variable ‘default-character-set=utf8mb4‘

mysqldump 参数--lock-tables浅析

mysqldump 导出中文乱码

mysqldump 导出数据库中每张表的前n条

mysqldump: Got error: 1044: Access denied for user ‘xx’@’xx’ to database ‘xx’ when using LOCK TABLES

Mysqldump参数大全（参数来源于mysql5.5.19源码）

mysqldump备份时忽略某些表

mysqldump实现数据备份及灾难恢复

mysqldump数据库备份无法进行操作只能查询 --single-transaction

mysqldump的一些用法

MySQLIntegrityConstraintViolationException异常处理