页面自定义组件开发指南

更新日期：2024/12/15

前言

物料中心是盘古平台，对页面生产开发过程中页面自定义组件、页面模版、页面资源等开发物料进行管理的统一应用物料生产中心。

物料中心是应用组装过程中的开发生产车间，生产后形成一系列的物料由应用中心组装成应用，因此物料中心不区分环境。不做应用的运行。

自定义组件是页面低代码设计器中，通用组件之外允许用户自定义开发使用、复用的一类前端组件。当前自定义组件仅能不具备共享，仅具备开发功能和私有安装使用功能。当前阶段只能项目内自己开发自己使用。 后期将具备共享功能，使用流程如下。

页面组件开发&管理

• 进入页面组件开发：

  点击公共开发平台-物料中心-页面组件开发

  

• 新建组件：

  组件新建后才能开发。点击新增，输入组件名字 编码、类型、选择高代码还是代码组件，选择组件布局、场景类型、上传预览图片完成新建

  

• 组件开发&版本发布：

  点击要开发的组件后面的开发按钮，系统将根据开发类型，进入开发页面。

  • 低代码组件：

    系统进入低代码设计器，设计好之后可点击上面发布并保存进行发布

    

  • 高代码组件：

    直接弹出发布弹出，上传由高代码组件开发脚手架生成打包的js文件上传发布。

    

• 组件版本：

  发布后，可在版本处查看发布过的版本

  

• 组件停用：

  可对组件进行停用，停用以后在线运行的页面不受影响，但页面编辑时无法再使用该组件（自定义组件列表不显示），未安装的项目不能再安装。

页面组件安装&使用

• 进入组件安装：

  点击公共开发平台-物料中心-页面组件安装

  

• 组件安装：

  点击要安装组件的安装管理

  

  点击安装后，选择要安装的版本，环境进行安装（初始开发态需安装到DEV环境）

  注：在应用由开发-测试-预生产-生产迁移过程中，引用的组件和对应的版本将自动安装至目标发布的环境

  

  安装之后，在页面设计器的自定义组件页面将显示被安装的组件。

  

• 组件卸载：

  可对已安装的组件进行卸载，卸载之后在页面设计器中不能再使用（注：需先移除页面中使用的自定义组件）

• 版本切换：可对页面设计器中所用的组件版本进行切换