一种Web图形部署方法及装置制造方法及图纸

本发明专利技术实施例公开了一种Web图形部署的方法及装置，其中方法包括检测是否存在将产品图形拖放于工作区中的放置操作，一个产品图形对应预存的产品信息；若存在放置操作，根据预存的产品图形的图片信息将产品图形放置于工作区内；检测是否存在建立工作区内产品图形之间的关联关系的建立操作；若存在建立操作，建立相对应的产品图形之间的关联关系；根据拖放的产品图形以及建立的关联关系在工作区构建出至少一个产品系统图；部署每个产品系统图的产品资源。本发明专利技术实施例通过在工作区编辑产品图形而形成产品系统图，完成应用系统的资源部署，可以更直观地产品之间的关联关系展示出来同时还提高了组建效率。

【技术实现步骤摘要】

本专利技术涉及计算机
，尤其涉及一种Web图形部署方法及装置。
技术介绍
随着计算机领域的发展，诸多时候用户需要将多个产品组建为一组协同的应用服务，现有方式常为用户在视图中以每次单独操作一类产品的方式来逐个创建产品，再通过文字或者表格的形式展示产品之间的关系，此种方式产品之间的关联关系不够直观且单个创建后再进行组建的效率较低，容易出错。
技术实现思路
本专利技术实施例提供一种Web图形部署方法及系统，可在同一视图中组建若干产品以及产品之间的关联关系，最终完成应用服务的资源部署。第一方面，本专利技术实施例提供了一种Web图形部署的方法，该方法包括：检测是否存在将产品图形拖放于工作区中的放置操作，一个产品图形对应预存的产品信息；若存在将产品图形放置于工作区的放置操作，根据预存的产品图形的图片信息将产品图形放置于工作区内；检测是否存在建立工作区内产品图形之间的关联关系的建立操作；若存在建立产品图形之间的关联关系的建立操作，建立相对应的产品图形之间的关联关系；根据拖放的产品图形以及所建立的关联关系在工作区构建出至少一个产品系统图；部署每个产品系统图的产品资源。另一方面，本专利技术实施例提供了一种Web图形部署装置，该Web图形部署装置包括：检测单元、放置单元、建立单元以及构建单元，其中检测单元用于检测是否存在将产品图形拖放于工作区中的放置操作，一个产品图形对应预存的产品信息；放置单元用于若存在将产品图形放置于工作区的放置操作，根据预存的产品图形的图片信息将产品图形放置于工作区内；检测单元还用于检测是否存在建立工作区内产品图形之间的关联关系的建立操作；建立单元用于若存在建立产品图形之间的关联关系的建立操作，建立相对应的产品图形之间的关联关系；构建单元用于根据拖放的产品图形以及所建立的关联关系在工作区构建出至少一个产品系统图；处理单元用于部署每个产品系统图的产品资源。本专利技术实施例通过统一的视图供用户在视图中的工作区编辑与产品对应的产品图形以及关联关系，最终形成一幅代表应用系统的产品系统图，进而根据产品系统图上的携带的信息完成相应的应用系统的资源部署，所有的产品都可以在同一视图进行编辑，更直观地产品之间的关联关系展示出来同时还提高了组建效率。附图说明为了更清楚地说明本专利技术实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是专利技术实施例提供一种Web图形部署装置的可视视图的示意图；图2本专利技术实施例提供的一种Web图形部署方法的示意流程图；图3是本专利技术实施例提供的在可视视图上的产品系统图的示意图；图4a是本专利技术实施例提供的显示产品系统图上所有层级的产品图形于同一视图的示意图；图4b是本专利技术实施例提供的显示所选择的基础设施层级的产品图形并隐藏应用服务层级的产品图形；图5本专利技术实施例提供的一种Web图形部署装置的组成示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组建的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组建和/或其集合的存在或添加。还应当理解，在此本专利技术说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本专利技术。如在本专利技术说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。还应当进一步理解，在本专利技术说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。参见图1，是本专利技术实施例提供一种Web图形部署装置的可视视图的示意图。其中Web图形部署装置基于SVG与VML提供统一的可视视图以供用户操作。如图所示，可视视图10包括产品列表11、工作区12以及属性面板13三大模块，产品列表11用于陈列若干产品的对应的产品图形，以供用户从中将所需的产品的对应产品图形拖至工作区进行编辑；工作区12用于供用户编辑从产品列表中选择的产品图形以形成用于表示应用系统的产品系统图。该编辑包括但是不限制为创建产品图形之间的关联关系、调整产品图形的尺寸大小；属性面板13用于供用户修改或者设定所选择的产品的参数，产品的参数包括但是不限制为产品名称、产品的配置，例如，可在属性面板上重新设置所选择的云主机的CPU、内存大小、实例数量等；在属性面板13上设置磁盘的挂载点和大小。参见图2，是本专利技术实施例提供的一种Web图形部署方法的示意流程图。如图所示，该方法包括：步骤S101，检测是否存在将产品图形拖放于工作区中的放置操作，一个产品图形对应预存的产品信息，是因为产品图形与产品相对应，而产品对应有预存的产品信息。具体的，产品为组建一个应用系统所需要的资源，产品包括但是不限制为主机、磁盘、应用服务器、数据库、网络、虚拟机等资源。该资源是组建应用系统时涉及到硬件设备、软件服务和网络等资源。还应当理解，产品与产品列表中的产品图形相对应；产品与预存的产品信息也相对应。需要说明的是，预存有与产品相对应的产品信息，但是在Web图形部署装置的属性面板可针对预设部分产品信息进行修改，其中，产品信息包括但是不限制为产品类型、产品名称、产品参数和属性等。需要说明的是，若检测出不存在将产品图形拖放于工作区中的放置操作，执行步骤S107的结束流程。步骤S102，若存在将产品图形放置于工作区的放置操作，根据预存的产品图形的图片信息将产品图形放置于工作区内。具体的，检测到将产品图形拖放于工作区中的放置操作则视为用户选择该产品图形对应的产品进行组建应用系统，因此需将将产品图形拖放至工作区以供用户编辑。预存的图片信息包括但是不限制为摆放位置、尺寸、形状、类型等，步骤S102具体为根据图片信息中的摆放位置将产品图形放置于工作区内相对应的位置。步骤S103，检测是否存在建立工作区内产品图形之间的关联关系的建立操作。具体的，应用系统中的很多产品是协同工作的，相互之间具有丰富的关联关系，因此本实施例中构建用于表示应用系统的产品系统图时，用于表示产品的产品图形之间的关系也很丰富，本实施例中优选用不同的线条表示产品图形之间不同的关联关系，该关联关系包括但是不限制为包含关系、依赖关系、引用关系等。线条的类型可以以颜色、虚实线、粗细来区分。应当理解，线条的类型与关联关系的对应关系是预先设置的，当用户选择某一线条连接产品图形时，则相应地可获知被连接的产品图形之间的关系。其他可行的实施例中，还可以采取其他方式来表示产品的关联关系，例如表示产品A与产品B的包含关系时，可采取产品A对应产品图形容纳产品B对应的产品图形的方式。需要说明的是，若检测出不存在建立工作区内产品图形之间的关联关系的建立操作，执行步骤S107的结束流程。步骤S104，若存在建立本文档来自技高网...

