CN115543520A - 业务全景图的绘制方法、装置、存储介质及计算机设备 - Google Patents

Abstract

本申请实施例公开了一种业务全景图的绘制方法、装置、存储介质及计算机设备，涉及页面设计领域。绘制方法包括：通过显示单元显示画布；将图元素材库中的图元拖动到画布上；在画布中选中一个图元；检测到选中的图元上发生的预设触发动作时，判断选中的图元是否预配置有图元关联关系；若为是，根据图元关联关系，在至少一个关联图元中选中目标图元，以及将目标图元放置在画布的指定位置；根据画布上的各个图元生成业务全景图，实现根据图元关系关系自动勾选和放置关联图元，提高绘制效率。

Description

业务全景图的绘制方法、装置、存储介质及计算机设备

技术领域

本申请涉及页面设计领域，尤其涉及一种业务全景图的绘制方法、装置、存储介质及计算机设备。

背景技术

现有的概要设计方法中，基于非结构化图元绘制业务全景图完全依赖人工判断图元关系，通过拖动图元到画布中绘制业务全景图，由于图元间关系众多，难免人为判断错误导致绘制出来的业务全景图中图元关系不正确，同时，依赖人工判断图元关系也降低了工作效率。

发明内容

本申请实施例提供了业务全景图的绘制方法、装置、存储介质及计算机设备，可以解决现有技术中绘制业务全景图的过程中手动选择网元导致效率不高且容易出错的问题。所述技术方案如下：

第一方面，本申请实施例提供了一种业务全景图的绘制方法，所述方法包括：

通过显示单元显示画布；

将图元素材库中的图元拖动到所述画布上；

在所述画布中选中一个图元；

检测到选中的图元上发生的预设触发动作时，判断所述选中的图元是否预配置有图元关联关系；

若为是，根据所述图元关联关系，在至少一个关联图元中选中目标图元，以及将所述目标图元放置在画布的指定位置；

根据所述画布上的各个图元生成业务全景图。

第二方面，本申请实施例提供了一种业务全景图的绘制装置，所述装置包括：

显示单元，用于显示画布；

拖动单元，用于将图元素材库中的图元拖动到所述画布上；

选中单元，用于在所述画布中选中一个图元；

判断单元，用于检测到选中的图元上发生的预设触发动作时，判断所述选中的图元是否预配置有图元关联关系；

放置单元，用于若为是，根据所述图元关联关系，在至少一个关联图元中选中目标图元，以及将所述目标图元放置在画布的指定位置；

生成单元，用于根据所述画布上的各个图元生成业务全景图。

第三方面，本申请实施例提供一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行上述的方法步骤。

第四方面，本申请实施例提供一种计算机设备，可包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行上述的方法步骤。

本申请一些实施例提供的技术方案带来的有益效果至少包括：

在绘制业务全景图的过程中，通过拖动操作将图元素材库中的图元拖动到画布上，基于画布上当前图元的图元关联关系展示供用户候选的至少一个关联图元，在至少一个关联网元中选择一个或多个目标网元放置在画布上，本申请实现基于结构化图元间关联关系快速构建业务全景图，减少用户手动选择和拖动图元的操作，以及避免用户误选图元和提高用户绘制业务全景图的工作效率。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1是本申请实施例提供的业务全景图的绘制方法的流程示意图；

图2是本申请实施例提供的图元配置页面的示意图；

图3是本申请实施例提供关联父业务能力的配置面板的示意图；

图4是本申请实施例提供的图元绘制页面的示意图；

图5是本申请实施例提供的业务能力对应的配置面板的示意图；

图6是本申请实施例提供的网元绘制页面的另一示意图；

图7是本申请提供的一种业务全景图的绘制装置的结构示意图；

图8是本申请提供的一种计算机设备的结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施例方式作进一步地详细描述。

需要说明的是，本申请提供的业务全景图的绘制方法一般由计算机设备执行，相应的，业务全景图的绘制装置一般设置于计算机设备中。

请参见图1，为本申请实施例提供了一种业务全景图的绘制方法的流程示意图。如图2所示，本申请实施例的所述方法可以包括以下步骤：

S101、通过显示单元显示画布。

其中，在用户需要绘制业务全景图时，打开计算机设备上安装的绘制软件，计算机设备通过显示单元显示图元绘制页面，图元绘制页面设置有画布和工具栏，画布为用户绘制业务全景图的区域，工具栏包括多种绘图工具，例如：样式工具、文本工具和排列工具等。

S102、将图元素材库中的图元拖动到画布上。

