跳到主要内容

数据绑定

针对常用组件的数据来源绑定

1.接口绑定​

  • API

    通过这个选项可以选择已经设计好的逻辑文件。拿到的数据是自己设计的。

    image-20250710130914989

  • 外部API

    可以自己配置外部API的地址，参数，返回类型等。

    image-20250710131744329

    也可也通过数据文件导入成为API。例如Swagger生成的json文件。

    image-20250710131900102

  • 静态数据源

    静态数据源如字面意思，就是静态的数据。是json格式的，可以自己定义。要注意编写json文件的时候格式不能错误，否则可能导致不能正常解析出数据。

    image-20250710132210281

2.数据绑定​

数据绑定可以绑定父组件获取的数据。例如卡片组件绑定了数据源，卡片组件内部的文本组件就可以绑定卡片数据集中的数据。

image-20250710132830423

image-20250710132905807

3.组件绑定​

用以绑定其他组件的数据。

image-20250710133229423

4.模型绑定​

模型绑定可以在不绑定API的情况下提供生成表单项和的能力，每一个表单项都会绑定模型中的一个字段。

5.动作回调数据​

动作回调数据的绑定方式比较特殊，目前只能在事件配置中使用，且需要又接口请求，才会有动作回调数据可以赋值。

image-20250710134207436

6.视图参数​

视图参数是跳转这个页面的时候传递的参数，打开页面之后一般是不会变化的。可以在大纲树的视图节点下进行视图参数的设计。

image-20250710140649388

例如上图设计了视图参数，名称为param1，类型为string。就可以在文本组件或是其他支持视图参数的组件中进行绑定。可以看到Param1的可选项。

image-20250710141023210

7.手动赋值​

手动赋值很简单，用于一些不需要变化的静态数据，直接手动输入内容即可。比如说一个页面的标题，正常情况下就可以使用手动赋值。

image-20250710141210249