文档

添加或引用自定义页面组件

更新时间:

魔笔平台的自定义页面组件是根据业务需求实现特定功能的组件,本文介绍如何添加或引用自定义页面组件,实现特定业务需求。

适用场景

自定义页面组件会在以下三种场景中使用:

  • 场景一:添加自定义页面组件

    在应用中使用自己的自定义组件,可以先开发自定义页面组件,并添加在应用的自定义组件面板中,添加完成后即可直接使用。

  • 场景二:引用物料市场的自定义页面组件模块

    物料市场中有页面组件的模块,应用直接引用对应功能的模块,即可直接使用模块里的自定义页面组件。

  • 场景三:封装自定义页面组件至模块,并引入模块

    如果您同时创建了应用A、B、C,都需要使用自定义页面组件。您可以将自定义页面组件封装成模块,应用A、B、C引用模块即可。

前提条件

场景一、添加自定义页面组件

在应用中使用自己的自定义页面组件,可以开发自定义页面组件,并添加在应用的自定义组件面板中,添加完成后即可直接使用。具体步骤请参见:开发流程

场景二、引用物料市场的自定义页面组件模块

物料市场中有页面组件的模块,应用直接引用对应功能的模块,即可直接使用模块里的自定义页面组件。具体操作步骤如下:

  1. 在物料市场收藏页面组件模块,具体操作步骤请参见:收藏应用模板和模块

    image..png
  2. 在应用引用收藏的模块,具体操作步骤请参见:引用模块

    image..png
  3. 引用完成后,在自定义页面组件下方会展示引用模块的自定义页面组件,可以直接使用。

    image..png

场景三、封装自定义页面组件至模块,并引用模块

如果您同时创建了应用A、B、C,都需要使用自定义页面组件。您可以将自定义页面组件封装成模块,应用A、B、C引用模块即可。

  1. 添加自定义模块,详细操作请参见:添加模块

  2. 开发自定义页面组件,详细操作请参见:开发组件

  3. 添加自定义页面组件,详细操作请参见:上架自定义页面组件

  4. 发布自定义模块,详细操作请参见模块发布

    image
  5. 创建的应用A、B、C引用自定义模块,详细操作请参见引用模块

    image..png
  6. 引用完成后,在自定义组件下方会展示引用模块的自定义页面组件,可以直接使用。

    image..png