电话 400-111-2626

# 自定义页面组件

# 功能概述

七巧低代码平台,已内置了多个页面组件,但必然无法应对所有应用场景,因此推出「自定义页面组件」能力,允许开发者通过低代码开发结合可视化配置的方式,快速创建个性化的、可复用的、多端适配的页面组件,大幅提升复杂页面的开发效率,满足更广泛的业务场景。 「自定义页面组件」使用场景示例: image.png

image.png

# 自定义组件开发使用流程

  1. 在“自定义页面组件管理”界面,添加组件(或导入组件)
  2. 通过在线IDE,编写组件代码(Vue),并保存发布。 组件开发指南,详见自定义页面组件开发指南 (opens new window)
  3. 启用自定义页面组件,并配置组件的管理员使用权限
  4. 前往应用的页面设计器中,拖拽组件使用。

# 组件管理

  • 通过自定义页面组件的管理界面,可以对组件进行添加/编辑、删除、代码管理、导入/导出、更新、发布等操作。
  • 管理界面路径:七巧低代码管理后台 > 低码中心 > 自定义页面组件
  • 注:该低代码开发功能,为七巧低代码专业版、旗舰版专属

# 添加组件

点击页面“添加”按钮,可以添加新的自定义页面组件。 组件添加界面支持配置组件名称、控制组件使用范围(业务范围)、说明文档(展示在页面设计的属性栏)、描述(展示在组件管理界面) image.png

创建成功后,可进入在线IDE编辑页面组件代码。 image.png

# 导出/导入组件

支持导出与导入已设计好的组件(支持跨企业复用),导入的文件为特定的压缩包格式。 image.png

image.png

# 导入更新

如已复用的页面组件,需要进一步更新,可通过导入更新功能进行。 注:导入更新后,原组件信息、代码、素材都会被覆盖且无法复原,可能影响正在使用的页面,请谨慎操作。

image.png

# 删除组件

当组件处于“未发布”且“组件未被任何页面使用”时,可以进行删除操作,删除后组件无法恢复。 image.png

# 组件使用情况

记录该页面组件已被哪些应用使用,便于更新维护。

image.png image.png

# 组件权限设置

使用权限:控制哪些管理员可以页面设计器中的“组件库”看到并使用这个组件。 开发权限:控制哪些管理员可以编辑组件基本信息、修改组件代码、导出组件代码包。

image.png image.png

# 代码管理

可以对已创建的组件,进行代码修改和维护,点击后打开在线IDE。

image.png

# 编辑组件信息

修改组件的基本信息,包含名称、业务范围、说明文档、描述。

image.png

# 组件发布

当组件处于“已发布(启动)”状态时,开发可以从页面设计器-组件栏拖拽使用它进行页面设计;当组件处于“未发布(未启用)”状态时,该组件在组件栏不可见,已在具体页面中的保存过的组件,则仍可使用。

image.png

# 组件搜索

页面组件管理界面,支持通过多个搜索条件,搜索已安装的组件。 image.png

  • 自定义页面组件
  • 功能概述
  • 自定义组件开发使用流程
  • 组件管理
  • 添加组件
  • 导出/导入组件
  • 导入更新
  • 删除组件
  • 组件使用情况
  • 组件权限设置
  • 代码管理
  • 编辑组件信息
  • 组件发布
  • 组件搜索

在线咨询

微信扫码 立即咨询

电话咨询

全国热线
400-111-2626

免费体验

合作代理

扫码 立即咨询
400-101-6950