CN111431729A - 基于拓扑图的资源管理交互方法 - Google Patents
基于拓扑图的资源管理交互方法 Download PDFInfo
- Publication number
- CN111431729A CN111431729A CN201910019417.5A CN201910019417A CN111431729A CN 111431729 A CN111431729 A CN 111431729A CN 201910019417 A CN201910019417 A CN 201910019417A CN 111431729 A CN111431729 A CN 111431729A
- Authority
- CN
- China
- Prior art keywords
- resource
- target
- resources
- topological graph
- node
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 32
- 230000003993 interaction Effects 0.000 title claims abstract description 31
- 238000012545 processing Methods 0.000 claims abstract description 4
- 238000012217 deletion Methods 0.000 claims description 10
- 230000037430 deletion Effects 0.000 claims description 10
- 230000000007 visual effect Effects 0.000 abstract description 2
- 238000007726 management method Methods 0.000 description 36
- 101100194362 Schizosaccharomyces pombe (strain 972 / ATCC 24843) res1 gene Proteins 0.000 description 15
- 238000010586 diagram Methods 0.000 description 11
- 230000006870 function Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 238000012790 confirmation Methods 0.000 description 2
- 230000007547 defect Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013498 data listing Methods 0.000 description 1
- 238000013523 data management Methods 0.000 description 1
- 230000005012 migration Effects 0.000 description 1
- 238000013508 migration Methods 0.000 description 1
- 238000005065 mining Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001131 transforming effect Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L41/00—Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks
- H04L41/12—Discovery or management of network topologies
Abstract
本发明涉及一种基于拓扑图的资源管理交互方法，通过如下步骤实现资源的添加：步骤S1：创建初始的集群、主机及资源；步骤S2：判断添加资源的类型；步骤S3：根据所添加资源的类型，创建集群对话框、主机对话框或资源对话框；步骤S4：获取用户输入的相关配置数据并发后台处理；步骤S5：添加资源成功后，在拓扑图区域创建对应的拓扑图节点，并在相应的拓扑图节点上附着接口返回数据。本发明可以在让用户直观感受到系统资源的状态以及逻辑关系的同时，完成资源的管理操作。本发明突破了传统的管理系统的操作模式，着眼于web前端，更侧重于用户交互操作，用户可在大量树节点中快速找到目标节点，而花费的功夫相对小，用户的操作体验更直观。
Description
技术领域
本发明涉及IT资源管理技术领域，具体涉及一种基于拓扑图的资源管理交互方法。
背景技术
我们常见的IT资源管理系统，大多采用表格作为基础资源数据的展示载体，按钮作为资源管理操作的入口，弹出表单作为用户输入的载体，详细信息展示的静态页面作为了解资源全部内容的主要途径。如果平台提供了多种IT资源，通过不同的导航链接，作为不同IT资源的入口。上述操作具有资源信息独立、数据展示清晰的优点，但是给用户整体了解系统内的资源带来了不变。
系统资源拓扑图是用户整体了解系统内的资源的一个很好的途径也是很多系统具备的一个功能。用户通过拓扑图，可以直观的了解到当前整个系统内资源与资源之间的关系以及所有资源的运行情况。但是一般的拓扑图只具有展示功能，当用户通过拓扑图发现问题时，还是要切回到数据管理页面进行资源的管理操作。
如果以系统资源拓扑图作为整个管理系统的主体部分，在拓扑图中加入资源的管理操作，这样可以在直观显示整个系统内资源状态的同时省去了切换页面的操作，同时可以配合拖拽操作实现资源的添加和删除，缩放操作实现大规模资源系统浏览，提升用户使用IT资源管理系统的体验。
资源关系拓扑图并不是什么新鲜事物，传统的B/S结构的IT资源管理系统的界面上，很多都会包含资源关系拓扑图的功能，但是拓扑图只负责展示，资源管理相关的操作还是要回到传统的以表格为主体的管理界面中。
因此，现有的资源关系拓扑图，在使用中会存在如下缺陷：
1、没有更好的挖掘拓扑图的潜力，使得拓扑图更多的作为IT资源管理系统的中的一个亮点出现。
2、传统的表格操作虽然数据罗列清晰，但是对于具有逻辑关系的IT系统资源来说，缺少了更为直观的表述能力，比如资源之间的层级关系，资源当前的状态等，还是需要用户的经验与分析能力。
3、对于多资源类型的管理系统来说，传统的管理系统还是需要与其对应的多表格来实现，不可避免的用户需要在多组数据之间来回跳转并自主分析与关联，操作体验上存在不便利性。
发明内容
为解决现有技术存在的不足，本发明提供了一种基于拓扑图的资源管理交互方法，通过如下步骤实现资源的添加：
步骤S1：创建初始的集群、主机及资源；
步骤S2：判断添加资源的类型；
步骤S3：根据所添加资源的类型，创建集群对话框、主机对话框或资源对话框；
步骤S4：获取用户输入的相关配置数据并发后台处理；
步骤S5：添加资源成功后，在拓扑图区域创建对应的拓扑图节点，并在相应的拓扑图节点上附着接口返回数据。
其中，在所述拓扑图中，资源的创建和添加依赖于主机，资源需放置在预定主机所在区域，同时获取对应主机的标识符；主机的创建和添加依赖于集群ID，主机需放置在预定集群所在区域，同时获取对应集群的标识符。
其中，添加资源后，通过SVG的方法实现目标资源的选择；通过获取目标资源对应的目标节点的数据信息实现目标资源的删除；通过获取目标资源对应的目标节点的数据信息实现目标资源的指令性操作。
其中，添加资源后，通过如下方法实现目标资源的选择：
步骤S61：获取用户所选择的目标资源；
步骤S62：查找目标资源对应的节点；
步骤S63：输入节点名称：
步骤S64：查找节点dom；
步骤S65：计算dom的位置；
步骤S66：通过SVG将目标位置放大，完成目标资源的选择。
其中，添加资源后，通过如下方法实现目标资源的删除：
步骤S6a：获取用户拖动目标资源并将目标资源放置在回收站区域的信息；
步骤S6b：获取目标资源对应的目标节点的数据信息；
步骤S6c：根据目标节点的数据信息判断目标节点是否包含子节点；
步骤S6d：若目标节点包含子节点，则调用删除接口删除目标资源；若目标节点不包含子节点，则目标资源无法删除，使拓扑图保持删除之前的状态。
其中，添加资源后，对目标资源进行的指令性操作包括目标资源的编辑、启动或停止。
其中，添加资源后，通过如下步骤实现对目标资源的指令性操作：
步骤S6l：获取用户单机的目标资源对应的目标节点；
步骤S6m：判断目标节点类型；
步骤S6n：获取目标节点数据；
步骤S6o：根据目标节点类型和目标节点调用相应的集群对应操作按钮、主机对应操作按钮或资源对应操作按钮，供用户点击，以进行相应的指令性操作。
本发明提供的基于拓扑图的资源管理交互方法，可以在让用户直观感受到系统资源的状态以及逻辑关系的同时，完成资源的管理操作。本发明突破了传统的管理系统的操作模式，着眼于web前端，更侧重于用户交互操作，用户可在大量树节点中快速找到目标节点，而花费的功夫相对小，用户的操作体验更直观。
附图说明
图1：本发明的用于资源管理的拓扑图的原型示意图。
图2：本发明的拓扑图在添加资源时的操作界面图。
图3：本发明的基于拓扑图的资源管理交互方法的添加资源操作流程图。
图4：本发明的拓扑图在选择资源时的操作界面图。
图5：本发明的基于拓扑图的资源管理交互方法的选择资源操作流程图。
图6：本发明的拓扑图在删除资源时的操作界面图。
图7：本发明的基于拓扑图的资源管理交互方法的删除资源操作流程图。
图8：本发明的拓扑图在对资源进行其它指令性操作时的界面图。
图9：本发明的基于拓扑图的资源管理交互方法的对资源进行其它指令性操作流程图。
具体实施方式
为了对本发明的技术方案及有益效果有更进一步的了解，下面结合附图详细说明本发明的技术方案及其产生的有益效果。
本发明提供的基于拓扑图的资源管理交互方法，基于对B/S架构的IT资源管理系统用户体验上的一种优化，包括两个部分，一部分涉及界面展示，另外一部分涉及用户操作。
在界面展示上，整个管理系统只有一个页面，是资源关系拓扑图，相关图例和回收站的展示页面，其中系统提供的每种可操作的资源都将作为一个图例，原型示意图如图1所示。
本发明提供的基于拓扑图的资源管理交互方法，依赖于html5的拖放技术实现基础交互动作，比如拖拽和放置，和SVG技术实现拓扑图的无损缩放等，页面中的资源图例作为可拖放的元素，拓扑图展示区域和回收站所在区域作为可拖放的区域。
具体的操作如下：
一、资源的添加
资源的添加为对拓扑图管理的基础，后期资源的删除及指令性操作等，都基于资源的添加的进行，图2和图3分别为本发明的拓扑图在添加资源时的操作界面图，以及本发明的基于拓扑图的资源管理交互方法的添加资源操作流程图，如图所示，整个的拓扑图展示区域选择目标资源图例，拖拽到资源关系拓扑图区域，随即出现该资源需要配置的属性对话框，用户通过输入相关配置数据完成该资源的添加。如果该资源的添加依赖于上级资源，而上级资源没有，则该资源图例无法拖拽到目标区域。
资源添加的操作步骤包括：
1、创建初始的集群、主机及资源，其中，资源的创建和添加依赖于主机，资源需放置在预定主机所在区域，同时获取对应主机的标识符；主机的创建和添加依赖于集群ID，主机需放置在预定集群所在区域，同时获取对应集群的标识符。
2、判断添加资源的类型。
3、根据所添加资源的类型，创建集群对话框、主机对话框或资源对话框。
4、获取用户输入的相关配置数据并发后台处理。
5、添加资源成功后，在拓扑图区域创建对应的拓扑图节点，并在相应的拓扑图节点上附着接口返回数据。
二、目标资源的选择
图4和图5分别为本发明的拓扑图在选择资源时的操作界面图，以及基于拓扑图的资源管理交互方法的选择资源操作流程图，如图所示，资源拓扑图中节点的大小会随着页面的大小以及资源规模的变化而变化，当资源规模较大或者页面较小的时候，目标资源可能不会直观出现在视野内部，这时，可以在资源拓扑图所在区域中滚动鼠标滚轴，完成拓扑图的缩放，再通过移动拓扑图，完成目标资源的选择。与此同时，系统提供搜索功能，搜索目标资源后，直接定位在拓扑图中的目标资源。
目标资源选择的操作步骤包括：
1、获取用户所选择的目标资源。
2、查找目标资源对应的节点。
3、输入节点名称。
4、查找节点dom。
5、计算dom的位置。
6、通过SVG将目标位置放大，完成目标资源的选择。
三、目标资源的删除
图6及图7分别为本发明的拓扑图在删除资源时的操作界面图，以及基于拓扑图的资源管理交互方法的删除资源操作流程图，如图所示，用户在资源关系拓扑图中选中目标资源，拖拽到回收站，完成资源的删除。如果该资源处于不可删除的状态，则该资源无法拖拽到回收站。
目标资源删除的操作步骤包括：
1、获取用户拖动目标资源并将目标资源放置在回收站区域的信息。
2、获取目标资源对应的目标节点的数据信息。
3、根据目标节点的数据信息判断目标节点是否包含子节点。
4、若目标节点包含子节点，则调用删除接口删除目标资源；若目标节点不包含子节点，则目标资源无法删除，使拓扑图保持删除之前的状态。
图8及图9分别为本发明的拓扑图在对资源进行其它指令性操作时的界面图，以及基于拓扑图的资源管理交互方法的对资源进行其它指令性操作流程图，如图所示，用户在资源关系拓扑图中双击目标资源，在目标资源四周出现该资源的可操作按钮，点击即可完成相关的资源操作，比如：编辑、启动或停止等其它指令性操作。
目标资源的指令性操作步骤包括：
1、获取用户单机的目标资源对应的目标节点。
2、判断目标节点类型。
3、获取目标节点数据。
4、根据目标节点类型和目标节点调用相应的集群对应操作按钮、主机对应操作按钮或资源对应操作按钮，供用户点击，以进行相应的指令性操作。
高可用集群管理平台的改造过程中，使用上述的交互方式，以在host1主机上添加普通资源res1以及res1的整个生命周期管理操作为例，本发明的交互流程为：
一、添加res1
1、在图例显示区选中“普通资源”图例。
2、拖动“普通资源”图例到host1主机上，松开鼠标。
3、在弹出的配置对话框中，填写配置信息，点击确定按钮。
4、res1被成功添加，更新显示在系统资源的拓扑图上。
二、编辑res1
1、在搜索框中输入res1，回车。
2、拓扑图中的res1被放大，同时在搜索框下出现res1的详细信息展示框。
3、鼠标双击res1，在res1上出现其操作按钮群，点击“编辑”。
4、在res1的旁边弹出res1的编辑框，修改目标配置项，单击确定按钮。
5、编辑成功，在搜索框下的资源详情显示区中信息同步更新。
三、迁移res1到host2主机
1、选中res1资源。
2、拖拽res1到host2主机上。
3、弹出确认对话框，确认操作。
4、迁移操作成功，拓扑图更新，res1显示在host2的连接上。
四、删除res1
1、选中res1，拖拽到回收站，松开鼠标。
2、弹出确认对话框，确认操作。
3、res1被删除，同时资源拓扑图更新。
本发明中，所谓的“IT资源”，代指计算机的软硬件资源。
本发明中，所谓的“拓扑图”，是指由网络节点设备和通信介质构成的网络结构图，本发明指IT资源之间的逻辑关系图。
本发明中，所谓的“SVG”，是指可缩放矢量图形，其基于可扩展标记语言，为用于描述二维矢量图形的一种图形格式。
本发明的有益效果如下：
1、本发明的交互方法可以在让用户直观感受到系统资源的状态以及逻辑关系的同时，完成资源的管理操作。
2、本发明的交互方法可以突破传统的管理系统的操作模式，用户的操作体验更直观。
3、本发明着眼于用户在大量树节点中快速找到目标节点，而花费的功夫相对小。本发明着眼于web前端，相较于现有技术，更侧重于用户交互操作。
虽然本发明已利用上述较佳实施例进行说明，然其并非用以限定本发明的保护范围，任何本领域技术人员在不脱离本发明的精神和范围之内，相对上述实施例进行各种变动与修改仍属本发明所保护的范围，因此本发明的保护范围以权利要求书所界定的为准。
Claims (7)
1.基于拓扑图的资源管理交互方法，其特征在于，通过如下步骤实现资源的添加：
步骤S1：创建初始的集群、主机及资源；
步骤S2：判断添加资源的类型；
步骤S3：根据所添加资源的类型，创建集群对话框、主机对话框或资源对话框；
步骤S4：获取用户输入的相关配置数据并发后台处理；
步骤S5：添加资源成功后，在拓扑图区域创建对应的拓扑图节点，并在相应的拓扑图节点上附着接口返回数据。
2.如权利要求1所述的基于拓扑图的资源管理交互方法，其特征在于：在所述拓扑图中，资源的创建和添加依赖于主机，资源需放置在预定主机所在区域，同时获取对应主机的标识符；主机的创建和添加依赖于集群ID，主机需放置在预定集群所在区域，同时获取对应集群的标识符。
3.如权利要求1所述的基于拓扑图的资源管理交互方法，其特征在于：添加资源后，通过SVG的方法实现目标资源的选择；通过获取目标资源对应的目标节点的数据信息实现目标资源的删除；通过获取目标资源对应的目标节点的数据信息实现目标资源的指令性操作。
4.如权利要求3所述的基于拓扑图的资源管理交互方法，其特征在于：添加资源后，通过如下方法实现目标资源的选择：
步骤S61：获取用户所选择的目标资源；
步骤S62：查找目标资源对应的节点；
步骤S63：输入节点名称：
步骤S64：查找节点dom；
步骤S65：计算dom的位置；
步骤S66：通过SVG将目标位置放大，完成目标资源的选择。
5.如权利要求3所述的基于拓扑图的资源管理交互方法，其特征在于：添加资源后，通过如下方法实现目标资源的删除：
步骤S6a：获取用户拖动目标资源并将目标资源放置在回收站区域的信息；
步骤S6b：获取目标资源对应的目标节点的数据信息；
步骤S6c：根据目标节点的数据信息判断目标节点是否包含子节点；
步骤S6d：若目标节点包含子节点，则调用删除接口删除目标资源；若目标节点不包含子节点，则目标资源无法删除，使拓扑图保持删除之前的状态。
6.如权利要求3所述的基于拓扑图的资源管理交互方法，其特征在于：添加资源后，对目标资源进行的指令性操作包括目标资源的编辑、启动或停止。
7.如权利要求3所述的基于拓扑图的资源管理交互方法，其特征在于：添加资源后，通过如下步骤实现对目标资源的指令性操作：
步骤S6l：获取用户单机的目标资源对应的目标节点；
步骤S6m：判断目标节点类型；
步骤S6n：获取目标节点数据；
步骤S6o：根据目标节点类型和目标节点调用相应的集群对应操作按钮、主机对应操作按钮或资源对应操作按钮，供用户点击，以进行相应的指令性操作。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910019417.5A CN111431729A (zh) | 2019-01-09 | 2019-01-09 | 基于拓扑图的资源管理交互方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910019417.5A CN111431729A (zh) | 2019-01-09 | 2019-01-09 | 基于拓扑图的资源管理交互方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111431729A true CN111431729A (zh) | 2020-07-17 |
Family
ID=71545650
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910019417.5A Pending CN111431729A (zh) | 2019-01-09 | 2019-01-09 | 基于拓扑图的资源管理交互方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111431729A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112995303A (zh) * | 2021-02-08 | 2021-06-18 | 中国工商银行股份有限公司 | 跨集群调度方法及装置 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1916911A (zh) * | 2005-08-16 | 2007-02-21 | 鸿富锦精密工业（深圳）有限公司 | 图元属性的管理系统及方法 |
| CN105786526A (zh) * | 2016-03-24 | 2016-07-20 | 江苏大学 | 一种基于Web的高效流程图绘制系统及方法 |
| WO2016197479A1 (zh) * | 2015-06-11 | 2016-12-15 | 中兴通讯股份有限公司 | 小区核资源管理方法及装置 |
| CN107291880A (zh) * | 2017-06-19 | 2017-10-24 | 郑州云海信息技术有限公司 | 一种资源图形化的创建方法和装置 |
-
2019
- 2019-01-09 CN CN201910019417.5A patent/CN111431729A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1916911A (zh) * | 2005-08-16 | 2007-02-21 | 鸿富锦精密工业（深圳）有限公司 | 图元属性的管理系统及方法 |
| WO2016197479A1 (zh) * | 2015-06-11 | 2016-12-15 | 中兴通讯股份有限公司 | 小区核资源管理方法及装置 |
| CN105786526A (zh) * | 2016-03-24 | 2016-07-20 | 江苏大学 | 一种基于Web的高效流程图绘制系统及方法 |
| CN107291880A (zh) * | 2017-06-19 | 2017-10-24 | 郑州云海信息技术有限公司 | 一种资源图形化的创建方法和装置 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112995303A (zh) * | 2021-02-08 | 2021-06-18 | 中国工商银行股份有限公司 | 跨集群调度方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107861784B (zh) | 一种桌面图标的整理方法、装置及移动终端 | |
| KR101794373B1 (ko) | 선택된 데이터의 일시적인 포맷팅 및 도표화 기법 | |
| US20160210268A1 (en) | Methods and systems for managing visual text objects using an outline-like layout | |
| CN105700888A (zh) | 一种基于jbpm工作流引擎的可视化快速开发平台 | |
| CN104615675A (zh) | 融合通信方法及终端 | |
| CN103413002A (zh) | 一种拓扑图编辑后方法及拓扑图编辑器 | |
| CN112181225A (zh) | 桌面元素调整方法、装置和电子设备 | |
| US9715396B2 (en) | Terminal device, annotation method, computer system, and computer program | |
| JPH10293760A (ja) | オブジェクト管理方法 | |
| CN105808244A (zh) | 一种基于工作流的动态数据可视化分析工具 | |
| KR960001973A (ko) | 컴퓨터는 시스템상의 데이타베이스 테이블에 대한 매체 스패닝을 관리하는 사용자 인터페이스 방법 및 컴퓨터 시스템 | |
| CN112783488A (zh) | 一种商业模式画布绘制方法和装置 | |
| CN112052343A (zh) | 知识图谱展示方法、装置、电子设备及存储介质 | |
| CN114036417A (zh) | 页面更新方法、装置、存储介质及电子设备 | |
| CN111431729A (zh) | 基于拓扑图的资源管理交互方法 | |
| JP4148721B2 (ja) | 会議支援用共用端末、情報処理プログラム、記憶媒体、情報処理方法及び会議支援システム | |
| CN111984170A (zh) | 表格输出方法、装置及电子设备 | |
| CN111581444A (zh) | 一种编辑和展示拓扑图的方法及装置 | |
| JPH076076A (ja) | ハイパーメディアシステム | |
| JP3498733B2 (ja) | 木構造表示編集装置 | |
| CN115203162A (zh) | 一种所见即所得图数据构建方法 | |
| CN111782309B (zh) | 显示信息的方法、装置及计算机可读存储介质 | |
| JP2018018458A (ja) | 入力支援装置、及び入力支援プログラム | |
| KR102031104B1 (ko) | 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법 | |
| JP3953738B2 (ja) | 図形編集装置、および図形編集装置として機能させるためのプログラムを格納した記録媒体 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200717 |