基于Qunee的配置项关系可视化方法、系统、设备及介质与流程

计算;推算;计数设备的制造及其应用技术基于qunee的配置项关系可视化方法、系统、设备及介质技术领域1.本发明属于数据处理技术领域，更具体地，涉及一种基于qunee的配置项关系可视化方法、系统、设备及介质。背景技术：2.目前市场上实现运维服务配置项关系的方法有两种，第一种方法需要人工分析配置项之间的关联关系，并手工维护关系，由于it环境比较复杂，各配置项之间关系需要人工操作，工作量比较大，并且不能直观、清晰的定位问题发生原因，运维成本较高。3.第二种方法通过插件技术的富客户端方式对配置项之间关系进行可视化展示，为了能展示运维系统的配置项之间关系建立关系图，需要在客户端安装插件，并且不支持移动平台等问题，比如adobe flash,microsoft silverlight,java applet。基于flex展现配置项关系，但是资源占用过多，性能上并不理想，尽管可以通过一定手段改善，但运行期间内存泄漏状况严重，目前主流浏览器已默认屏弃flash，使用需要授权设置。另外基于jquery组件的配置项关系图，虽然不需要插件，但是不能处理复杂的关系图，其位置需要代码控制，元素过多，导致图形显示混乱。技术实现要素：4.本发明的目的是提出一种基于qunee的配置项关系可视化方法、系统、设备及介质，实现无需安装插件，兼容各种浏览器及操作系统，直观易操作，降低运维成本。5.第一方面，本发明提出一种基于qunee的配置项关系可视化方法，包括：6.获取cmdb系统中存储的配置项信息数据，所述配置项信息数据包括配置项和配置项属性数据；7.根据所述配置项信息数据生成配置项之间的拓扑关系数据；8.将配置项及配置项之间的拓扑关系数据转换为qunee图元，并将所述qunee图元添加到qunee图形组件中；9.通过所述qunee图形组件的图形交互界面呈现配置项及配置项之间的拓扑关系图；10.基于所述图形交互界面和所述拓扑关系图实现对配置项属性及配置项之间关系的查看及维护；11.当所述拓扑关系图中的配置项属性或配置项之间的关系数据被修改后，将修改后的配置项属性或配置项之间的关系数据提交至所述cmdb系统中并更新。12.可选地，所述配置项属性数据包括配置项分类、配置项、关联配置项及配置项关系类型；13.所述配置项分类包括软件、硬件、应用、sla、文档、组织和人员；14.所述配置项关系类型包括组成关系、依赖关系、使用关系、连接关系和安装关系。15.可选地，所述根据所述配置项信息数据生成配置项之间的拓扑关系数据包括：16.采用深度优先搜索方法，对所述关联配置项进行遍历检索，生成配置项之间关系的拓扑结构，获得所述拓扑关系数据。17.可选地，所述将配置项及配置项之间的拓扑关系数据转换为qunee图元包括：18.将所述配置项及配置项之间的拓扑关系数据转换为javascript所支持的数据格式对象；19.将转换后的数据格式对象转换成所述qunee图元，其中不同类型配置项以及配置项之间关系转换成不同类型的qunee图元，不同类型的qunee图元被设置为相应的图形样式。20.可选地，所述qunee图元的分类包括配置项分类和关系连接线分类；21.所述配置项分类包括软件类、硬件类、应用类、sla类、文档类、组织类和人员类；22.所述关系连接线分类包括组成关系连接线、依赖关系连接线、使用关系连接线、连接关系连接线和安装关系连接线。23.可选地，所述通过所述qunee图形组件的图形交互界面呈现配置项及配置项之间的拓扑关系图包括：24.对所述qunee图元进行自动布局，形成所述拓扑关系图并通过所述图形交互界面直接展示；25.所述自动布局的方式包括树状布局、弹簧布局和气泡布局。26.第二方面，本发明提出一种基于qunee的配置项关系可视化系统，包括：27.数据获取模块，用于获取cmdb系统中存储的配置项信息数据，所述配置项信息数据包括配置项和配置项属性数据；28.拓扑关系生成模块，用于根据所述配置项信息数据生成配置项之间的拓扑关系数据；29.数据转换模块，用于将配置项及配置项之间的拓扑关系数据转换为qunee图元，并将所述qunee图元添加到qunee图形组件中；30.qunee图形组件，用于通过图形交互界面呈现配置项及配置项之间的拓扑关系图；基于所述图形交互界面和所述拓扑关系图实现对配置项属性及配置项之间关系的查看及维护；31.数据更新模块，用于当所述拓扑关系图中的配置项属性或配置项之间的关系数据被修改后，将修改后的配置项属性或配置项之间的关系数据提交至所述cmdb系统中并更新。32.可选地，所述拓扑关系生成模块具体用于：33.采用深度优先搜索方法，对所述关联配置项进行遍历检索，生成配置项之间关系的拓扑结构，获得所述拓扑关系数据。34.第三方面，本发明提出一种电子设备，所述电子设备包括：35.至少一个处理器；以及，36.与所述至少一个处理器通信连接的存储器；其中，37.所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行第一方面所述的基于qunee的配置项关系可视化方法。38.第四方面，本发明提出一种非暂态计算机可读存储介质，该非暂态计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行第一方面所述的基于qunee的配置项关系可视化方法。39.本发明的有益效果在于：40.本发明的方法通过从cmdb系统中读取配置项信息，并生成配置项属性、关系数据，通过qunee图元构建配置项及其关联关系，展现配置项之间的拓扑关系图，基于qunee交互界面显示配置项拓扑关系图，基于qunee组件功能实现配置项属性、配置项之间关系的修改，最终提交数据到cmdb系统中完成更新，基于qunee图形组件的构建运维服务配置项关系图，不需要安装插件，跨平台、支持主流浏览器和移动设备，同时满足于运维服务的配置项建立、配置项之间关系等可视化维护和展现，能够让运维团队更直观、快捷的认知it运维服务中it环境(软硬件)、业务系统、位置、人员、文档等错综复杂的交互关系，解决了运维团队故障定位不准，问题分析力度不够，以及变更过程影响和风险不明确等问题，有效提高服务质量，降低了服务成本。41.本发明的系统具有其它的特性和优点，这些特性和优点从并入本文中的附图和随后的具体实施方式中将是显而易见的，或者将在并入本文中的附图和随后的具体实施方式中进行详细陈述，这些附图和具体实施方式共同用于解释本发明的特定原理。附图说明42.通过结合附图对本发明示例性实施例进行更详细的描述，本发明的上述以及其它目的、特征和优势将变得更加明显，在本发明示例性实施例中，相同的参考标号通常代表相同部件。43.图1示出了根据本发明实施例1的一种基于qunee的配置项关系可视化方法的步骤图。44.图2示出了根据本发明实施例1的一种基于qunee的配置项关系可视化方法的流程图。45.图3示出了根据本发明实施例2的一种基于qunee的配置项关系可视化系统的流程图。具体实施方式46.下面将参照附图更详细地描述本发明。虽然附图中显示了本发明的优选实施例，然而应该理解，可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了使本发明更加透彻和完整，并且能够将本发明的范围完整地传达给本领域的技术人员。47.实施例148.图1示出了根据本发明实施例1的一种基于qunee的配置项关系可视化方法的步骤图，图2示出了根据本发明实施例1的一种基于qunee的配置项关系可视化方法的流程图。49.如图1和图2所示，一种基于qunee的配置项关系可视化方法，包括：50.步骤s101：获取cmdb系统中存储的配置项信息数据，配置项信息数据包括配置项和配置项属性数据；51.在一个具体应用场景中，采用b/s架构，基于qunee图形组件的构建运维服务配置项关系图，其中，qunee是一个基于html5技术的矢量网络图组件，可用于社交网络图、拓扑图、流程图、地图等需求，js组件封装，用于构建互联网应用与企业应用，能够便捷的实现数据的在线可视化。52.本步骤中可以使用web服务技术(servlet、php、web socket、asp.net等)获取cmdb(配置管理数据库)系统存储的配置信息数据，包括配置项以及配置项属性数据，并对获取的数据进行完整遍历，得到配置项关联关系数据。其中，配置项属性数据包括配置项分类、配置项、关联配置项及配置项关系类型；配置项分类包括软件、硬件、应用、sla(服务等级协议)、文档、组织和人员；配置项关系类型包括组成关系、依赖关系、使用关系、连接关系和安装关系。53.具体地，根据从cmdb获取的数据，进行整理，包含配置项分类、配置项、关联配置项及关系类型等。配置项分类有软件、硬件、应用、sla(服务级别协议)、文档、组织、人员等分类；配置项关系概括为组成(父子)关系、依赖关系、使用关系、连接关系、安装关系。54.步骤s102：根据配置项信息数据生成配置项之间的拓扑关系数据；55.在上述具体应用场景中，采用深度优先搜索方法，对关联配置项进行遍历检索，生成配置项之间关系的拓扑结构，获得拓扑关系数据。56.具体地，关联配置项采用深度优先搜索(dfs)方法，对关联配置项进行检索，生成配置项之间关系的拓扑结构。深度优先搜索属于图算法的一种，是一个针对图和树的遍历算法，利用深度优先搜索算法可以产生目标图的相应拓扑排序表，利用拓扑排序表可以方便的解决很多相关的图论问题，如最大路径问题等等。一般用堆数据结构来辅助实现dfs算法。其过程简要来说是对每一个可能的分支路径深入到不能再深入为止，而且每个节点只能访问一次。57.步骤s103：将配置项及配置项之间的拓扑关系数据转换为qunee图元，并将qunee图元添加到qunee图形组件中；58.在上述具体应用场景中，将配置项及配置项之间的拓扑关系数据转换为javascript所支持的数据格式对象；将转换后的数据格式对象转换成qunee图元，其中不同类型配置项以及配置项之间关系转换成不同类型的qunee图元，不同类型的qunee图元被设置为相应的图形样式。59.具体地，从后台拿到配置项以及拓扑关系数据，转换成javascript所支持的数据格式，以便数据属性的读取，如json格式的文本数据，可以通过json#parse()函数进行解析成json对象；对于xml格式的文本可以通过domparse#parsefromstring函数转换成xml对象。将这些对象转换成qunee图元，由于不同类型配置项以及配置项之间关系可以根据其显示意图转换成不同类型的qunee图元，并设置相应的图形样式，特殊展示效果的可以通过ui扩展来事项，最后将qunee元素添加到图形组件后，可以呈现出配置项及其关联关系。60.步骤s104：通过qunee图形组件的图形交互界面呈现配置项及配置项之间的拓扑关系图；61.其中，qunee图元的分类包括配置项分类和关系连接线分类；配置项分类包括软件类、硬件类、应用类、sla类、文档类、组织类和人员类；关系连接线分类包括组成关系连接线、依赖关系连接线、使用关系连接线、连接关系连接线和安装关系连接线。62.在上述具体应用场景中，对qunee图元进行自动布局，形成拓扑关系图并通过图形交互界面直接展示；自动布局的方式包括树状布局、弹簧布局和气泡布局。63.具体地，在得到配置项、及其关系中根据qunee的元素分类型呈现整体图形。qunee元素主要有配置项分类，如软件、硬件、应用、sla、文档、组织、人员等；另外还有各种关系连接线分类，如组成(父子)关系、依赖关系、使用关系、连接关系、安装关系。64.在呈现配置项关系时，又根据qunee的自动布局，直接呈现给运维人员。qunee实现了三种图拓扑结构的自动布局：一树状布局；二是弹簧布局；三是气泡布局。弹簧布局的原理是模拟物理环境，通过几种力的平衡实现的一种通用布局算法，是一种动态部署，在qunee中由q.springlayouter类事项。树状布局是一种常见的拓扑结构，可设置层次间排列方向，同层节点的排列方式，组合实现各种树形布局效果。气泡布局同属于树形布局，将树形布局结构通过极坐标方式分布。通过三种布局完全可以展现出配置项及其关联关系。65.步骤s105：基于图形交互界面和拓扑关系图实现对配置项属性及配置项之间关系的查看及维护；66.在上述具体应用场景中，在配置项呈现的拓扑关系图中，为了响应用户的交互，提供了一组交互模式，可以漫游、缩放、框选、移动、双击响应等，并添加了鼠标键盘监听方式，可以通过qunee的拓扑图编辑器中的graph#on*****命令完成。通过各种交互事件，可查看或维护配置项及配置项之间关系。67.步骤s106：当拓扑关系图中的配置项属性或配置项之间的关系数据被修改后，将修改后的配置项属性或配置项之间的关系数据提交至cmdb系统中并更新。68.在上述具体应用场景中，通过图形界面操作，能够对配置项的属性或关系进行修改，直接对配置项、属性、关系线的设置属性或样式，自动实时刷新，呈现修改后的效果。69.在对配置项及其关系修改后，采用web服务技术，把配置项属性及其关联关系的数据，提交更新到cmdb系统中。70.本实施例的方法具有以下优点：71.(1)无需插件72.使用qunee图组件，具有轻量、高效、灵活扩展的特点，不需要安装任何插件。73.(2)浏览器兼容性74.由于qunee是基于html5的图组件，支持主流浏览器，如safari、firefox、chrome、ie9+等。75.(3)操作系统兼容性76.可运行在不同操作系统，如windows,mac,linux，uos，麒麟等。77.(4)支持移动设备78.可以运行在各种移动设备的平台上如ios，android,windows phone等，借助phonegap之类的移动开发框架，可以支持移动终端。79.(5)布局美观80.利用qunee图的拓扑结构，自动生成美观的布局。直接通过图形化页面，构建配置项以及配置项之间关系，使用丰富的、动态图形组件，直观显示配置信息以及配置项之间关联关系，能够实现上万图元流畅操作的高性能。81.实施例282.如图3所示，一种基于qunee的配置项关系可视化系统，包括：83.数据获取模块1，用于获取cmdb系统中存储的配置项信息数据，配置项信息数据包括配置项和配置项属性数据；84.拓扑关系生成模块2，用于根据配置项信息数据生成配置项之间的拓扑关系数据；85.数据转换模块3，用于将配置项及配置项之间的拓扑关系数据转换为qunee图元，并将qunee图元添加到qunee图形组件中；86.qunee图形组件4，用于通过图形交互界面呈现配置项及配置项之间的拓扑关系图；基于图形交互界面和拓扑关系图实现对配置项属性及配置项之间关系的查看及维护；87.数据更新模块5，用于当拓扑关系图中的配置项属性或配置项之间的关系数据被修改后，将修改后的配置项属性或配置项之间的关系数据提交至cmdb系统中并更新。88.其中，拓扑关系生成模块2具体用于：89.采用深度优先搜索方法，对关联配置项进行遍历检索，生成配置项之间关系的拓扑结构，获得拓扑关系数据。90.具体地，本系统基于qunee图形组件构建运维服务配置项关系图，不需要安装插件，跨平台、支持主流浏览器和移动设备，同时满足于运维服务的配置项建立、配置项之间关系等可视化维护和展现。让运维团队更直观、快捷的认知it运维服务中it环境(软硬件)、业务系统、位置、人员、文档等错综复杂的交互关系。解决了运维团队故障定位不准，问题分析力度不够，以及变更过程影响和风险不明确等问题，有效提高服务质量，降低了服务成本。91.实施例392.一种电子设备，所述电子设备包括：93.至少一个处理器；以及，94.与所述至少一个处理器通信连接的存储器；其中，95.所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行第一方面所述的基于qunee的配置项关系可视化方法。96.根据本公开实施例的电子设备包括存储器和处理器，该存储器用于存储非暂时性计算机可读指令。具体地，存储器可以包括一个或多个计算机程序产品，该计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。该易失性存储器例如可以包括随机存取存储器(ram)和/或高速缓冲存储器(cache)等。该非易失性存储器例如可以包括只读存储器(rom)、硬盘、闪存等。97.该处理器可以是中央处理单元(cpu)或者具有数据处理能力和/或指令执行能力的其它形式的处理单元，并且可以控制电子设备中的其它组件以执行期望的功能。在本公开的一个实施例中，该处理器用于运行该存储器中存储的该计算机可读指令。98.本领域技术人员应能理解，为了解决如何获得良好用户体验效果的技术问题，本实施例中也可以包括诸如通信总线、接口等公知的结构，这些公知的结构也应包含在本公开的保护范围之内。99.有关本实施例的详细说明可以参考前述各实施例中的相应说明，在此不再赘述。100.实施例4101.一种非暂态计算机可读存储介质，该非暂态计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行实施例1所述的基于qunee的配置项关系可视化方法。102.根据本公开实施例的计算机可读存储介质，其上存储有非暂时性计算机可读指令。当该非暂时性计算机可读指令由处理器运行时，执行前述的本公开各实施例方法的全部或部分步骤。103.上述计算机可读存储介质包括但不限于：光存储介质(例如：cd－rom和dvd)、磁光存储介质(例如：mo)、磁存储介质(例如：磁带或移动硬盘)、具有内置的可重写非易失性存储器的媒体(例如：存储卡)和具有内置rom的媒体(例如：rom盒)。104.以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。









图片声明：本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!




内容声明：本文中引用的各种信息及资料（包括但不限于文字、数据、图表及超链接等）均来源于该信息及资料的相关主体（包括但不限于公司、媒体、协会等机构）的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理！本站为非盈利性质站点,发布内容不收取任何费用也不接任何广告!




免责声明：我们致力于保护作者版权，注重分享，被刊用文章因无法核实真实出处，未能及时与作者取得联系，或有版权异议的，请联系管理员，我们会立即处理，本文部分文字与图片资源来自于网络，部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!的,若有来源标注错误或侵犯了您的合法权益，请立即通知我们，情况属实，我们会第一时间予以删除，并同时向您表示歉意,谢谢!