配置一个表单
所有文档

          爱速搭·应用智能搭建平台

          配置一个表单


          该篇文档介绍如何配置一个表单,并将表单数据提交到一个接口上。

          添加 Form 组件

          image.png

          image.png

          编辑表单项

          选中「Form」,然后点击加号,添加表单项。

          我们这里添加两个表单项:文本框「姓名」、文本框「邮箱」

          image.png

          选择文本框

          image.png

          添加成功后,选中文本框

          image.png

          编辑文本框字段,修改 「字段名」为 name,修改 Label 为 姓名

          image.png

          • 字段名代表是提交表单后,提交给后端该数据的key值为该配置
          • label表示标识该表单项的文本

          同上步骤,添加邮箱表单项:

          image.png

          这样就基本结构就配置成功了:

          image.png

          绑定提交接口

          准备一个保存接口,用于接收表单提交请求,用来保存数据。

          表单提交的数据结构为:

          {
            "name": "爱速搭",
            "email": "isuda@baidu.com"
          }

          接口保存后返回的数据结构:

          {
           "status": 0,
           "msg": "保存成功",
           "data": {}
          }

          将保存接口填入表单接口配置中:

          image.png

          现在我们来提交一次表单:

          image.png

          到此我们构建了一个简单的 Form 提交。

          上一篇
          高级功能
          下一篇
          配置一个列表