跳到主要内容

在 NocoBase 中使用 MyBricks 云组件

第一步:安装

提示

插件 1.3.x 对应 NocoBase 1.3.x 版本;1.4.x 对应 NocoBase 1.4.x 版本。

下载 NocoBase 插件 「@MyBricks/云组件 v1.3.1」「@MyBricks/云组件 v1.4.1」,安装并开启插件。

第二步:添加区块

通过「创建区块 > 其他区块 > MyBricks 云组件」,向页面中添加区块。

alt text

第三步:搭建 MyBricks 云组件

在新建「MyBricks PC 云组件」时,类型选择 NocoBase 区块

alt text

通过「MyBricks PC 云组件」应用,搭建组件,自由定制样式、交互、接口请求等。

然后点击右上角「导出 NocoBase 区块」,将内容 复制到剪切板

alt text

打开链接快速导出

第四步:导入到 NocoBase

通过「区块设置 > 配置内容」,将内容粘贴至文本框中,点击 确定,就完成了云组件的导入。

alt text

配置内容后,我们可以看到当前云组件对应的版本,以及通过「搭建编辑」快速打开 MyBricks 云组件的编辑页面。

alt text

附1:为表格扩展自定义编辑表单

在 NocoBase 区块中,有一个 「当前编辑对象」 的输入项,当区块被用在「表格编辑弹出层」中时,该区块会自动获取到当前行数据,并通过该输入项传递进组件中。

alt text

附2:为云组件添加 NocoBase 连接器

插件标识:@mybricks/nocobase-service-interface
中文名称:NocoBase接口列表
插件类型:连接器
插件地址:https://f2.eckwai.com/kos/nlav12333/nocobase-plugin-service/plugin.js
runtime地址:https://f2.eckwai.com/kos/nlav12333/nocobase-plugin-service/index.js