一种基于jTopo技术实现的应用拓扑图编辑器的制作方法

本发明涉及拓扑图编辑技术领域，更具体地说，涉及一种基于jtopo技术实现的应用拓扑图编辑器。

背景技术：

为了保证数据中心的可靠性，通常需要由工作人员对数据中心对应的软硬件进行监控，并在任一软硬件发生异常时实现对应的修复措施。

但是随着数据中心对应软硬件数量的逐渐增多，依靠工作人员对这些软硬件的监控，首先不能保证获取各软硬件工作状态的实时性，因为目前工作人员采用的监控方式为每隔一段时间则对这些软硬件进行一次工作状态的获取，其次不能够保证其可以准确的获取到各软硬件的工作状态，因为工作人员可能由于自身的疏忽或者专业知识不够导致获取到的工作状态为错误的工作状态，因此急需一种能够实时准确的获取到各软硬件工作状态的技术方案。

综上所述，如何提供一种能够实时准确的获取到数据中心中各软硬件的工作状态的技术方案，是目前本领域技术人员亟待解决的问题。

技术实现要素：

本发明的目的是提供一种基于jtopo技术实现的应用拓扑图编辑器，以能够实时准确的获取到数据中心中各软硬件的工作状态。

为了实现上述目的，本发明提供如下技术方案：

一种基于jtopo技术实现的应用拓扑图编辑器，包括按钮区、资源区、图元区、属性区及编辑区，其中：

所述图元区，用于提供编辑拓扑图使用的图元；

所述编辑区，用于提供接受并显示对应图元以实现拓扑图编辑的画布；

所述按钮区，用于对所述画布上的图元进行位置及形状的改变编辑；

所述资源区，用于采用ztree插件以“树”的形式展示所述拓扑图；

所述属性区，用于实时获取并显示所述编辑区中包含的图元对应的真实工作状态。

优选的，还包括：

信息展示模块，用于实时获取所述编辑区中包含的图元对应的真实工作状态的数据信息，并在外界点击所述画布上的图元时展示被点击图元对应的数据信息。

优选的，还包括：

告警模块，用于当确定任一图元对应真实工作状态为异常工作状态时输出告警信息。

优选的，所述告警模块包括：

告警单元，用于当确定任一图元对应真实工作状态为异常工作状态时将对应告警信息发送至指定终端。

优选的，还包括：

保存区，用于将所述画布上的拓扑图以xml文件的形式进行保存。

优选的，还包括：

本地上传模块，用于获取本地上传的拓扑图并指示所述编辑区将该拓扑图显示在画布上。

优选的，还包括：

图元设置模块，用于在外界发出的更换命令下将所述图元区包括的对应图元的图标更换为指定的图标。

优选的，所述图元设置模块还用于在外界发出的添加命令下将对应图元图标添加至所述图元区。

本发明提供的一种基于jtopo技术实现的应用拓扑图编辑器，可以包括按钮区、资源区、图元区、属性区及编辑区，其中：所述图元区，用于提供编辑拓扑图使用的图元；所述编辑区，用于提供接受并显示对应图元以实现拓扑图编辑的画布；所述按钮区，用于对所述画布上的图元进行位置及形状的改变编辑；所述资源区，用于采用ztree插件以“树”的形式展示所述拓扑图：所述属性区，用于实时获取并显示所述编辑区中包含的图元对应的真实工作状态。由此，工作人员可以根据真实的软硬件将其以拓扑图的方式编辑到应用拓扑图编辑器上，进而该应用拓扑图编辑器能够实时获取对应软硬件的工作状态并显示，从而工作人员无需像现有技术中一样实现对软硬件的监控，只需由应用拓扑图编辑器中随时获取对应软硬件的工作状态即可，从而能够实时准确的获取到数据中心中各软硬件的工作状态。

附图说明

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

图1为本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器的结构示意图；

图2为本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器在一种具体应用场景中的结构示例图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参阅图1，其示出了本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器的结构示意图，可以包括按钮区11、资源区12、图元区13、属性区14及编辑区15，其中：

图元区13，用于提供编辑拓扑图使用的图元；

编辑区15，用于提供接受并显示对应图元以实现拓扑图编辑的画布；

按钮区11，用于对画布上的图元进行位置及形状的改变编辑；

资源区12，用于采用ztree插件以“树”的形式展示拓扑图；

属性区14，用于实时获取并显示编辑区中包含的图元对应的真实工作状态。

本申请公开的应用拓扑图编辑器可以包括五个区域：按钮区、资源区、图元区、属性区及编辑区。其中图元区提供的图元可以包括有与真实软硬件对应的图标，由此，当外界需要根据真实的软硬件将其以拓扑图的方式编辑到应用拓扑图编辑器上时，可以将图元区提供的图元中与需要获取其拓扑图的软硬件对应的图元拖动到画布上(编辑区还提供对图元进行的拖曳、点击等根据实际需要设定的事件以动态编辑画布上的图元等元素)，并通过按钮区包含的按钮对图元进行位置及形状的改变编辑，位置的改变编辑即为将图元移动至与真实软硬件对应的位置，形状的改变编辑可以包括对图元的缩放等，具体可以根据实际需要进行设定，另外还可以通过按钮区的对应按钮将编辑的拓扑图进行保存等；当拓扑图编辑完成后，可以通过资源区采用ztree插件以“树”的形式进行展示，且属性区可以实时获取并显示画布上包含的图元对应软硬件的真实工作状态，由此外界不仅可以通过资源区直接准确的获取到软硬件的连接关系，还可以通过属性区直接准确的获取到软硬件的真实工作状态，从而在任一软硬件出现问题时能够通过属性区直接定位到问题软硬件。需要说明的是，属性区显示的软硬件的工作状态可以包括两种，分别为正常工作状态和异常工作状态，当然还可以根据实际需要进行其他设定，均在本发明的保护范围之内。另外图元可以包括jtopo自带的图元和工作人员根据实际需要进行二次开发增加的图元。