其中，画布上设置有图元素材库，用户通过输入装置(例如：鼠标、触摸屏或键盘)将图元素材库中的一个或多个图元拖动到画布上。

举例来说，输入装置为鼠标，当光标移动到图元素材库中的某个图元上时，检测到鼠标左键的长按动作时，将该图元设置为选中状态，可以通过高亮方式标记图元素材库中被选中的图元，用户在长按鼠标左键时将选中的图元拖动到画布上，鼠标左键被释放的位置即为该图元在画布中放置的位置。

S103、在画布中选中一个图元。

其中，在绘制过程中，用户通过输入装置在画布中选中一个图元，选中的图元显示有表示选中状态的标记，例如：高亮标记或虚线框标记等，以便用户区分选中的图元。

举例来说，参见图4所示的图元绘制页面的示意图，图元绘制页面上设置有画布，画布中设置有“用户管理”图元，图元的形状为矩形，用户可以使用鼠标、键盘或触摸屏等输入装置选中该图元，选中的图元的边框显示为虚线框，未选中的图元的边框显示为实线框。

进一步的，在图元绘制页面上某个图元被用户选中时，会在图元绘制页面上显示选中的图元的属性字段和字段值，例如：参见图4所示的图元绘制页面，当画布上“用户管理”图元被选中时，在画布的左侧显示属性字段包括业务能力、服务、业务对象、逻辑模型、物理模型、模块功能和一般，当点击属性字段时会展开对应的字段值，例如：点击业务能力的属性字段值，展开显示业务能力的字段值：用户新增、用户管理、用户删除和用户修改，这样便于用户通过可视化的方式了解各个图元的功能。

S104、检测到选中的图元上发生的预设触发动作时，判断选中的图元是否预配置有图元关联关系。

其中，预设触发动作可以根据输入装置来进行设置，本申请不作限制，例如：输入装置为鼠标，预设触发动作为鼠键右键的单击动作；输入装置为触摸屏，预设触发动作为单点双击触摸动作；输入装置为键盘时，预设触发动作为键盘上指定按键的按压动作。图元关联关系表示图元关联有哪些图元，关联的图元可以是上级图元或下级图元，计算机设备预存储或预配置有图元映射表，图元映射表中以图元ID为索引，存储有多个图元的图元关联关系，计算机设备根据选中的图元的图元ID在图元映射表中进行检索，若检索到对应的数据项，则表示选中的图元预配置有图元关联关系，否则，则未配置有图元关联关系，此时会显示提示消息以提示用户当前图元不存在关联图元。

S105、若为是，根据图元关联关系，在至少一个关联图元中选中目标图元，以及将目标图元放置在画布的指定位置。

其中，若选中的图元预配置有图元关联关系，那么选中的图元预配置有至少一个关联图元，计算机设备基于用户的选中指令在至少一个关联图元中选中目标图元，目标图元的数量为一个或多个，然后将目标图元放置在画布中的指定位置，例如：根据目标图元的层次关系进行放置，若目标图元为下级图元，那么目标图元放置在S102中选中的图元的下方预设距离的位置且呈对称分布，若目标图元为上级图元，那么目标图元放置在S102中选中的图元的上方预设距离的位置且呈对称分布。

进一步的，在本申请实施例中，检测到选中的图元上发生的预设触发动作，且选中的图元预配置有图元关联关系时，在画布上显示选中的网元的多个属性字段，当用户选中多个属性字段中的一个属性字段时，通过显示单元显示选中的属性字段对应的包括所有关联网元的身份字段和字段值的配置面板，然后用户在配置面板上勾选目标图元的身份字段的字段值，以实现对目标图元的选中，例如：身份字段包括序号、业务能力编号、业务能力名称和业务能力描述。

举例来说，参见图4所示的图元绘制页面的示意图，图元绘制页面的画布上包括“用户管理”图元，当检测到该图元上发生右键单击动作时，在该图元的附近显示如下属性字段：业务能力、业务对象、服务、逻辑模型、物理模型和模块功能，当检测到“业务能力”的属性字段上发生鼠标左键单击动作时，显示图5所示的业务能力对应的配置面板的示意图，配置面板上展示有业务能力对应的所有图元(共计3个图元)的身份字段的字段值，配置面板中每一行对应一个图元，每一行设置有勾选框，以便用于利用鼠标对图元进行勾选，图5中3个图元均为勾选，即用户新增、用户删除和用户修改的图元均为目标图元。参见图6所示的图元绘制页面的另一示意图，图5中勾选的目标图元用户修改、用户新增和用户删除均放置在画布上，且上述3个目标图元呈对称分布，进一步，S102中选中的图元和目标图元之间自动绘制连接线。

