BuildRun低代码开发实践 | 设备管理开发指南

经过前四节基础内容的介绍，大家应该对BuildRun低代码开发平台有了一个基础的认识和了解。从本节开始，我们将正式进入BuildRun低代码开发的实践教学，为大家一一演示如何使用BuildRun低代码开发平台实现不同场景的应用开发。

本节，我们将为大家演示如何使用BuildRun低代码开发平台实现设备管理功能。通过本节的学习，大家可以掌握如何使用BuildRun低代码开发平台创建数据源、设计页面、配置业务逻辑，最终实现一个完整的设备管理应用。

在开始之前，我们需要准备一个数据源，这里我们使用BuildRun内置的“设备”数据源。如果大家已经创建了数据源，可以直接跳过此步骤。

1. 登录BuildRun低代码开发平台，点击右上角的“创建”按钮，选择“创建页面”。
2. 在创建页面窗口中，录入如下信息：
   • 页面名称：设备管理
   • 页面类型：列表页
   • 数据源：设备
3. 填写信息完成后，点击创建页面窗口左下角的“创建”按钮，完成页面创建并进入页面设计视图。
4. 点击顶端的“数据源”图标，切换到数据源定义视图。
5. 点击左上角的“+”号，从弹出的列表中选择“设备”创建产品数据源。

创建完数据源后，我们就可以开始设计页面了。

1. 点击页面设计视图中的“添加组件”按钮，从弹出的组件列表中选择“列表”组件。
2. 将列表组件拖拽到页面画布中，并设置其数据源为“设备”。
3. 在列表组件中，我们可以通过拖拽字段的方式，配置需要显示的字段。这里我们拖拽“设备名称”、“设备类型”、“设备状态”和“创建时间”字段。
4. 设置完列表组件后，我们还需要添加一个“新增”按钮，用于添加新的设备。
5. 点击页面设计视图中的“添加组件”按钮，从弹出的组件列表中选择“按钮”组件。
6. 将按钮组件拖拽到页面画布中，并设置其文本为“新增”。
7. 双击按钮组件，在弹出的属性面板中，设置按钮的点击事件为“打开页面”，并指定要打开的页面为“设备详情”页面。

至此，我们的设备管理列表页就设计完成了。接下来，我们还需要配置设备详情页。

1. 点击页面设计视图中的“添加页面”按钮，选择“创建页面”。
2. 在创建页面窗口中，录入如下信息：
   • 页面名称：设备详情
   • 页面类型：详情页
   • 数据源：设备
3. 填写信息完成后，点击创建页面窗口左下角的“创建”按钮，完成页面创建并进入页面设计视图。
4. 点击页面设计视图中的“添加组件”按钮，从弹出的组件列表中选择“表单”组件。
5. 将表单组件拖拽到页面画布中，并设置其数据源为“设备”。
6. 在表单组件中，我们可以通过拖拽字段的方式，配置需要显示和编辑的字段。这里我们拖拽“设备名称”、“设备类型”、“设备状态”、“创建时间”和“更新时间”字段。
7. 设置完表单组件后，我们还需要添加一个“保存”按钮，用于保存对设备的修改。
8. 点击页面设计视图中的“添加组件”按钮，从弹出的组件列表中选择“按钮”组件。
9. 将按钮组件拖拽到页面画布中，并设置其文本为“保存”。
10. 双击按钮组件，在弹出的属性面板中，设置按钮的点击事件为“保存数据”，并指定要保存的数据源为“设备”。

至此，我们的设备详情页就设计完成了。

通过以上步骤，我们就完成了一个完整的设备管理应用的开发。大家可以根据自己的实际需求，对本应用进行修改和扩展，实现更加复杂的功能。

希望本节的内容对大家有所帮助。如果大家有任何问题，欢迎随时联系我们。