业务关系图组件

业务关系图

1. 业务场景概述

业务关系图主要是通过图形化的描述业务间的关系,或者业务本身的处理流程,帮助我们清晰的认识过程,正确的认识相关方/组织资源等等。比如泳道图(泳道后续迭代支持,暂无)、业务流程图、时序图、产品架构图等等,通过图形化进行组合,加以连接线、文字补充说明以及相关连链接跳转等,清晰的表现出业务的关联关系。

1719214025208

● 本迭代支持的业务关系图主要功能点概述

✓ 支持通用的图形、链接线的基础设置、展示风格等

✓ 支持多业务图层

✓ 图形节点支持链接,可链接到页面、业务图层以及外链接地址

2. 配置流程说明

1719214455639

序号 步骤 步骤说明 其他说明
1 添加依赖组件 应用-依赖设置-前端组件:添加“业务关系图”组件
2 页面设计 页面设计添加添加“业务关系图”,通过设计态进行业务关系设计
4 发布应用
5 运行态应用 查看业务设计关系图

3. 详细配置说明

3.1. 添加组件依赖

确定所需要的业务应用,首先通过依赖设置-组件依赖,添加搜索“业务关系图”进行添加前端组件。

1719215048614

3.2. 页面设计

1) 添加业务关系图组件

页面设计时,直接将业务关系图组件

直接拖入到页面中。

1719215082635

2) 画布规则设置

可通过画布树形规则配置画布的宽度、高度、背景颜色以及视图切换规则。

1719215119012

当前版本不支持视图切换。即在运行态默认不展示多设计图层,默认仅展示默认图层。可通过配置按钮链接打开图层的方式进行切换默认图层和其他非默认图层展示。

3) 设计业务关系图

单击右侧【设计业务关系图】打开设计图的画布进行设计

1719215151175

支持设定图层各个节点基础的配置规则,文字大小、颜色等;

1719215188421

4) 配置事件行为

业务关系图的事件行为主要包含三种事件,打开页面、打开视图、打开链接,配置完成后在运行态单击对应的节点可自动跳转打开对应的事件行为。

打开页面:支持关联当前应用以及依赖应用的所有页面;

打开视图:打开视图即本次设计图层,可穿透到指定的图层;

打开链接:即打开外网链接,通过手动输入正确的外网链接地址;

1719215219469

3.3. 运行态效果展示

● 默认图层运行态展示

1719215250818

● 通过默认图层【招采平台】穿透其详细业务关系图

1719215278559

最后修改 July 22, 2024: 目录结构调整 (856e6c3)