一种可视化界面的编程语言数据生成系统和方法与流程

1.本技术涉及计算机技术领域，尤其涉及一种可视化界面的编程语言数据生成系统。


背景技术：

2.可视化编辑器框架，可以用于构建可视化编辑器应用，如在线ps，在线思维导图、可视化大屏编辑器、动态表单等。目前市面上已有各种可视化编辑器应用，但快速生成可视化编辑器应用的框架还没有。目前实现可视化编辑器需要开发人员利用web底层api逐步实现，这种方式存在如下缺点：（1）开发人员每次要完成可视化界面的代码时，都需要人工手动利用web底层api逐步编辑代码（例如组件对应的代码、界面布局对应的代码），然而，人工手动编程开发的过程中，会存在人工手动编程过程中容易出现由于操作错误所导致的编程错误的问题，导致需要人工花费大量时间反复查询错误原因以及纠正错误编程，进而导致在这过程中会耗费大量的人力、时间成本；（2）设计器的交互复杂，限于开发人员的水平，开发出来的设计器性能不高；（3）开发人员开发出来的设计器可拓展性与可复用性不高。


技术实现要素：

3.本技术提供实现了一种可视化界面的编程语言数据生成系统，以提高生成可视化界面的编程语言数据的便捷性以及精准度，以及生成可视化界面的编程语言数据的开发效率。
4.第一方面，本技术提供了一种可视化界面的编程语言数据生成系统，其特征在于，所述系统包括：事件总线、命令管理模块、布局管理器；所述事件总线，用于获取界面布局操作，并将所述界面布局操作向所述命令管理模块发送；所述命令管理模块，用于根据所述界面布局操作，确定界面布局信息以及组件信息；将所述界面布局信息以及组件信息向所述布局管理器发送；所述布局管理器，用于根据所述界面布局信息以及组件信息，生成所述界面布局对应的编程语言数据以及所述组件信息对应的编程语言数据。
5.可选的，所述系统还包括组件拓展模块；所述布局管理器，具体用于根据所述界面布局信息，确定目标类型布局管理模块；利用所述目标类型布局管理模块，生成所述界面布局信息对应的编程语言数据；将所述组件信息向所述组件拓展模块发送；所述组件拓展模块，用于根据所述组件信息，生成所述组件信息对应的编程语言数据。
6.可选的，所述布局管理器包括以下布局管理模块：绝对定位布局管理模块、相对定位布局管理模块、自适应布局管理模块和自定义布局管理模块；所述目标类型布局管理模块包括所述布局管理器中的至少一种类型布局管理模块。
7.可选的，所述组件拓展模块，具体用于根据所述组件信息，确定目标组件以及所述目标组件对应的组件拓展类型；根据所述组件拓展类型，确定目标组件拓展功能模块；利用所述目标组件拓展功能模块，对所述目标组件进行调整，得到调整后的目标组件；根据所述调整后的目标组件，生成所述组件信息对应的编程语言数据。
8.可选的，所述组件拓展模块包括以下拓展功能模块：调整大小功能模块、移动功能模块、加载中功能模块和自定义功能模块；所述目标组件拓展功能模块包括所述组件拓展模块中的至少一个拓展功能模块。
9.第二方面，本技术提供了一种可视化界面的编程语言数据生成方法，所述方法包括：获取界面布局操作；根据所述界面布局操作，确定界面布局信息以及组件信息；根据所述界面布局信息，生成所述界面布局对应的编程语言数据；根据所述组件信息，生成所述组件信息对应的编程语言数据。
10.可选的，所述根据所述界面布局信息，生成所述界面布局对应的编程语言数据，包括：根据所述界面布局信息，确定目标类型布局；根据所述界面布局信息和所述目标类型布局对应的模板数据，生成所述界面布局信息对应的编程语言数据。
11.可选的，所述根据所述组件信息，生成所述组件信息对应的编程语言数据，包括：根据所述组件信息，确定目标组件以及所述目标组件对应的组件拓展类型；根据所述组件拓展类型，确定目标组件拓展功能；利用所述目标组件拓展功能，对所述目标组件进行调整，得到调整后的目标组件；根据所述调整后的目标组件，生成所述组件信息对应的编程语言数据。
12.第三方面，本发明提供了一种可读介质，包括执行指令，当电子设备的处理器执行所述执行指令时，所述电子设备执行如第二方面中任一所述的方法。
13.第四方面，本发明提供了一种电子设备，包括处理器以及存储有执行指令的存储器，当所述处理器执行所述存储器存储的所述执行指令时，所述处理器执行如第二方面中任一所述的方法。
14.由上述技术方案可以看出，本技术提供了一种可视化界面的编程语言数据生成系统，所述系统包括：事件总线、命令管理模块、布局管理器；所述事件总线，用于获取界面布局操作，并将所述界面布局操作向所述命令管理模块发送；所述命令管理模块，用于根据所述界面布局操作，确定界面布局信息以及组件信息；将所述界面布局信息以及组件信息向所述布局管理器发送；所述布局管理器，用于根据所述界面布局信息以及组件信息，生成所述界面布局对应的编程语言数据以及所述组件信息对应的编程语言数据。本技术中，由于布局管理器预先封装了界面布局和组件相关的底层实现（比如相关函数、功能模块等），这样，布局管理器便可以直接根据所述界面布局信息以及组件信息，直接调用预先封装的界面布局和组件相关的底层实现，从而生成所述界面布局对应的编程语言数据以及所述组件信息对应的编程语言数据，从而不需要和现有技术一样，需要人工手动编程开发，避免了人工手动编程过程中出现由于操作错误所导致的编程错误的问题，从而提高了生成可视化界
面的编程语言数据的便捷性以及精准度，提高了生成可视化界面的编程语言数据的开发效率。
15.上述的非惯用的优选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
16.为了更清楚地说明本技术实施例或现有的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
17.图1为本技术一实施例提供的一种可视化界面的编程语言数据生成系统的结构示意图；图2为本发明一种可视化界面的编程语言数据生成方法的流程示意图；图3为本发明一实施例提供的一种电子设备的结构示意图。
具体实施方式
18.为使本技术的目的、技术方案和优点更加清楚，下面将结合具体实施例及相应的附图对本技术的技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
19.发明人经研究发现，可视化编辑器框架，可以用于构建可视化编辑器应用，如在线ps，在线思维导图、可视化大屏编辑器、动态表单等。目前市面上已有各种可视化编辑器应用，但快速生成可视化编辑器应用的框架还没有。目前实现可视化编辑器需要开发人员利用web底层api逐步实现，这种方式存在如下缺点：（1）开发人员每次要完成可视化界面的代码时，都需要人工手动利用web底层api逐步编辑代码（例如组件对应的代码、界面布局对应的代码），然而，人工手动编程开发的过程中，会存在人工手动编程过程中容易出现由于操作错误所导致的编程错误的问题，导致需要人工花费大量时间反复查询错误原因以及纠正错误编程，进而导致在这过程中会耗费大量的人力、时间成本；（2）设计器的交互复杂，限于开发人员的水平，开发出来的设计器性能不高；（3）开发人员开发出来的设计器可拓展性与可复用性不高。
20.故此，本技术提供了本技术提供了一种可视化界面的编程语言数据生成系统，所述系统包括：事件总线、命令管理模块、布局管理器；所述事件总线，用于获取界面布局操作，并将所述界面布局操作向所述命令管理模块发送；所述命令管理模块，用于根据所述界面布局操作，确定界面布局信息以及组件信息；将所述界面布局信息以及组件信息向所述布局管理器发送；所述布局管理器，用于根据所述界面布局信息以及组件信息，生成所述界面布局对应的编程语言数据以及所述组件信息对应的编程语言数据。本技术中，由于布局管理器预先封装了界面布局和组件相关的底层实现（比如相关函数、功能模块等），这样，布局管理器便可以直接根据所述界面布局信息以及组件信息，直接调用预先封装的界面布局和组件相关的底层实现，从而生成所述界面布局对应的编程语言数据以及所述组件信息对
应的编程语言数据，从而不需要和现有技术一样，需要人工手动编程开发，避免了人工手动编程过程中出现由于操作错误所导致的编程错误的问题，从而提高了生成可视化界面的编程语言数据的便捷性以及精准度，提高了生成可视化界面的编程语言数据的开发效率。
21.下面结合附图，详细说明本技术的各种非限制性实施方式。
22.参见图1，本技术实施例提供了一种可视化界面的编程语言数据生成系统，其特征在于，所述系统包括：事件总线、命令管理模块、布局管理器。
23.所述事件总线，用于获取界面布局操作，并将所述界面布局操作向所述命令管理模块发送。事件总线可以用于监测用户对于可视化界面的界面布局操作，若监测到用户对于可视化界面的界面布局操作（例如对哪个组件进行什么样的操作，比如调整大小和调整位置），则可以将可视化编辑器应用中用户的各种界面布局操作进行封装并统一管理，利用责任链模式对事件进行统一派发，例如向所述命令管理模块发送。例如事件总线监测到用户在可视化编辑器应用中对一目标进行了点击、拖动等界面布局操作，事件总线可以基于责任链模式封装了浏览器中用户的该界面布局操作，并将所述界面布局操作向所述命令管理模块发送。在本实施例中，事件总线模块是对系统中的事件的封事件总线机制。
24.所述命令管理模块，用于根据所述界面布局操作，确定界面布局信息以及组件信息；将所述界面布局信息以及组件信息向所述布局管理器发送。命令管理模块接收到界面布局操作后，可以根据界面布局操作确定对应的界面布局信息以及组件信息。其中，组件信息可以理解为组件的基本属性信息，例如所述组件属性信息可以包括组件标识（比如组件的名称）、组件位置信息（比如组件在待转换可视化界面图像中的位置）、组件类型、尺寸大小（比如组件的长、宽）、主体颜色表等；所述界面布局信息可以理解为可视化界面图像中界面布局的基本属性信息，例如所述布局属性信息可以包括主题（比如主题色）、布局数据（比如界面的图形层次和各个组件的交互事件）、画布属性、预置初始全局数据、组件列表、背景颜色等。命令管理模块在根据所述界面布局操作，确定所述界面布局操作对应的界面布局信息以及组件信息后，可以将所述界面布局信息以及组件信息向所述布局管理器发送。
25.所述布局管理器，用于根据所述界面布局信息以及组件信息，生成所述界面布局对应的编程语言数据以及所述组件信息对应的编程语言数据。需要说明的是，布局管理器预先封装了界面布局和组件相关的底层实现（比如相关函数、功能模块等），这样，布局管理器便可以直接根据所述界面布局信息以及组件信息，直接调用预先封装的界面布局和组件相关的底层实现，从而生成所述界面布局对应的编程语言数据以及所述组件信息对应的编程语言数据，也实现了预先封装了界面布局和组件相关的底层实现的复用，提高了构建可视化编辑器的效率与质量。
26.在一种实现方式中，所述系统还包括组件拓展模块。所述布局管理器，具体用于根据所述界面布局信息，确定目标类型布局管理模块；利用所述目标类型布局管理模块，生成所述界面布局信息对应的编程语言数据；以及将所述组件信息向所述组件拓展模块发送。
27.在本实施例中，所述布局管理器包括以下布局管理模块：绝对定位布局管理模块、相对定位布局管理模块、自适应布局管理模块和自定义布局管理模块；所述目标类型布局管理模块包括所述布局管理器中的至少一种类型布局管理模块。可以理解的是，布局管理器可以预先内置了多种布局管理模块，如绝对定位布局，自适应布局，绝对定位布局与相对定位布局合并的布局等，设计器开发人员可根据业务需求选择不同的布局管理器，另外布
局管理器也提供自定义布局管理器的功能（即自定义布局管理模块），方便开发人员灵活的根据业务进行调整。可以理解的是，布局管理器接收到界面布局信息后，可以先根据所述界面布局信息，确定目标类型布局管理模块，即根据具体的界面布局信息，选择布局管理器中至少一预设的布局管理模块。接着，利用所述目标类型布局管理模块，生成所述界面布局信息对应的编程语言数据，可以理解的是，目标类型布局管理模块中可以预先设置有该目标类型布局对应的编程语言代码模板，这样，便可以利用所述目标类型布局管理模块中的编程语言代码模板，将所述界面布局信息转换为所述界面布局信息对应的编程语言数据（比如json格式的代码）。
28.所述组件拓展模块，用于根据所述组件信息，生成所述组件信息对应的编程语言数据。在本实施例中，可视化编辑器开发人员可以预先根据应用的具体需求，结合系统api，定义可扩展的组件功能，并将该组件功能存储在组件拓展模块，以便每次需要生成可视化界面的编程语言数据均可复用。在本实施例中，框架利用装饰者模式管理了开发人员定义的组件功能，动态为组件添加新的功能。在本实施例中，所述组件拓展模块可以包括以下拓展功能模块：调整大小功能模块、移动功能模块、加载中功能模块和自定义功能模块；所述目标组件拓展功能模块包括所述组件拓展模块中的至少一个拓展功能模块。其中，布局管理器也提供自定义布局管理器的功能（即自定义功能模块），方便开发人员灵活的根据业务进行调整。其中，组件拓展模块可以根据组件信息调用拓展功能模块生成所述组件信息对应的编程语言数据（比如json格式的代码）。
29.在本实施例中，所述组件拓展模块，具体用于先根据所述组件信息，确定目标组件以及所述目标组件对应的组件拓展类型（即目标组件需要进行他拓展调整的类型，比如大小调整、移动或者加载）。然后，组件拓展模块可以根据所述组件拓展类型，确定目标组件拓展功能模块，即需要根据组件拓展类型，确定需要调用的目标组件拓展功能模块，比如，组件拓展类型为组件调整大小，则目标组件拓展功能模块可以为大小功能模块。接下来，可以利用所述目标组件拓展功能模块，对所述目标组件进行调整，得到调整后的目标组件；例如，目标组件拓展功能模块为大小功能模块，可以利用大小功能模块对目标组件进行大小调整，得到调整后的目标组件。紧接着，可以根据所述调整后的目标组件，生成所述组件信息对应的编程语言数据。
30.可以理解的是，组件拓展模块中可以预先设置有各组件拓展类型对应的编程语言代码模板，这样，便可以利用所述目标组件拓展功能模块中的编程语言代码模板，将所述组件信息转换为所述组件信息对应的编程语言数据（比如json格式的代码）。
31.这样，便可以将界面布局信息对应的编程语言数据以及组件信息对应的编程语言数据作为可视化界面的编程语言数据。
32.需要说明的是，在一种实现方式中，一种可视化界面的编程语言数据生成系统框架可以将封装为npm模块。并且，该框架可以提供特定的api方便使用者接入。
33.由上述技术方案可以看出，本技术提供了一种可视化界面的编程语言数据生成系统，所述系统包括：事件总线、命令管理模块、布局管理器；所述事件总线，用于获取界面布局操作，并将所述界面布局操作向所述命令管理模块发送；所述命令管理模块，用于根据所述界面布局操作，确定界面布局信息以及组件信息；将所述界面布局信息以及组件信息向所述布局管理器发送；所述布局管理器，用于根据所述界面布局信息以及组件信息，生成所
述界面布局对应的编程语言数据以及所述组件信息对应的编程语言数据。本技术中，由于布局管理器预先封装了界面布局和组件相关的底层实现（比如相关函数、功能模块等），这样，布局管理器便可以直接根据所述界面布局信息以及组件信息，直接调用预先封装的界面布局和组件相关的底层实现，从而生成所述界面布局对应的编程语言数据以及所述组件信息对应的编程语言数据，从而不需要和现有技术一样，需要人工手动编程开发，避免了人工手动编程过程中出现由于操作错误所导致的编程错误的问题，从而提高了生成可视化界面的编程语言数据的便捷性以及精准度，提高了生成可视化界面的编程语言数据的开发效率。
34.针对图1所示的一种可视化界面的编程语言数据生成系统，本技术还提供了一种可视化界面的编程语言数据生成方法，参见图2，所述方法例如可以包括以下步骤：s201：获取界面布局操作。
35.在本实施例中，可以监测用户对于可视化编辑器应用中可视化界面的界面布局操作，若监测到用户对于可视化界面的界面布局操作（例如对哪个组件进行什么样的操作，比如调整大小和调整位置），则可以获取可视化编辑器应用中用户的各种界面布局操作。例如监测到用户在可视化编辑器应用中对一目标进行了点击、拖动等界面布局操作，则可以获取浏览器中用户的该界面布局操作。
36.s202：根据所述界面布局操作，确定界面布局信息以及组件信息。
37.在本实施例中，获取到界面布局操作后，可以根据界面布局操作确定对应的界面布局信息以及组件信息。其中，组件信息可以理解为组件的基本属性信息，例如所述组件属性信息可以包括组件标识（比如组件的名称）、组件位置信息（比如组件在待转换可视化界面图像中的位置）、组件类型、尺寸大小（比如组件的长、宽）、主体颜色表等；所述界面布局信息可以理解为可视化界面图像中界面布局的基本属性信息，例如所述布局属性信息可以包括主题（比如主题色）、布局数据（比如界面的图形层次和各个组件的交互事件）、画布属性、预置初始全局数据、组件列表、背景颜色等。
38.s203：根据所述界面布局信息，生成所述界面布局对应的编程语言数据。
39.作为一种示例，可以先根据所述界面布局信息，确定目标类型布局。然后，可以根据所述界面布局信息和所述目标类型布局对应的模板数据，生成所述界面布局信息对应的编程语言数据。
40.在本实施例中，预先封装了界面布局和组件相关的底层实现（比如相关函数、功能模块等），这样，便可以直接根据所述界面布局信息以及组件信息，直接调用预先封装的界面布局和组件相关的底层实现，从而生成所述界面布局对应的编程语言数据以及所述组件信息对应的编程语言数据，也实现了预先封装了界面布局和组件相关的底层实现的复用，提高了构建可视化编辑器的效率与质量。
41.在本实施例中，可以预先设置了以下布局管理模块：绝对定位布局管理模块、相对定位布局管理模块、自适应布局管理模块和自定义布局管理模块；所述目标类型布局管理模块包括所述布局管理器中的至少一种类型布局管理模块。可以理解的是，布局管理器可以预先内置了多种布局管理模块，如绝对定位布局，自适应布局，绝对定位布局与相对定位布局合并的布局等，设计器开发人员可根据业务需求选择不同的布局管理器，另外布局管理器也提供自定义布局管理器的功能（即自定义布局管理模块），方便开发人员灵活的根据
业务进行调整。可以理解的是，确定界面布局信息后，可以先根据所述界面布局信息，确定目标类型布局以及目标类型布局对应的目标类型布局管理模块，即根据具体的界面布局信息，选择布局管理器中至少一预设的布局管理模块。接着，利用所述目标类型布局管理模块，生成所述界面布局信息对应的编程语言数据，可以理解的是，目标类型布局管理模块中可以预先设置有该目标类型布局对应的编程语言代码模板，这样，便可以利用所述目标类型布局管理模块中的编程语言代码模板（即目标类型布局对应的模板数据），将所述界面布局信息转换为所述界面布局信息对应的编程语言数据（比如json格式的代码）。
42.s204：根据所述组件信息，生成所述组件信息对应的编程语言数据。
43.在本实施例中，可以预先设置了以下拓展功能模块：调整大小功能模块、移动功能模块、加载中功能模块和自定义功能模块；所述目标组件拓展功能模块包括所述组件拓展模块中的至少一个拓展功能模块。
44.作为一种示例，可以先根据所述组件信息，确定目标组件以及所述目标组件对应的组件拓展类型（即目标组件需要进行他拓展调整的类型，比如大小调整、移动或者加载）。然后，可以根据所述组件拓展类型，确定目标组件拓展功能，例如组件拓展模块可以根据所述组件拓展类型，确定目标组件拓展功能模块，即需要根据组件拓展类型，确定需要调用的目标组件拓展功能模块，比如，组件拓展类型为组件调整大小，则目标组件拓展功能模块可以为大小功能模块。接着，可以利用所述目标组件拓展功能，对所述目标组件进行调整，得到调整后的目标组件；例如，目标组件拓展功能为大小功能，则可以确定目标组件拓展功能模块为大小功能模块，可以利用大小功能模块对目标组件进行大小调整，得到调整后的目标组件。最后，可以根据所述调整后的目标组件，生成所述组件信息对应的编程语言数据，例如，本实施例中可以预先设置有各组件拓展类型对应的编程语言代码模板，这样，便可以利用所述目标组件拓展功能模块中的编程语言代码模板，将所述组件信息转换为所述组件信息对应的编程语言数据（比如json格式的代码）。
45.由上述技术方案可以看出，本技术提供了一种可视化界面的编程语言数据生成方法，所述方法包括：获取界面布局操作；根据所述界面布局操作，确定界面布局信息以及组件信息；根据所述界面布局信息，生成所述界面布局对应的编程语言数据；根据所述组件信息，生成所述组件信息对应的编程语言数据。本技术中，由于预先封装了界面布局和组件相关的底层实现（比如相关函数、功能模块等），这样，便可以直接根据所述界面布局信息以及组件信息，直接调用预先封装的界面布局和组件相关的底层实现，从而生成所述界面布局对应的编程语言数据以及所述组件信息对应的编程语言数据，从而不需要和现有技术一样，需要人工手动编程开发，避免了人工手动编程过程中出现由于操作错误所导致的编程错误的问题，从而提高了生成可视化界面的编程语言数据的便捷性以及精准度，提高了生成可视化界面的编程语言数据的开发效率。
46.图3是本发明实施例提供的一种电子设备的结构示意图。在硬件层面，该电子设备包括处理器，可选地还包括内部总线、网络接口、存储器。其中，存储器可能包含内存，例如高速随机存取存储器(random
‑
access memory，ram)，也可能还包括非易失性存储器（non
‑
volatile memory），例如至少1个磁盘存储器等。当然，该电子设备还可能包括其他业务所需要的硬件。
47.处理器、网络接口和存储器可以通过内部总线相互连接，该内部总线可以是isa
(industry standard architecture，工业标准体系结构）总线、pci(peripheral component interconnect，外设部件互连标准)总线或eisa(extended industry standard architecture，扩展工业标准结构）总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图3中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。
48.存储器，用于存放执行指令。具体地，执行指令即可被执行的计算机程序。存储器可以包括内存和非易失性存储器，并向处理器提供执行指令和数据。
49.在一种可能实现的方式中，处理器从非易失性存储器中读取对应的执行指令到内存中然后运行，也可从其它设备上获取相应的执行指令，以在逻辑层面上形成可视化界面的编程语言数据生成的装置。处理器执行存储器所存放的执行指令，以通过执行的执行指令实现本发明任一实施例中提供的可视化界面的编程语言数据生成的方法。
50.上述如本发明图2所示实施例提供的可视化界面的编程语言数据生成的装置执行的方法可以应用于处理器中，或者由处理器实现。处理器可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器，包括中央处理器（central processing unit，cpu）、网络处理器（network processor，np）等；还可以是数字信号处理器（digital signal processor，dsp）、专用集成电路（application specific integrated circuit，asic）、现场可编程门阵列（field－programmable gate array，fpga）或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
51.结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器，处理器读取存储器中的信息，结合其硬件完成上述方法的步骤。
52.本发明实施例还提出了一种可读介质，该可读存储介质存储有执行指令，存储的执行指令被电子设备的处理器执行时，能够使该电子设备执行本发明任一实施例中提供的可视化界面的编程语言数据生成的方法，并具体用于执行上述可视化界面的编程语言数据生成的所述的方法。
53.前述各个实施例中所述的电子设备可以为计算机。
54.本领域内的技术人员应明白，本发明的实施例可提供为方法或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例，或软件和硬件相结合的形式。
55.本发明中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
56.还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包
括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
57.以上所述仅为本发明的实施例而已，并不用于限制本发明。对于本领域技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本发明的权利要求范围之内。
58.需要说明的是，本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。以上所描述的设备及系统实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。
59.以上所述，仅为本较佳的具体实施方式，但本技术的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本技术揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本技术的保护范围之内。因此，本技术的保护范围应该以权利要求的保护范围为准。