S106、根据画布上的各个图元生成业务全景图。

其中，在完成绘制后，根据画布上的各个图元和各个图元的连接关系生成业务全景图。

进一步的，在本申请实施例中，S101之前，还包括：计算机设备显示图元配置页面，用户在图元配置页面上绘制多个图元，配置各个图元的属性字段的字段值，以及配置各个图元之间的图元关联关系，然后将图元关联关系并存储。

举例来说，参见图2所示的图元配置页面的示意图，图元配置页面包括画布和工具栏，工具栏包括多个绘图工具，用户利用输入装置调用绘图工具在画布上绘制4个图元：用户管理、用户新增、用户修改和用户删除，然后配置各个图元的属性字段的字段值，图2中用户新增的属性字段包括：业务能力编号、业务能力名称、所属工程、业务能力类型、业务描述、关联父业务能力、引用业务能力、关联业务对象、关联业务流程、参数设置等，通过画布右侧的输入面板配置上述各个属性字段的字段值，图2中配置的关联父业务能力的内容为：用户管理的子业务能力为用户新增、用户修改和用户修改

图3中关联父业务能力的配置面板，配置面板表示关联父业务能力的详细内容，该配置面板是图2中关联父业务能力的控件触发动作生成的，采用可视化的方式配置图元关联关系，可以根据实际需求进行灵活配置，提高配置效率。

本申请的实施例在在绘制业务全景图的过程中，通过拖动操作将图元素材库中的图元拖动到画布上，基于画布上当前图元的图元关联关系展示供用户候选的至少一个关联图元，在至少一个关联网元中选择一个或多个目标网元放置在画布上，本申请实现基于结构化图元间关联关系快速构建业务全景图，减少用户手动选择和拖动图元的操作，以及避免用户误选图元和提高用户绘制业务全景图的工作效率。

下述为本申请装置实施例，可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节，请参照本申请方法实施例。

请参见图7，其示出了本申请一个示例性实施例提供的业务全景图的绘制装置的结构示意图，以下简称装置7。该装置7可以通过软件、硬件或者两者的结合实现成为计算机设备的全部或一部分。装置7包括：显示单元701、拖动单元702、选中单元703、判断单元704、放置单元705和生成单元706。

显示单元701，用于显示画布；

拖动单元702，用于将图元素材库中的图元拖动到所述画布上；

选中单元703，用于在所述画布中选中一个图元；

判断单元704，用于检测到选中的图元上发生的预设触发动作时，判断所述选中的图元是否预配置有图元关联关系；

放置单元705，用于若为是，根据所述图元关联关系，在至少一个关联图元中选中目标图元，以及将所述目标图元放置在画布的指定位置；

生成单元706，用于根据所述画布上的各个图元生成业务全景图。

在一个或多个可能的实施例中，还包括：

配置单元，用于通过显示单元显示图元配置页面；

在所述图元配置页面上绘制多个图元，以及配置各个图元的属性字段的字段值，以及配置各个图元的图元关联关系。

在一个或多个可能的实施例中，所述根据所述图元关联关系，在至少一个关联图元中选中目标图元，以及将所述目标图元放置在画布的指定位置，包括：

通过显示单元显示配置面板；其中，所述配置面板包括至少一个关联图元的身份字段的字段值；

在所述配置面板上勾选目标图元的身份字段的字段值。

在一个或多个可能的实施例中，预设触发动作为：鼠标右键的单击动作或双击单点触摸动作。

在一个或多个可能的实施例中，所述判断所述选中的图元是否预配置有图元关联关系，包括：

根据所述选择的图元的图元ID在预存储的映射关系表中检索；

若检索到数据项，则确定该图元预配置有图元关联关系。

在一个或多个可能的实施例中，所述指定位置表示所述目标图元位于所述选中的图元的下方预设距离，且呈对称分布。

在一个或多个可能的实施例中，所述图元关联关系为父子关联关系。

需要说明的是，上述实施例提供的装置7在执行业务全景图的绘制方法时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成上述的全部或者部分功能。另外，上述实施例提供的业务全景图的绘制装置与业务全景图的绘制方法实施例属于同一构思，其体现实现过程详见方法实施例，这里不再赘述。

上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

