DGIOT低代码页面数据初始化及数据源绑定

DGIOT低代码页面数据初始化及数据源绑定

许 晓波

2023年2月4日 / 技术文章

1.创建低代码模板页面

1.进入云函数-界面管理点击➕ 图标进行创建

2.创建成功后点击设计进入自己创建的模板进行编辑，以下为页面初步模板

{
  "type": "page",
  "body": [
  ]
}

2.页面接口初始化

3.对页面进行初始化接口设计

• 注意：当接口返回数据格式不正常的时候需要在接收适配器中进行拦截处理
  ```json
  //接口数据返回格式
  {
  "status": 0,
  "msg": "",
  "data": {
  ...其他字段
  }
  }

  
  ![file](https://www.dgiotcloud.cn/wp-content/uploads/2022113001584565.png)

3.数据源绑定（以表格为例）

1. 点击搜索表格 进行创建
   
   2.点击表格，在数据源中进行数据绑定 数据绑定格式为 ${} -> ${变量名}，上述接口中返回数据格式为

   {
   "status": 0,
   "msg": "",
   "data": {
   "items":[...{"name":"设备名称",...}]
   }
   }

   所以绑定数据源为 ${items}
   

4.效果展示