技术摘要：
本发明公开了一种编辑和展示拓扑图的方法及装置，其特点在于该方法允许用户互联网应用中的各种资源对象建立逻辑关系并生成拓扑图，并且可以编辑、新建、删除各种资源对象之间的逻辑关系；包括通过拖拽的方式引入资源对象，建立资源对象之间的逻辑关系：当用户完成拓扑  全部
背景技术：
互联网应用经常会采用拓扑图来展示复杂的对象和它们之间的关系。当涉及各种 各样的资源时，拓扑图能够通过点和线这种图形化的形式，清楚、直观的展现各个资源之间 的逻辑关系和运行状态，以方便进行配置和排除错误。因此企业在应用中往往采用拓扑图 来展现资源之间的关系以及业务之间的逻辑关系。 拓扑图一般都是用来做展示的，但是不能进行编辑。因此，应用程序一旦生成拓扑 图，用户通常就只能进行浏览，而不能进行任何其它更改。
技术实现要素：
本发明的目的是要解决上述现有拓扑图技术中存在的只能浏览，而不能进行编辑 和更改的问题和不足，提供一种编辑和展示拓扑图的方法及装置。用户通过该方法，可以直 观、便捷的编辑、新建、删除各种资源对象之间的复杂关系，进行所需要的最佳配置和纠正 错误，提高了工作的准确性和工作效率。本发明允许用户互联网应用中的各种资源建立某 些逻辑关系，并生成拓扑图，可在各种业务场景中使用。 本发明的一方面是一种编辑和展示拓扑图的方法，该方法允许用户在互联网应用 中的各种资源对象建立逻辑关系并生成拓扑图，并且可以进行编辑、新建、删除各种资源对 象之间的逻辑关系；该方法包括如下步骤： 资源对象的引入：通过拖拽的方式，将互联网应用中所需要的资源对象拖拽到所 述拓扑图中；根据所述资源对象的类型，生成所述拓扑图预设的资源对象逻辑关系的数据 结构，同时在所述拓扑图中进行对应的图标展示，以及对资源对象的属性进行编辑和修改； 资源对象逻辑关系的建立：选择至少一个所述资源对象，通过画线连接至少另一 个所述资源对象，建立至少两个资源对象之间的逻辑关系； 资源对象逻辑关系的存储：当用户完成了所述拓扑图的编辑和修改，并且需要保 存所述拓扑图时，获取所述拓扑图中被编辑的所述资源对象和资源对象逻辑关系的数据结 构并将其保存到存储介质中； 拓扑图的展示：从所述存储介质中获取所述资源对象和资源对象逻辑关系的数据 结构在拓扑图中进行展示。 本发明所述的资源对象是指在互联网应用中已存在的各种业务相关的所需要的 资源对象。所述资源对象逻辑关系的数据结构包括：至少两个所述资源对象逻辑关系的数 据结构和图形信息，所述资源对象逻辑关系在所述拓扑图中的连线信息和在所述拓扑图中 的定位信息，以及所述数据结构的数据接口等属性。所述资源对象的图形信息包括图形的 形状、大小和展示文字。所述资源对象逻辑关系的连线信息包括连线的形状、大小和展示文 字。 4 CN 111581444 A 说　明　书 2/5 页 本发明所述拖拽的方式，是指通过获取鼠标移动的位置信息，将选择的所述资源 对象信息，生成拓扑图预设的所述数据结构，在鼠标移动停止的位置绘制所述拓扑图的图 形或连线。所述资源对象逻辑关系可以是有方向的，即一个资源对象为源，另一个资源对象 为目标；也可以是无方向的。所述存储介质可以是后台数据库或存储文件。 本发明的另一方面是采用一种编辑和展示拓扑图的装置，该装置包括具有如下技 术特征的单元： 1)图形显示单元：所有根据拓扑图预设的资源对象逻辑关系的数据结构生成的所 述拓扑图都可以在画布上展示；所述画布是基于HTML5中的canvas标签生成的； 2)图形编辑单元：用于编辑和修改资源对象的属性；通过拓扑图中的属性编辑框， 用户可以编辑和修改资源对象的各种属性； 3)图形关系编辑单元：用于在拓扑图中展示的所述资源对象的图形信息之间建立 一定的逻辑关系； 4)拓扑图保存单元；用于将拓扑图生成的所述资源对象逻辑关系的数据结构，保 存到后台存储介质中； 5)拓扑图的展示单元：用于将所述后台存储介质中的所述拓扑图的数据结构，展 示到画布上。 本发明所述资源对象的属性为：资源对象的名称、颜色、连线信息、定位信息、预设 时间等属性。 本发明编辑和展示拓扑图的方法及装置的主要贡献在于，允许用户通过拓扑图的 形式来输入复杂的资源对象的逻辑关系，该方法可以将资源对象之间复杂的逻辑关系通过 拓扑图展现出来。用户只需要删掉资源对象之间的连线就可以取消资源对象之间的关系， 而在资源对象之间画线就可以新增资源对象之间的关系，点击资源对象之间的连线就可以 编辑资源对象之间关系的属性。用户通过该方法，可以直观、便捷的编辑、新建、删除资源对 象之间的复杂逻辑关系，进行各种设置和修改，提高工作效率。 附图说明 图1是本发明方法的流程示意图； 图2是本发明装置的结构示意图； 图3-1至图3-5是实施例2中拓扑图的编辑过程。