本申请实施例还提供了一种计算机存储介质，所述计算机存储介质可以存储有多条指令，所述指令适于由处理器加载并执行如上述图1所示实施例的方法步骤，具体执行过程可以参见图1所示实施例的具体说明，在此不进行赘述。

本申请还提供了一种计算机程序产品，该计算机程序产品存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的业务全景图的绘制方法。

请参见图8，为本申请实施例提供了一种计算机设备的结构示意图。如图8所示，所述计算机设备800可以包括：至少一个处理器801，至少一个网络接口804，用户接口803，存储器805，至少一个通信总线802。

其中，通信总线802用于实现这些组件之间的连接通信。

其中，用户接口803可以包括显示屏(Display)、摄像头(Camera)，可选用户接口803还可以包括标准的有线接口、无线接口。

其中，网络接口804可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。

其中，处理器801可以包括一个或者多个处理核心。处理器801利用各种接口和线路连接整个计算机设备800内的各个部分，通过运行或执行存储在存储器805内的指令、程序、代码集或指令集，以及调用存储在存储器805内的数据，执行计算机设备800的各种功能和处理数据。可选的，处理器801可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。处理器801可集成中央处理器(Central Processing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器801中，单独通过一块芯片进行实现。

其中，存储器805可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。可选的，该存储器805包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器805可用于存储指令、程序、代码、代码集或指令集。存储器805可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器805可选的还可以是至少一个位于远离前述处理器801的存储装置。如图8所示，作为一种计算机存储介质的存储器805中可以包括操作系统、网络通信模块、用户接口模块以及应用程序。

在图8所示的计算机设备800中，用户接口803主要用于为用户提供输入的接口，获取用户输入的数据；而处理器801可以用于调用存储器805中存储的应用程序，并具体执行如图1所示的方法，具体过程可参照图1所示，此处不再赘述。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。

以上所揭露的仅为本申请较佳实施例而已，当然不能以此来限定本申请之权利范围，因此依本申请权利要求所作的等同变化，仍属本申请所涵盖的范围。

Claims (10)

1.一种业务全景图的绘制方法，其特征在于，包括：

通过显示单元显示画布；

将图元素材库中的图元拖动到所述画布上；

在所述画布中选中一个图元；

检测到选中的图元上发生的预设触发动作时，判断所述选中的图元是否预配置有图元关联关系；

若为是，根据所述图元关联关系，在至少一个关联图元中选中目标图元，以及将所述目标图元放置在画布的指定位置；

根据所述画布上的各个图元生成业务全景图。

2.根据权利要求1所述的方法，其特征在于，所述通过显示单元显示画布之前，还包括：

通过显示单元显示图元配置页面；

在所述图元配置页面上绘制多个图元，以及配置各个图元的属性字段的字段值，以及配置各个图元的图元关联关系。

3.根据权利要求1或2所述的方法，其特征在于，所述根据所述图元关联关系，在至少一个关联图元中选中目标图元，以及将所述目标图元放置在画布的指定位置，包括：

通过显示单元显示配置面板；其中，所述配置面板包括至少一个关联图元的身份字段的字段值；

在所述配置面板上勾选目标图元的身份字段的字段值。

4.根据权利要求3所述的方法，其特征在于，预设触发动作为：鼠标右键的单击动作或双击单点触摸动作。

5.根据权利要求1或2或4所述的方法，其特征在于，所述判断所述选中的图元是否预配置有图元关联关系，包括：

根据所述选择的图元的图元ID在预存储的映射关系表中检索；

若检索到数据项，则确定该图元预配置有图元关联关系。

6.根据权利要求5所述的方法，其特征在于，所述指定位置表示所述目标图元位于所述选中的图元的下方预设距离，且呈对称分布。

7.根据权利要求1或2或4或6所述的方法，其特征在于，所述图元关联关系为父子关联关系。

8.一种业务全景图的绘制装置，其特征在于，包括：

显示单元，用于显示画布；

拖动单元，用于将图元素材库中的图元拖动到所述画布上；

选中单元，用于在所述画布中选中一个图元；

判断单元，用于检测到选中的图元上发生的预设触发动作时，判断所述选中的图元是否预配置有图元关联关系；

放置单元，用于若为是，根据所述图元关联关系，在至少一个关联图元中选中目标图元，以及将所述目标图元放置在画布的指定位置；

生成单元，用于根据所述画布上的各个图元生成业务全景图。

9.一种计算机存储介质，其特征在于，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行如权利要求1～7任意一项的方法步骤。

10.一种计算机设备，其特征在于，包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行如权利要求1～7任意一项的方法步骤。

Images