如何使用微搭低代码实现增删改查基础业务

作为一名新手程序员，第一关恐怕就是熟练的开发增删改查的业务了。本文就利用低代码的基础能力以可视化拖拽的方法快速实现增删改查的基本功能，熟练掌握低代码的各项功能无疑是你进入到软件开发领域的敲门砖。据专业机构预测，未来50%的大中型企业和65%的应用都会使用低代码平台开发，从现在就开始学习和应用，无疑为未来的发展打下了坚实的基础。

本次讲解我们将按照应用搭建的顺序依次介绍如何操作

• 创建数据源

• 创建应用

• 创建页面

• 实现增删改查的业务逻辑

一 创建数据源

低代码平台提供了一套JSON格式的数据库，并且默认会提供增删改查的方法，我们本次是要实现一个任务管理的业务，所以设计了如下的数据结构

字段名称	字段标识	字段类型
任务名称	taskname	字符串
任务描述	desc	字符串
执行人	operator	字符串
计划工时	planhours	字符串
计划开始时间	begindate	字符串
计划结束时间	enddate	字符串
任务状态	status	字符串

创建数据源的方法也比较简单，点击【数据源管理】，新建一个内部数据源，填写数据源的名称和标识

定义好数据源后我们按照数据结构定义的字段依次创建

二 创建应用

数据源定义好后需要创建应用，点击应用管理创建空白应用，输入应用的名称和标识

三 创建页面

应用创建好后就需要定义页面，低代码平台默认会给创建好首页，其他的页面需要自己定义

一般一个标准的业务会包含五个操作，分别是列表查询、新增、编辑、删除、查看，每个业务都涉及到页面的显示和与数据库的交互，我们讲解一下业务如何实现

3.1 列表查询

列表查询我们在默认的首页实现，具体的逻辑是从数据库获取列表的数据，然后在页面上显示。所以我们先需要定义变量，点击导航条的变量管理，我们增加一个状态变量，使用平台预置的获取集合的方法即可

变量定义好后就需要选用合适的组件来实现页面需要的效果，我们使用列表容器和列表元素来实现。先增加列表容器组件

然后在列表容器的插槽中增加列表元素组件

组件增加好后我们就需要进行数据绑定，在列表元素上绑定集合，就是我们刚才定义好的变量，具体方法是点击循环展示for旁边的超链接图标，我们选择刚刚定义好的状态变量

然后我们需要给列表元素的标题绑定变量，绑定为任务名称

数据绑定好后就需要定义事件，我们需要的效果是点击文字标题跳转到查看页面，因为需要接收页面的传参，所以我们使用低代码来实现一下跳转的逻辑

export default function({data}) {    app.navigateTo({        pageId: 'taskdetail',        params: {            taskid: data.target        }    })}

点击导航条的【低代码编辑】，在页面的handler里创建低代码方法

低代码设置好后，需要在列表元素的组件里增加事件，选择我们刚才定义好的低代码方法

传入参数传ID就可以

3.2 新增

我们先需要创建新增页面，来实现新增的业务，在页面管理页面，点击创建新页面，录入页面标题和ID即可

为了可以返回首页，我们先需要增加导航栏组件

事件的话选择平台方法即可

接着增加表单容器组件

然后按照实际的需求依次在插槽中添加各类表单组件

需要注意的地方是事件是定义在表单容器组件上，我们选择数据源的新增方法即可

如何将列表页面和新增页面穿起来呢，就需要在列表页面上放置一个新增按钮，点击的时候跳转到新增页面即可

3.3 查看

查看的业务逻辑是根据数据的主键来过滤数据，获取单条记录，所以我们需要在变量管理创建参数变量来接收页面的ID

状态变量的话需要根据参数变量过滤数据

页面的话我们是用了列表容器和列表元素组件来实现

每一个格子都用数据绑定，来显示对应的字段

当然了为了列表页和详情页能穿起来，需要在列表页的列表元素组件定义事件，跳转到详情页

总结：

我们本次利用低代码平台预置的组件和内置的方法，很快的就实现了标准的业务，使用起来还是非常流畅的，期待官方增加更加丰富的组件，那么就可以实现更多更复杂的业务，只要你比别人快，你就能跑的更远。