本发明提供的一种基于jtopo技术实现的应用拓扑图编辑器，可以包括按钮区、资源区、图元区、属性区及编辑区，其中：图元区，用于提供编辑拓扑图使用的图元；编辑区，用于提供接受并显示对应图元以实现拓扑图编辑的画布；按钮区，用于对画布上的图元进行位置及形状的改变编辑；资源区，用于采用ztree插件以“树”的形式展示拓扑图：属性区，用于实时获取并显示编辑区中包含的图元对应的真实工作状态。由此，工作人员可以根据真实的软硬件将其以拓扑图的方式编辑到应用拓扑图编辑器上，进而该应用拓扑图编辑器能够实时获取对应软硬件的工作状态并显示，从而工作人员无需像现有技术中一样实现对软硬件的监控，只需由应用拓扑图编辑器中随时获取对应软硬件的工作状态即可，从而能够实时准确的获取到数据中心中各软硬件的工作状态。

另外本申请中使用jtopo技术开发多个区域，各个区域之间相互关联，相互作用，易管理，清晰可见，采用ztree插件，还可以有效实现软硬件等资源的监控。jtopo是一款完全基于html5canvas的关系、拓扑图形化界面开发工具包，其关注于数据的图形展示，面向开发人员，可以进行二次开发，可以利用jtopo快速创建一些关系图、拓扑图等相关图形化的展示；也可以使用jtopo来进行人性化、图形化的展示数据之间存在的关联关系。因此采用jtopo技术实现应用拓扑图在线编辑器是非常适合的，可以使外界在线编辑以及展示软硬件等资源的工作状态。本申请公开的编辑器可以应用于数据中心，也可应用于其他需要实现软硬件监控的领域，均在本发明的保护范围之内。

本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器，还可以包括：

信息展示模块，用于实时获取编辑区中包含的图元对应的真实工作状态的数据信息，并在外界点击画布上的图元时展示被点击图元对应的数据信息。

需要说明的是，外界点击画布上的图元时信息展示模块会自动弹出对应的页面并展示被点击图元对应的数据信息，这些信息可以包括对真实软硬件进行监控得到的预先设定指标的实时值，从而使得外界工作人员可以快速确定出各项指标是否在正常范围内，实现所见即所得，清晰展示出外界关心的指标，能够帮助外界工作人员实现对真实软硬件的监控。

本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器，还可以包括：

告警模块，用于当确定任一图元对应真实工作状态为异常工作状态时输出告警信息。

当任一图元对应真实工作状态为异常工作状态时输出告警信息，由此能够使得外界工作人员快速获取到出现问题的软硬件，进而实现对应修复操作，保证各软硬件的正常运行。

本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器，告警模块可以包括：

告警单元，用于当确定任一图元对应真实工作状态为异常工作状态时将对应告警信息发送至指定终端。

其中指定终端为预先设定的与指定工作人员对应的移动终端，通过将告警信息发送至指定终端能够使得对应工作人员快速获知到该告警，当然输出告警信息的方式还可以是直接显示在对应屏幕上，具体可以根据实际需要进行设定，均在本发明的保护范围之内。

本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器，还可以包括：

保存区，用于将画布上的拓扑图以xml文件的形式进行保存。

在外界触发下将画布的拓扑图以xml文件的形式进行保存或者定时将拓扑图以xml文件的形式进行保存等，均在本发明的保护范围之内，将拓扑图保存成xml文件，格式鲜明，不易出错。

本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器，还可以包括：

本地上传模块，用于获取本地上传的拓扑图并指示编辑区将该拓扑图显示在画布上。

在外界触发下获取本地上传的拓扑图并在编辑区对其进行显示，从而实现支持本地上传的功能，提升了用户体验。具体来说，在实现该功能时，能够判断是否存在本地上传的拓扑图，如果存在，则展示该拓扑图，否则，则打开新的拓扑图供编辑。

本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器，还可以包括：

图元设置模块，用于在外界发出的更换命令下将图元区包括的对应图元的图标更换为指定的图标。

在外界触发上将图元区已经存在的图元图标更换为新的图元图标，以实现图标更换功能，提升用户体验。

本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器，图元设置模块还可以用于在外界发出的添加命令下将对应图元图标添加至图元区。

通过该模块实现图元图标的添加，当然还可以根据实际需要设置对图元的删除等功能，均在本发明的保护范围之内，从而进一步提升了用户体验。

另外需要说明的是，在一种具体实现方式中本发明实施例提供的一种基于jtopo技术实现的应用拓扑图编辑器结构图可以如图2所示，其中左上方“资源”字样下方包括有“数据中心”、“应用服务器”、“s1.30全蝶”等字样的区域为资源区，上述“资源”字样右侧包括有“全屏”、“居中”、“放大”、“缩小”、“保存”等字样的区域为按钮区，左下方“图元”字样下方包括有“直线”、“虚线”等图元的区域为图元区，中央包括有“os_10”字样及对应图标的区域为编辑区，右方“基本属性”字样下方包括有“名称”“图标”等字样的区域为属性区，当然还可以根据实际需要进行其他设定，均在本发明的保护范围之内。

对所公开的实施例的上述说明，使本领域技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。