CN111538498A - 一种应用创建方法、装置、电子设备及存储介质 - Google Patents
一种应用创建方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN111538498A CN111538498A CN202010291506.8A CN202010291506A CN111538498A CN 111538498 A CN111538498 A CN 111538498A CN 202010291506 A CN202010291506 A CN 202010291506A CN 111538498 A CN111538498 A CN 111538498A
- Authority
- CN
- China
- Prior art keywords
- target
- application
- component
- graph
- preset
- 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 54
- 238000012986 modification Methods 0.000 claims description 35
- 230000004048 modification Effects 0.000 claims description 35
- 238000004590 computer program Methods 0.000 claims description 7
- 238000012544 monitoring process Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 6
- 238000013461 design Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 230000036541 health Effects 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 239000004744 fabric Substances 0.000 description 2
- 230000019771 cognition Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 230000009977 dual effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 230000008439 repair process Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种应用创建方法、装置、电子设备及存储介质,所述应用创建方法包括:从预设组件图形集合中选取至少一个目标组件图形,编排每个目标组件图形的位置,并编辑所述每个目标组件图形对应的配置信息;基于所述每个目标组件图形的位置及所述每个目标组件图形对应的配置信息,生成目标应用。采用本发明可以使得应用创建更简单,更易理解,进而可以有效降低应用的创建难度。
Description
技术领域
本发明涉及互联网技术领域,具体涉及一种应用创建方法、装置、电子设备及存储介质。
背景技术
随着互联网技术的不断发展,越来越多的互联网服务商选择创建应用(Application),如手机和平板电脑等电子设备上安装的应用,以通过不同的应用为用户提供不同的网络服务,
现阶段,通常通过如下两种方法创建应用。第一种,可以直接编辑JSON(JavaScript Object Notation,JS对象简谱)、YAML(YAML Ain't Markup Language,另一种标记语言)配置进行应用创建;第二种,可以在客户端(浏览器)以客户端表单的形式进行应用配置,以创建应用。首先,第一种方法需要操作人员对JSON和YAML的格式有较深的认知,而且编辑起来较为复杂,使得应用创建难度较高;第二种方法虽然不要求操作人员对JSON和YAML的格式有较深的认知,但仅通过表单配置创建应用,会在一定程度上由于操作上的不直观性导致对应用的理解较为困难,从而导致应用创建难度较高。故而,目前亟需一种创建难度较低的应用创建方法。
发明内容
由于存在以上技术问题,本发明实施例提出一种应用创建方法、装置、电子设备及存储介质。
第一方面,本发明实施例提出一种应用创建方法,包括:
从预设组件图形集合中选取至少一个目标组件图形,编排每个目标组件图形的位置,并编辑所述每个目标组件图形对应的配置信息;
基于所述每个目标组件图形的位置及所述每个目标组件图形对应的配置信息,生成目标应用。
可选的,还包括:
初始化预设应用创建页面,并确定当前浏览器是否支持mxGraph;
若当前浏览器支持mxGraph,则初始化预设拓扑对象,及所述应用创建页面的预设按钮、预设组件图形集合、预设组件图形位置编排及预设显示配置信息。
可选的,所述预设拓扑对象是JavaScript对象,所述JavaScript对象用于控制目标组件图形的位置编排。
可选的,所述生成目标应用之后,还包括:
确定目标应用的各个目标组件的工作状态,按照工作状态与图形颜色的预设对应关系,确定目标应用的每个目标组件对应的图形颜色;
基于所述目标应用的每个目标组件对应的图形颜色,显示所述目标应用的每个目标组件图形。
可选的,还包括:
当接收到针对所述目标应用查看指令时,确定所述查看指令对应的目标查看组件图形;
获取所述目标查看组件图形对应的目标配置信息,并显示所述目标配置信息。
可选的,所述生成目标应用之后,还包括:
将所述目标应用的每个目标组件图形均设置为不可编辑状态。
可选的,还包括:
当接收到针对所述目标应用的修改指令时,确定所述修改指令对应的目标修改组件图形;
将所述目标修改组件图形设置为可编辑状态,以对所述目标修改组件图形进行修改。
第二方面,本发明实施例还提出一种应用创建装置,包括组件图形编排模块和应用生成模块,其中:
所述组件图形编排模块,用于从预设组件图形集合中选取至少一个目标组件图形,编排每个目标组件图形的位置,并编辑所述每个目标组件对应的配置信息;
所述应用生成模块,用于基于所述每个目标组件图形的位置及所述每个目标组件图形对应的配置信息,生成目标应用。
第三方面,本发明实施例还提出一种电子设备,包括:
至少一个处理器;以及
与所述处理器通信连接的至少一个存储器,其中:
所述存储器存储有可被所述处理器执行的程序指令,所述处理器调用所述程序指令能够执行上述方法。
第四方面,本发明实施例还提出一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机程序,所述计算机程序使所述计算机执行上述方法。
由上述技术方案可知,本发明实施例通过编排目标组件图形的位置,编辑目标组件图形的配置信息,以生成目标应用。这样,通过组件图形化的方式,完成位置编排及配置编辑,相对于现有技术而言,不仅不要求操作人员对JSON和YAML的格式有较深的认知,而且组件图形化的方式使得操作起来更直观,从而使得应用创建更简单,更易理解,进而可以有效降低应用的创建难度。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些图获得其他的附图。
图1为本发明一实施例提供的一种应用创建方法的流程示意图;
图2为本发明一实施例提供的一种编辑态的设计界面示意图;
图3为本发明一实施例提供的一种应用创建方法的流程示意图;
图4为本发明一实施例提供的一种监控态的设计界面示意图;
图5为本发明一实施例提供的一种应用创建装置的结构示意图;
图6为本发明一实施例提供的电子设备的逻辑框图。
具体实施方式
下面结合附图,对本发明的具体实施方式作进一步描述。以下实施例仅用于更加清楚地说明本发明的技术方案,而不能以此来限制本发明的保护范围。
图1示出了本实施例提供的一种应用创建方法的流程示意图,包括:
S201,从预设组件图形集合中选取至少一个目标组件图形,编排每个目标组件图形的位置,并编辑每个目标组件图形对应的配置信息。
其中,所述预设组件图形集合指预先设置的由多个组件图形构成的集合。
所述组件图形指每个组件对应的图形标表示,每个组件图形上可以带有对应的组件的标识信息,如名称、编号、ID等信息。不同组件对应的组件图形的形状可以相同也可以不同。
所述目标组件图形指从预设组件图形集合中选取的用于创建目标应用的组件图形。
在实施中,可以通过选择组件图形选择组件,并通过编排组件图形的位置和配置信息进行应用创建。具体的,首先,可以从预设组件图形集合种选取需要的至少一个目标组件图形。然后,可以对前述每个目标组件图形进行移动、缩放、连线等操作,对每个目标组件图形进行位置编排。之后,可以编辑每个目标组件图形对应的配置信息,实质上即为编辑每个目标组件的位置和配置信息。
可以理解的是,可以在每次编排完一个目标组件图形的位置之后就编辑该目标组件图形的配置信息;或者,也可以在编排完所有目标组件图形的位置之后,再依次编排每个目标组件图形的配置信息。
S102,基于每个目标组件图形的位置及每个目标组件图形对应的配置信息,生成目标应用。
其中,所述目标应用指操作人员要创建的应用,也即基于每个目标组件图形的位置及每个目标组件图形对应的配置信息生成的应用。
在实施中,在对所有目标组件图形进行位置编排,并编辑完每个目标组件图形对应的配置信息之后,可以生成目标应用。具体的,可以保存前述每个目标组件图形的位置及每个目标组件图形对应的配置信息,在保存时将会整合各个目标组件图形的位置、配置信息以及任意两个目标组件图形间的关联关系下发到对应的集群资源进行部署,以生成目标应用。
由上述技术方案可知,本发明实施例通过编排目标组件图形的位置,编辑目标组件图形的配置信息,以生成目标应用。这样,通过组件图形化的方式,完成位置编排及配置编辑,相对于现有技术而言,不仅不要求操作人员对JSON和YAML的格式有较深的认知,而且组件图形化的方式使得操作起来更直观,从而使得应用创建更简单,更易理解,进而可以有效降低应用的创建难度。
进一步地,在上述方法实施例的基础上,可以基于mxGraph进行应用创建,相应的处理可以如下:初始化预设应用创建页面,并确定当前浏览器是否支持mxGraph;若当前浏览器支持mxGraph,则初始化预设拓扑对象,及应用创建页面的预设按钮、预设组件图形集合、预设组件图形位置编排及预设显示配置信息。
其中,所述预设应用创建页面指预先设置的用于进行应用创建的页面,可以理解为一个布局界面。
所述预设拓扑对象指预先设定的拓扑对象,该拓扑对象可以是JavaScript对象,所述JavaScript对象用于控制目标组件图形的位置编排。其中,JavaScript(语言规范是ECMAScript)是一种广泛用于客户端网页开发的脚本语言。预设拓扑对象可以控制整个组件图形的编排,该预设拓扑对象中封装了一些公共的绘图方法和初始化画布的设置等。
所述预设按钮指预先设定的用于应用创建的按钮,如可以包括保存按钮(可以用于保存每个目标组件图形的位置及每个目标组件图形对应的配置信息,生成目标应用)、撤销按钮(可以用于在位置编排或者配置信息编辑出现错误后,进行撤销)、恢复按钮(可以用于恢复之前撤销的操作)及自动布局按钮(可以用于将选取的至少一个目标组件图形按照预设布局方式进行位置编排)等按钮。
所述预设组件图形位置编排指预先设定的每个组件图形的默认位置。
所述预设显示配置信息指预先设置的预设限定的每个组件图形的初始配置信息,如可以设置为空。
在实施中,由于操作人员通常通过浏览器进行应用创建,故而,在选取目标组件图形之前,需要先初始化预设应用创建页面,然后,确定当前浏览器是否支持mxGraph,mxgraph是一个JavaScript绘图组件适用于需要在网页中设计/编辑Workflow(苹果效率软件)/BPM(Business Process Management,业务流程管理)流程图、图表、网络图和普通图形的Web应用程序。若当前浏览器不支持mxGraph,则可以弹出错误提示框。若当前浏览器支持mxGraph,则可以初始化预设拓扑对象(即JavaScript对象)、初始化应用创建页面的预设按钮、预设组件图形集合、预设组件图形位置编排及预设显示配置信息。之后,再执行步骤S101-S102的处理创建应用。这样,在支持mxGraph时进行初始化,以进行应用创建,一方面,仅在支持mxGraph时执行应用创建过程,可以提高创建效率,减少不必要的应用创建失败操作;另一方面,初始化操作可以使得每次进行应用创建前都恢复到初始界面,相当于在之前创建应用的配置和编排的基础上进行应用创建,可以在一定程度上减少对之前创建应用的配置和编排的删除等操作,从而可以在一定程度上,提高应用创建效率。
进一步地,在上述方法实施例的基础上,在目标应用创建完成后,还可以显示每个目标组件图形的工作状态,实现应用监控,相应的处理可以如下:确定目标应用的各个目标组件的工作状态,按照工作状态与图形颜色的预设对应关系,确定目标应用的每个目标组件对应的图形颜色;基于目标应用的每个目标组件对应的图形颜色,显示目标应用的每个目标组件图形。
其中,所述预设对应关系指组件的工作状态与图形颜色的对应关系,如可以用红色代表组件故障,蓝色代表组件健康,黄色代表组件告警。
在实施中,在目标应用运行过程中,可以实时或周期性监控目标应用的各个目标组件的工作状态。然后,可以按照工作状态与图形颜色的预设对应关系,确定目标应用的每个目标组件的工作状态对应的图形颜色。之后,可以基于每个目标组件对应的图形颜色设置目标组件图形的显示颜色,并在显示颜色设置完成后基于前述确定的每个目标组件对应的图形颜色,显示目标应用的每个目标组件图形。这样,在目标应用运行中还可以直观的监控到目标应用中各个目标组件的工作状态,并可以依据每个目标组件的工作状态确定目标应用的工作状态,从而可以直观的确定每个目标组件的工作状态,以便把控目标应用的运行状态,并在发生故障或者告警时及时进行修复和相应的处理。
进一步地,在上述方法实施例的基础上,还可以查看目标组件的配置信息,相应的处理可以如下:当接收到针对目标应用查看指令时,确定查看指令对应的目标查看组件图形;获取目标查看组件图形对应的目标配置信息,并显示目标配置信息。
其中,所述目标应用查看指令指用于查看目标应用的某个目标组件的配置信息的指令。
所述目标查看组件图形指目标应用查看指令对应的目标组件图形。
所述目标配置信息指目标查看组件图形对应的目标组件的配置信息。
在实施中,当需要查看目标应用的某个目标组件的配置信息时,操作人员可以点击该目标组件对应的目标组件图形,以生成目标应用查看指令,可以理解的是,目标应用查看指令中可以携带有目标查看组件图形的标识。然后,在接收到前述目标应用查看指令之后,可以确定前述目标应用查看指令对应的目标查看组件图形,如可以获取目标应用查看指令中携带的标识,基于该标识确定目标查看组件图形。之后,可以获取前述目标查看组件图形对应的目标配置信息,并显示该目标配置信息。这样,可以直观的监控到目标查看组件图形的配置信息,一方面可以直观的获取到所需的配置信息;另一方面,当目标查看组件图形发生故障或报警时,也可以直观的获取配置信息,以基于配置信息确定故障或报警原因,以及时进行修改。
进一步地,在上述方法实施例的基础上,在生成目标应用之后,还可以将目标应用的每个目标组件图形均设置为不可编辑状态,使得每个目标组件图形对应的配置信息均只能被查看,不能被修改。
进一步地,在上述方法实施例的基础上,在目标应用运行中,可以修改配置信息,相应的处理可以如下:当接收到针对目标应用的修改指令时,确定修改指令对应的目标修改组件图形;将目标修改组件图形设置为可编辑状态,以对目标修改组件图形进行修改。
其中,所述目标修改组件图形指修改指令对应的目标组件图形。
在实施中,当需要修改某个目标组件图形对应的配置信息时,如某个目标组件图形发生故障或报警,或操作人员根据实际情况需要进行配置信息的修改时,操作人员可以下发针对目标应用的修改指令,可以理解的是,目标应用的修改指令中可以携带有目标修改组件图形的标识。然后,当接收到前述目标应用的修改指令时,可以获取修改指令中携带的标识,基于该标识确定目标修改组件图形。之后,可以将目标修改组件图形的由不可编辑状态修改为可编辑状态,对目标修改组件图形对应的配置信息进行修改。这样,可以实现根据实际情况对目标应用的目标修改组件图形对应的配置信息的灵活修改。
为使本发明实施例提供的方法更清楚,现对上述方法进行完整说明,具体的:本发明实施例中目标应用的图形化包括两种模式:编辑态和监控态。其中,编辑态的情况下,可以进行目标应用的生成;监控态的情况下,可以展示目标应用的实时监控信息(如工作状态)和配置信息。编辑态的设计界面如图2所示,编辑态整个页面可以分为四个模块:工具区(顶部)、控件区(左侧)、画布区(中间)、配置区(右侧)。其中,1)工具区:全局性功能按钮所在区域,例如保存、撤销、恢复、自动布局等。2)控件区:预设组件图形集合所在区域,可以通过拖拽该区域组件图形的方式添加某个目标组件。3)画布区:组件图形被拖拽放置的区域,放置到该区域的组件图形对应的组件即为已添加的组件,可以在此区域内对组件进行移动、缩放、连线设置等操作。4)配置区:某个组件的属性项配置区域,当点击画布区某个组件图形时,右侧配置区会显示该组件对应的配置信息,可以对该组件的配置信息进行编辑填写。
参见图3,应用图形化编排(即上述创建应用)的流程可以如下:步骤1)、初始化布局(即预设应用创建页面):初始化布局即将页面分为工具区(顶部)、控件区(左侧)、画布区(中间)、配置区(右侧)四个区域。步骤2)、判断当前浏览器是否支持mxGraph。若当前浏览器不支持mxGraph,则弹出错误提示框。若当前浏览器支持mxGraph,则执行步骤3)。步骤3)初始化拓扑对象(即预设拓扑对象):本方案抽象封装了一个JavaScript对象作为预设拓扑对象,来控制整个应用创建中的图形化编排,该JavaScript对象中封装了一些公共的绘图方法和初始化画布的设置等,其中,JavaScript(语言规范是ECMAScript),是一种广泛用于客户端网页开发的脚本语言。步骤4)初始化各个区域:即初始化工具区的按钮(即应用创建页面的预设按钮)、初始化控件区的各个组件(即预设组件图形集合)、初始化画布区的图形化编排(即预设组件图形位置编排)、以及初始化右侧配置区的显示配置(即预设显示配置信息)。步骤5)进行应用创建中的图形化编排:以上步骤(步骤1)至4))都为应用创建前的准备过程,这一步即开始使用图形化编排完成应用的创建。具体的,步骤5-a、从左侧控件区(即预设组件图形集合)中将组件X(即目标组件图形)拖入画布区(组件在画布区可进行移动、缩放、连线等操作),此时右侧配置区会显示该组件X的配置,新拖入的组件一般配置为空。步骤5-b、在右侧配置区编写组件X的配置信息,右侧配置区的配置信息区域可最大化进行填写,也可先不填写配置信息,继续拖入第二个组件。步骤5-c、将需要部署的组件拖入画布区,并完成相应的必须配置信息编写后,即可保存完成一个应用的创建。步骤6)、保存:保存时将会整合画布区中各个组件的配置信息、位置等样式信息以及关联关系下发到对应集群资源进行部署,生成目标应用。
图4示出了本实施例提供的监控态的设计界面,监控态整个页面分为四个模块:工具区(顶部)、画布区(左侧)、配置区(右侧)、状态区(底部)。其中,各个模块功能如下:1)工具区:全局性功能按钮所在区域,例如修改(进去编辑态)、导出(导出YAML文件)等。2)画布区:显示已部署的组件对应的组件图形,各个组件图形的边框以不同的颜色显示组件的状态(如红色代表故障,蓝色代表健康,黄色代表告警等)。这些组件除了单击选中操作之外不能进行其他操作。3)配置区:选中某个组件图形即可显示对应的组件的配置信息,监控态下组件配置信息只能查看不能修改。4)状态区:选中某个组件图形即可显示该组件的详细状态信息,如部署状态、组件运行状态(如故障、健康、报警等)及其他相关信息。
这样,通过直观的拖拽图形化方式,完成复杂场景下的应用编排及拓扑设计,保存后系统将生成描述文件下发到对应集群资源部署。该方式操作起来简单生动易用,视觉上更直观易理解,并且可以通过双模式(编辑态、监控态)的运行机制直接清晰的展示出各组件关联关系以及它们的运行状况等信息,以更加直观和灵活的实现应用创建,并以更直观的方式实时监控显示整个应用和应用的各个组件的运行状况。
图5示出了本实施例提供的一种应用创建装置,包括组件图形编排模块501和应用生成模块502,其中:
所述组件图形编排模块501,用于从预设组件图形集合中选取至少一个目标组件图形,编排每个目标组件图形的位置,并编辑所述每个目标组件对应的配置信息;
所述应用生成模块502,用于基于所述每个目标组件图形的位置及所述每个目标组件图形对应的配置信息,生成目标应用。
进一步地,还包括初始化模块,用于:
初始化预设应用创建页面,并确定当前浏览器是否支持mxGraph;
若当前浏览器支持mxGraph,则初始化预设拓扑对象,及所述应用创建页面的预设按钮、预设组件图形集合、预设组件图形位置编排及预设显示配置信息。
进一步地,所述预设拓扑对象是JavaScript对象,所述JavaScript对象用于控制目标组件图形的位置编排。
进一步地,还包括显示模块,用于:
确定目标应用的各个目标组件的工作状态,按照工作状态与图形颜色的预设对应关系,确定目标应用的每个目标组件对应的图形颜色;
基于所述目标应用的每个目标组件对应的图形颜色,显示所述目标应用的每个目标组件图形。
进一步地,所述包括显示模块,还用于:
当接收到针对所述目标应用查看指令时,确定所述查看指令对应的目标查看组件图形;
获取所述目标查看组件图形对应的目标配置信息,并显示所述目标配置信息。
进一步地,还包括修改模块,用于:
将所述目标应用的每个目标组件图形均设置为不可编辑状态。
进一步地,所述修改模块,还用于:
当接收到针对所述目标应用的修改指令时,确定所述修改指令对应的目标修改组件图形;
将所述目标修改组件图形设置为可编辑状态,以对所述目标修改组件图形进行修改。
本实施例所述的应用创建装置可以用于执行上述各方法实施例所提供的方法,其原理和技术效果类似,此处不再赘述。
参照图6,所述电子设备,包括:处理器(processor)601、存储器(memory)602和总线603;
其中,
所述处理器601和存储器602通过所述总线603完成相互间的通信;
所述处理器601用于调用所述存储器602中的程序指令,以执行上述各方法实施例所提供的方法。
本实施例公开一种计算机程序产品,所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算机程序,所述计算机程序包括程序指令,当所述程序指令被计算机执行时,计算机能够执行上述各方法实施例所提供的方法。
本实施例提供一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令使所述计算机执行上述各方法实施例所提供的方法。
以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件。基于这样的理解,上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种应用创建方法,其特征在于,包括:
从预设组件图形集合中选取至少一个目标组件图形,编排每个目标组件图形的位置,并编辑所述每个目标组件图形对应的配置信息;
基于所述每个目标组件图形的位置及所述每个目标组件图形对应的配置信息,生成目标应用。
2.根据权利要求1所述的应用创建方法,其特征在于,还包括:
初始化预设应用创建页面,并确定当前浏览器是否支持mxGraph;
若当前浏览器支持mxGraph,则初始化预设拓扑对象,及所述应用创建页面的预设按钮、预设组件图形集合、预设组件图形位置编排及预设显示配置信息。
3.根据权利要求2所述的应用创建方法,其特征在于,所述预设拓扑对象是JavaScript对象,所述JavaScript对象用于控制目标组件图形的位置编排。
4.根据权利要求1所述的应用创建方法,其特征在于,所述生成目标应用之后,还包括:
确定目标应用的各个目标组件的工作状态,按照工作状态与图形颜色的预设对应关系,确定目标应用的每个目标组件对应的图形颜色;
基于所述目标应用的每个目标组件对应的图形颜色,显示所述目标应用的每个目标组件图形。
5.根据权利要求4所述的应用创建方法,其特征在于,还包括:
当接收到针对所述目标应用查看指令时,确定所述查看指令对应的目标查看组件图形;
获取所述目标查看组件图形对应的目标配置信息,并显示所述目标配置信息。
6.根据权利要求1所述的应用创建方法,其特征在于,所述生成目标应用之后,还包括:
将所述目标应用的每个目标组件图形均设置为不可编辑状态。
7.根据权利要求6所述的应用创建方法,其特征在于,还包括:
当接收到针对所述目标应用的修改指令时,确定所述修改指令对应的目标修改组件图形;
将所述目标修改组件图形设置为可编辑状态,以对所述目标修改组件图形进行修改。
8.一种应用创建装置,其特征在于,包括组件图形编排模块和应用生成模块,其中:
所述组件图形编排模块,用于从预设组件图形集合中选取至少一个目标组件图形,编排每个目标组件图形的位置,并编辑所述每个目标组件对应的配置信息;
所述应用生成模块,用于基于所述每个目标组件图形的位置及所述每个目标组件图形对应的配置信息,生成目标应用。
9.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至7任一所述的应用创建方法。
10.一种非暂态计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现如权利要求1至7任一所述的应用创建方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010291506.8A CN111538498A (zh) | 2020-04-14 | 2020-04-14 | 一种应用创建方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010291506.8A CN111538498A (zh) | 2020-04-14 | 2020-04-14 | 一种应用创建方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111538498A true CN111538498A (zh) | 2020-08-14 |
Family
ID=71973130
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010291506.8A Pending CN111538498A (zh) | 2020-04-14 | 2020-04-14 | 一种应用创建方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111538498A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112035110A (zh) * | 2020-08-28 | 2020-12-04 | 腾讯科技(深圳)有限公司 | 一种参数调整方法、装置、客户端及存储介质 |
CN113031947A (zh) * | 2021-03-05 | 2021-06-25 | 苏州帝博信息技术有限公司 | 在界面设计工具中使用的配置数据管理方法和装置 |
CN117215559A (zh) * | 2023-11-08 | 2023-12-12 | 深圳市升立德科技有限公司 | 一种可视化编程的执行方法、装置、设备以及介质 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120266131A1 (en) * | 2011-04-12 | 2012-10-18 | Hitachi, Ltd. | Automatic program generation device, method, and computer program |
CN104216691A (zh) * | 2013-05-31 | 2014-12-17 | 华为技术有限公司 | 一种创建应用的方法及装置 |
CN105512304A (zh) * | 2015-12-11 | 2016-04-20 | 西安道同信息科技有限公司 | 在线生成互联网应用方法和系统集成方法及支撑平台 |
CN106713003A (zh) * | 2016-05-12 | 2017-05-24 | 深圳市深信服电子科技有限公司 | 基于网络拓扑图的虚拟节点创建方法及装置 |
CN109086042A (zh) * | 2018-06-27 | 2018-12-25 | 南京中新赛克科技有限责任公司 | 基于算子及控件的业务界面开发方法 |
CN109933628A (zh) * | 2019-03-18 | 2019-06-25 | 山东浪潮通软信息科技有限公司 | 一种基于mxgraph的ETL设计器及其在线设计方法 |
CN110007913A (zh) * | 2019-03-21 | 2019-07-12 | 佳都新太科技股份有限公司 | 可视化的数据处理流程设置方法、装置、设备及存储介质 |
CN110569027A (zh) * | 2019-09-10 | 2019-12-13 | 联想(北京)有限公司 | 应用于电子设备的流程图布局方法、装置和电子设备 |
-
2020
- 2020-04-14 CN CN202010291506.8A patent/CN111538498A/zh active Pending
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120266131A1 (en) * | 2011-04-12 | 2012-10-18 | Hitachi, Ltd. | Automatic program generation device, method, and computer program |
CN104216691A (zh) * | 2013-05-31 | 2014-12-17 | 华为技术有限公司 | 一种创建应用的方法及装置 |
CN105512304A (zh) * | 2015-12-11 | 2016-04-20 | 西安道同信息科技有限公司 | 在线生成互联网应用方法和系统集成方法及支撑平台 |
CN106713003A (zh) * | 2016-05-12 | 2017-05-24 | 深圳市深信服电子科技有限公司 | 基于网络拓扑图的虚拟节点创建方法及装置 |
CN109086042A (zh) * | 2018-06-27 | 2018-12-25 | 南京中新赛克科技有限责任公司 | 基于算子及控件的业务界面开发方法 |
CN109933628A (zh) * | 2019-03-18 | 2019-06-25 | 山东浪潮通软信息科技有限公司 | 一种基于mxgraph的ETL设计器及其在线设计方法 |
CN110007913A (zh) * | 2019-03-21 | 2019-07-12 | 佳都新太科技股份有限公司 | 可视化的数据处理流程设置方法、装置、设备及存储介质 |
CN110569027A (zh) * | 2019-09-10 | 2019-12-13 | 联想(北京)有限公司 | 应用于电子设备的流程图布局方法、装置和电子设备 |
Non-Patent Citations (1)
Title |
---|
于石林: "可视化流程建模与监控方案的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112035110A (zh) * | 2020-08-28 | 2020-12-04 | 腾讯科技(深圳)有限公司 | 一种参数调整方法、装置、客户端及存储介质 |
CN112035110B (zh) * | 2020-08-28 | 2022-06-21 | 腾讯科技(深圳)有限公司 | 一种参数调整方法、装置、客户端及存储介质 |
CN113031947A (zh) * | 2021-03-05 | 2021-06-25 | 苏州帝博信息技术有限公司 | 在界面设计工具中使用的配置数据管理方法和装置 |
CN117215559A (zh) * | 2023-11-08 | 2023-12-12 | 深圳市升立德科技有限公司 | 一种可视化编程的执行方法、装置、设备以及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111538498A (zh) | 一种应用创建方法、装置、电子设备及存储介质 | |
CN106600238B (zh) | 基于Activiti流程引擎的网络业务开通实现的方法及装置 | |
CN109117138B (zh) | 一种组态方法及装置、计算机可读存储介质 | |
US20160179359A1 (en) | Industrial automation visualization dashboard creation paradigm | |
US20220156422A1 (en) | System and method for selectively implementing layout configurations amongst object groupings of a design under edit | |
CN112751692A (zh) | 业务开通方法及装置 | |
CN103208046A (zh) | 基于交互式动态流程图的工作流引擎架构方法和系统 | |
WO2016113914A1 (ja) | 開発支援システム | |
JP6750124B2 (ja) | 端末装置、ui拡張方法及びui拡張プログラム | |
CN114330729B (zh) | 量子电路处理方法、装置、设备及存储介质 | |
CN111399814A (zh) | 一种构建任务可视化编排方法及装置 | |
US11474931B2 (en) | Debugging a cross-technology and cross-environment execution | |
CN115495067A (zh) | 一种拓扑图编辑器代码可视化生成方法、装置及存储介质 | |
JP2008204237A (ja) | プログラム作成支援装置およびプログラム実行装置 | |
CN107368043A (zh) | 配方管理控制系统 | |
CN114780005A (zh) | 图形绘制方法、装置、电子设备以及存储介质 | |
CN114895915A (zh) | 版图代码自动生成方法、系统、设备和计算机可读存储介质 | |
US20110098988A1 (en) | Methods and Apparatus for Designing Device-to-Device Configurations Suitable to be used in a Power System | |
CN112200491A (zh) | 一种数字孪生模型构建方法、装置及存储介质 | |
US20140181176A1 (en) | Graphical user interface for hadoop system administration | |
CN116543074A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN103853747A (zh) | 一种声源网页的控制方法和装置 | |
CN116450021A (zh) | 大屏搭建方法、系统、电子设备和存储介质 | |
CN116107557A (zh) | 页面的可视化开发方法、装置、存储介质及电子设备 | |
CN106354453A (zh) | 用于检查网络设备的方法和网络 |
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: 20200814 |