# 使用表单组件完成数据采集

# 功能场景

填写商品信息,并生成记录保存在数据库中。

01

# 搭建思路

  • 根据所需要采集的信息在表单内设置对应输入组件。
  • 根据采集字段的要求为对应的内容设置校验规则。
  • 根据校验情况判断是否符合创建条件,若符合则创建记录;反之不创建。

# 操作详解

# 方法一

  1. 创建一个变量用来接收表单数据,类型与所需要创建的实体一致。02

  2. 在页面拖拽一个表单组件,并添加对应的表单项。03

  3. 根据字段类型选择合适的输入组件;先绑定接收变量,再根据字段限制设置校验规则。

    • 商品名称:级联选择器,关联字段直接拖拽生成;必填。0405

    • 库存:数字输入;必填不能为负数;默认为0。06

    • 分类:级联选择框,拖拽枚举生成。注:text为文本,value为枚举值。07

    • 提供发票:多选框;必填。注:可以使用组件属性限制输入内容。0809

    • 发货地:地区选择器;必填。

    • 生成日期:日期选择器;必填时间小于今天。10

    • 商品规格:多行输入;最大200。11

    • 商品图片:文件上传。

  4. 为必须填写的字段修改必填标记。12

  5. 创建提交按钮点击事件,并创建一个ValidateEvent类型的变量用于接收校验结果。13

  6. 设置提交逻辑判断是否通过校验,通过后清空输入变量。14

    若需要提供点击选区外关闭选项功能,可打开点击遮罩后关闭开关。

    15

# 方法二

  1. 在实体中设置需要在表单填写的属性,直接拖拽实体选择生成表单。

    16

  2. 修改部分组件。

    12

上次更新: 2023年06月26日