乐趣区

关于低代码:实战-使用微搭低代码3分钟开发表单应用

本文从 0 到 1,以循序渐进的形式利用腾讯云微搭低代码平台搭建出常见的表单展现利用,让您疾速上手腾讯云微搭低代码平台外围性能。

步骤 1:创立利用

  1. 登录 腾讯云微搭低代码 控制台。
  2. 单击 新建利用 - 从空白新建,填写利用信息:

    • 利用名称:输出利用名称。
    • 反对平台:抉择利用反对公布的平台。
  3. 单击 新建,即可创立利用。

步骤 2:创立数据源模型

  1. 单击左侧主菜单栏中的 数据源治理,进入数据源治理页面。
  2. 单击 新建自建数据源
  3. 进入新建数据源页面,配置如下信息:

    • 数据库名称:输出数据库名称。
    • 数据源标识:作为数据源模型的惟一标识,不可反复。
    • 字段配置 :一个数据源模型可由多个字段组成。例如“人员”数据源模型中可有“姓名、年龄”等字段,由此模型可创立“管理人员、员工、游客”等数据源变量。留神 _idcreatedAtupdatedAt 为数据源内置字段,不容许批改。单击 增加,页面右侧将弹出字段设置小窗口,配置如下相干信息:

      • 字段名称:输出字段名称。
      • 字段标识:作为字段的惟一标识,不可反复。
      • 数据类型:抉择绝对应的数据类型。
      • 是否必填:字段是否必填。
      • 是否惟一:字段是否惟一。
      • 是否枚举:该字段是否只能在无限个枚举值中取值。例如性别字段,可设置枚举值为:男、女。
  4. 咱们这里别离创立姓名和手机号两个字段,单击 确定,即可实现数据源模型的创立。

步骤 3:低代码利用编辑

  1. 数据源设置结束后就须要创立页面,进入 利用治理 页面,找到方才创立的利用,进入利用编辑器。
  2. 编辑器分为三个局部,可演绎为菜单区,组件页面抉择区,编辑预览区。

应用表单容器生成表单利用

  1. 在编辑器中应用表单容器绑定刚刚创立的数据源。
  2. 在弹出的弹窗中单击 确定 后表单即可主动生成。

创立信息展现页面

  1. 在编辑器中新创建一个页面。
  2. 进入新创建的页面,为页面创立模型变量。
  3. 填写变量标识后单击 保留
  4. 在页面中增加容器,并在容器下方增加信息展现组件。
  5. 为容器绑定循环。

    勾选新创建的模型变量,单击 确定
  6. 能够看到,模型变量配置胜利后,容器下方的组件会依据数据量进行遍历。
  7. 为列表项组件配置数据。

    抉择 绑定循环对象 ,勾选须要绑定的字段单击 确认

! 循环对象中可绑定的数据依赖于组件下层容器所绑定的模型变量。

  1. 单击 确定 后可看到组件已胜利配置了数据。

页面测试

  1. 页面整体搭建实现后对页面性能进行测试,首先在编辑器开启实时预览随后在表单页进行三次信息提交。
  2. 来到信息展现页,可看到信息已胜利遍历展现,至此利用搭建实现。

步骤 4:公布利用

  1. 单击页面右上角的 公布,在弹出的部署利用窗口中进行预览公布配置。
  2. 公布实现后通过扫描二维码即可拜访公布的利用。
退出移动版