跳到主要内容

课程学习

知识点​

1、连接器插件连接服务接口:​

完整的搭建教学过程请看：【观看视频】
搭建的案例示例：【搭建案例】

成品概览​

Alt text

关键步骤​

  1. 【创建接口】点击页面左侧连接器插件，然后点击新增接口，创建一个接口

    mock接口地址：https://yapi.pro/mock/219887/getItemList

    Alt text

  2. 【服务接口组件，选择刚刚创建的接口】点击交互面板中的服务接口组件，然后在右侧编辑器中选择刚刚创建的接口 Alt text

2、数据表格组件的基本使用，数据初始化、数据分页:​

完整的搭建教学过程请看：【观看视频】
搭建的案例示例：【搭建案例】

成品概览​

Alt text

关键步骤​

  1. 【查看表格数据源要求】点击数据表格逻辑块左侧的数据输入点，查看数据源要求；根据数据结构要求对表格赋值数据。 Alt text

3、数据表格列中显示标签、链接、图片等:​

完整的搭建教学过程请看：【观看视频】
搭建的案例示例：【搭建案例】

成品概览​

Alt text

关键步骤​

  1. 【开启自定义插槽】选中要展示标签的列，然后在右侧编辑器中开启自定义插槽，接着往里面拖入图片组件、标签组件等等 Alt text

4、通过列插槽，实现编辑、删除行数据:​

完整的搭建教学过程请看：【观看视频】
搭建的案例示例：【搭建案例】

成品概览​

Alt text

关键步骤​

  1. 【增加一列操作列】给表格新增一列，开启自定义插槽，然后往里面拖入工具条组件 Alt text

  2. 【点击按钮后获取当前行数据】给按钮新增一个点击事件，然后在下方交互面板中，使用逻辑连线获取当前行数据；拿到数据后，可以传递给对话框组件，也可以传递给其他组件。 Alt text