【技术保护点】
一种Web图形部署的方法，其特征在于，包括：检测是否存在将产品图形拖放于工作区中的放置操作，一个所述产品图形对应预存的产品信息；若存在将产品图形放置于工作区的放置操作，根据预存的产品图形的图片信息将所述产品图形放置于工作区内；检测是否存在建立所述工作区内产品图形之间的关联关系的建立操作；若存在建立产品图形之间的关联关系的建立操作，建立相对应的产品图形之间的所述关联关系；根据拖放的所述产品图形以及所建立的所述关联关系在所述工作区构建出至少一个产品系统图；部署每个所述产品系统图的产品资源。

【技术特征摘要】
1.一种Web图形部署的方法，其特征在于，包括：检测是否存在将产品图形拖放于工作区中的放置操作，一个所述产品图形对应预存的产品信息；若存在将产品图形放置于工作区的放置操作，根据预存的产品图形的图片信息将所述产品图形放置于工作区内；检测是否存在建立所述工作区内产品图形之间的关联关系的建立操作；若存在建立产品图形之间的关联关系的建立操作，建立相对应的产品图形之间的所述关联关系；根据拖放的所述产品图形以及所建立的所述关联关系在所述工作区构建出至少一个产品系统图；部署每个所述产品系统图的产品资源。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：根据产品的产品信息将所述工作区划分为若干区域，每个产品的产品图形对应所述工作区内的至少一个区域；所述根据预存的产品图形的图片信息将所述产品图形放置于工作区内还包括：判断所述产品图形是否放置于所述工作区中相对应区域；若不是，将从所述工作区内放置所述产品图形的区域中移除所述产品图形。3.根据权利要求1所述的方法，其特征在于，所述产品图形根据预设的产品信息划分为尺寸可调和尺寸不可调两种类型，所述尺寸可调的产品图形可容纳其他产品图形。4.根据权利要求1所述的方法，其特征在于，所述产品信息包括产品类型，所述方法还包括：根据预存产品信息中的产品类型将产品划分为不同层次；根据产品的层次将产品系统图划分为不同的层级，同一层次的产品的对应产品图形位于产品系统图中同一层级；不同层次的产品的对应产品图形位于产品系统图中不同层级。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：检测用户选择查看产品系统图形的操作，所述查看产品系统图形的操作包括查看全部层级的产品图形和查看其中一层的产品图形；若检测到查看全部层级的产品图形的操作，显示产品系统图形上的所有层级的产品图形于同一视图；若检测到查看其中一层的产品图形的操作，则显示所选择的层级的产品图形于同一视图并隐藏其他层级的产品图形。6.一种Web图形部署装置，其特征在于，包括：检测单元，用于检测是否存在将产品图形拖放于工作区中的放置操作，一个所述产品图形对应预存的产品信息；...

【专利技术属性】
技术研发人员：冯学健，
申请(专利权)人：平安科技深圳有限公司，
类型：发明
国别省市：广东;44