CN116009849A - 基于可视化编程平台的图形界面展示方法和装置 - Google Patents

Abstract

本发明的实施方式提供了一种基于可视化编程平台的图形界面展示方法和装置，所述方法包括：响应于图形界面中的第一交互操作，基于页面对象展示相应的导航视图；其中，所述第一交互操作用于触发对所述导航视图的展示；所述导航视图用于展示所述页面对象下的子对象、与所述页面对象相关联的目标对象、以及所述页面对象与所述目标对象之间的引用关系；所述目标对象包括数据对象和/或逻辑对象。本发明可以使用户能够方便、快捷地查阅到页面对象下的子对象、与页面对象相关联的数据对象和/或逻辑对象、以及页面对象与数据对象和/或逻辑对象之间的引用关系，为用户理解这些对象以及应用程序本身提供便利，提升应用程序构建时的用户体验。

Description

基于可视化编程平台的图形界面展示方法和装置

技术领域

本发明的实施方式涉及计算机应用技术领域，更具体地，本发明的实施方式涉及一种基于可视化编程平台的图形界面展示方法和装置。

背景技术

本部分旨在为权利要求书中陈述的本发明的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

现如今，支持构建低代码应用程序或者零代码应用程序的编程平台的使用范围越来越广。这类编程平台支持用户以编写较少代码或者无需编写代码的方式来构建应用程序；其中，以编写较少代码的方式构建得到的应用程序即为低代码应用程序，以无需编写代码的方式构建得到的应用程序即为零代码应用程序；由此可以减少用户在构建应程序时的工作量，为用户构建应用程序提供一些便利。

上述编程平台通常是面向用户提供了可交互的图形界面的可视化编程平台，使具有不同的应用程序开发能力的用户都可以通过在该图形界面中执行特定的交互操作，实现应用程序的构建，而仅需编写较少代码或者无需编写代码；构建得到的应用程序通常是具有用户界面的应用程序，例如：运行在用户终端上的各种APP。在这种情况下，针对用户使用可视化编程平台构建的应用程序，如何使用户可以方便、快捷地查阅该应用程序的内容，从而进一步地为用户构建应用程序提供便利，也就成为了备受关注的问题。

发明内容

在本上下文中，本发明的实施方式期望提供一种基于可视化编程平台的图形界面展示方法、装置、介质和计算设备。

在本发明实施方式的第一方面中，提供了一种基于可视化编程平台的图形界面展示方法，所述方法包括：

响应于图形界面中的第一交互操作，基于页面对象展示相应的导航视图；其中，所述第一交互操作用于触发对所述导航视图的展示；所述导航视图用于展示所述页面对象下的子对象、与所述页面对象相关联的目标对象、以及所述页面对象与所述目标对象之间的引用关系；所述目标对象包括数据对象和/或逻辑对象。

在本发明实施方式的第二方面中，提供了一种基于可视化编程平台的图形界面展示装置，所述装置包括：

第一展示模块，用于响应于图形界面中的第一交互操作，基于页面对象展示相应的导航视图；其中，所述第一交互操作用于触发对所述导航视图的展示；所述导航视图用于展示所述页面对象下的子对象、与所述页面对象相关联的目标对象、以及所述页面对象与所述目标对象之间的引用关系；所述目标对象包括数据对象和/或逻辑对象。

在本发明实施方式的第三方面中，提供了一种介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任一基于可视化编程平台的图形界面展示方法。

在本发明实施方式的第四方面中，提供了一种计算设备，包括：

处理器；

用于存储处理器可执行程序的存储器；

其中，所述处理器通过运行所述可执行程序以实现上述任一基于可视化编程平台的图形界面展示方法。

根据本发明的实施方式，用户可以通过在基于可视化编程平台的图形界面中执行交互操作，使该可视化编程平台在该图形界面中基于页面对象展示上述导航视图；该导航视图可以用于展示所述页面对象下的子对象、与所述页面对象相关联的数据对象和/或逻辑对象、以及所述页面对象与所述数据对象和/或逻辑对象之间的引用关系。

采用上述方式，可使用户在使用可视化编程平台来实现应用程序的构建时，能够通过该可视化编程平台所提供的图形界面中，所展示的与页面对象对应的导航界面，方便、快捷地查阅到所述页面对象下的子对象、与所述页面对象相关联的数据对象和/或逻辑对象、以及所述页面对象与所述数据对象和/或逻辑对象之间的引用关系，从而便于应用程序的开发者理解页面、数据、逻辑等对象和应用程序本身，使应用程序的开发者可以方便、快捷地查阅并直观地感受到应用程序所包含的页面、数据、逻辑等对象，以及这些对象之间的引用关系，提升应用程序构建时开发者的用户体验。

附图说明

通过参考附图阅读下文的详细描述，本发明示例性实施方式的上述以及其他目的、特征和优点将变得易于理解。在附图中，以示例性而非限制性的方式示出了本发明的若干实施方式，其中：

图1示出了相关技术中的基于可视化编程平台的图形界面的示意图；

图2示意性地示出了根据本发明实施方式的一种基于可视化编程平台的图形界面展示系统的示意图；

图3示意性地示出了根据本发明实施方式的一种基于可视化编程平台的图形界面展示方法的流程图；

图4示意性地示出了根据本发明实施方式的一种基于可视化编程平台的图形界面的示意图；

图5示意性地示出了根据本发明实施方式的另一种基于可视化编程平台的图形界面的示意图；

图6示意性地示出了根据本发明实施方式的另一种基于可视化编程平台的图形界面的示意图；

图7示意性地示出了根据本发明实施方式的另一种基于可视化编程平台的图形界面的示意图；

图8示意性地示出了根据本发明实施方式的另一种基于可视化编程平台的图形界面的示意图；

图9示意性地示出了根据本发明实施方式的另一种基于可视化编程平台的图形界面的示意图；

图10示意性地示出了根据本发明实施方式的一种介质的示意图；

图11示意性地示出了根据本发明实施方式的一种基于可视化编程平台的图形界面展示装置的框图；

图12示意性地示出了根据本发明实施方式的一种计算设备的示意图。

在附图中，相同或对应的标号表示相同或对应的部分。

具体实施方式

下面将参考若干示例性实施方式来描述本发明的原理和精神。应当理解，给出这些实施方式仅仅是为了使本领域技术人员能够更好地理解进而实现本发明，而并非以任何方式限制本发明的范围。相反，提供这些实施方式是为了使本发明更加透彻和完整，并且能够将本发明的范围完整地传达给本领域的技术人员。

本领域技术人员知道，本发明的实施方式可以实现为一种系统、装置、设备、方法或计算机程序产品。因此，本发明可以具体实现为以下形式，即：完全的硬件、完全的软件（包括固件、驻留软件、微代码等），或者硬件和软件结合的形式。

根据本发明的实施方式，提出了一种基于可视化编程平台的图形界面展示方法、装置、介质和计算设备。

在本文中，需要理解的是，附图中的任何元素数量均用于示例而非限制，以及任何命名都仅用于区分，而不具有任何限制含义。

下面参考本发明的若干代表性实施方式，详细阐释本发明的原理和精神。

发明概述

对于具有用户界面的应用程序而言，通常可以将这类应用程序视为由页面、数据、逻辑等对象，以特定的关联关系整合而成。也即，这类应用程序的内容可以包括页面、数据、逻辑等对象。其中，一个页面对象可以是该应用程序中的一个用户界面；一个数据对象可以是该应用程序中的一个变量或者常量，或者可以是由该应用程序中互相关联的多个变量或者常量组成的一个整体，例如：展示在用户界面中的一个表格中的常量，或者该应用程序所实现的一项功能的相关变量等等；一个逻辑对象可以是对该应用程序所实现的一项功能的工作机制的描述，或者可以是对该应用程序运行过程中发生的一个事件的响应动作的描述。

而用户在使用支持构建低代码应用程序或者零代码应用程序的可视化编程平台，构建低代码应用程序或者零代码应用程序时，具体可以通过在该可视化编程平台所提供的可交互的图形界面中，针对页面、数据、逻辑等对象执行拖拽、配置等操作，实现低代码应用程序或者零代码应用程序的构建，而仅需编写较少代码或者无需编写代码。

相关技术中，针对用户使用可视化编程平台构建的应用程序，为了使用户可以查阅该应用程序所包含的页面、数据、逻辑等对象，通常会在该可视化编程平台所提供的可交互的图形界面中，通过不同的功能区域展示不同类型的对象，例如：通过与页面对应的功能区域展示页面对象，通过与数据对应的功能区域展示数据对象，通过与逻辑对应的功能区域展示逻辑对象；在用户在相应的功能区域中选中了一个对象后，会在该图形界面中展示该对象本身，并且会在该图形界面中增加一个新的功能区域，通过新的功能区域以文本的形式展示该对象的相关信息，由此即可使用户查阅到该对象。

参考图1，图1示出了相关技术中的基于可视化编程平台的图形界面的示意图。

如图1所示，在基于上述可视化编程平台的上述图形界面中，此时右侧的功能区域1为与页面对应的功能区域，通过功能区域1展示了多个页面对象。其中，所展示的具体可以是页面对象的名称，而并非页面对象本身。功能区域1上方的功能区域2中展示了多个按钮，通过触发这些按钮可以对功能区域1进行切换，例如：通过点击“逻辑”按钮，可以将功能区域1从此时的与页面对应的功能区域，切换为与逻辑对应的功能区域。

假设用户在功能区域1中选中了“页面对象1”，则在基于上述可视化编程平台的上述图形界面中，会在功能区域1的左侧展示页面对象1本身，并且会在功能区域1的下方增加一个功能区域3，通过功能区域3以文本的形式展示页面对象1的相关信息。

然而，由于相关技术中只会在基于可视化编程平台的图形界面中，以文本的形式展示应用程序所包含的对象的相关信息，如果用户需要查阅这些对象之间的关联关系，就只能通过自行分析以文本的形式展示的某个对象的相关信息，确定与该对象关联的另一对象，再通过自行分析以文本的形式展示的另一对象的相关信息，确定与另一对象关联的另一对象，以此类推。因此，相关技术中面向用户提供的页面、数据、逻辑等对象的查阅方案，无法保证用户可以方便、快捷地查阅页面、数据、逻辑等对象，用户体验较差。

本发明提供了一种基于可视化编程平台的图形界面展示的技术方案。在该技术方案中，用户可以通过在基于可视化编程平台的图形界面中执行交互操作，使该可视化编程平台在该图形界面中基于页面对象展示上述导航视图；该导航视图可以用于展示所述页面对象下的子对象、与所述页面对象相关联的数据对象和/或逻辑对象、以及所述页面对象与所述数据对象和/或逻辑对象之间的引用关系。

采用上述方式，可使用户在使用可视化编程平台来实现应用程序的构建时，能够通过该可视化编程平台所提供的图形界面中，所展示的与页面对象对应的导航界面，方便、快捷地查阅到所述页面对象下的子对象、与所述页面对象相关联的数据对象和/或逻辑对象、以及所述页面对象与所述数据对象和/或逻辑对象之间的引用关系，从而便于应用程序的开发者理解页面、数据、逻辑等对象和应用程序本身，使应用程序的开发者可以方便、快捷地查阅并直观地感受到应用程序所包含的页面、数据、逻辑等对象，以及这些对象之间的引用关系，提升应用程序构建时开发者的用户体验。

在介绍了本发明的基本原理之后，下面具体介绍本发明的各种非限制性实施方式。

应用场景总览

首先参考图2，图2示意性地示出了根据本发明实施方式的一种基于可视化编程平台的图形界面展示系统的示意图。

如图2所示，上述基于可视化编程平台的图形界面展示系统可以包括服务端，以及通过任一类型的有线或者无线网络接入该服务端的至少一个客户端（例如：客户端1-N）。

上述服务端可以部署在包含一台独立的物理主机的服务器或者由多台互相独立的物理主机构成的服务器集群上；或者，上述服务端可以是基于云计算服务搭建的服务端。

上述客户端可以对应于智能手机、平板电脑、笔记本电脑、PC（PersonalComputer，个人电脑）、掌上电脑（PDAs，Personal Digital Assistants）、可穿戴设备（例如：智能眼镜、智能手表等）、智能车载设备或游戏机等终端设备。

在本发明中，上述客户端具体可以是上述可视化编程平台中面向用户的前台客户端，上述服务端具体可以是该可视化编程平台中的后台服务端。该前台客户端和该后台服务端可以通过彼此之间的数据交互，实现该可视化编程平台的所有功能。该可视化编程平台可以通过该前台客户端，面向用户提供应用程序的创建服务。

在具体实现时，用户可以在基于上述可视化编程平台的图形界面中执行交互操作（可称之为第一交互操作）。其中，该第一交互操作可以触发对与该用户所需的页面对象对应的导航视图的展示。

上述可视化编程平台可以响应于上述图形界面中的上述第一交互操作，在该图形界面中基于上述页面对象展示上述导航视图。其中，该导航视图具体可以用于展示所述页面对象下的子对象、与所述页面对象相关联的其他对象（可称之为目标对象）、以及所述页面对象与所述目标对象之间的引用关系；所述目标对象可以包括数据对象和/或逻辑对象。

示例性方法

下面结合图2的应用场景，参考图3至图9来描述根据本发明示例性实施方式的用于基于可视化编程平台的图形界面展示的方法。需要注意的是，上述应用场景仅是为了便于理解本发明的精神和原理而示出，本发明的实施方式在此方面不受任何限制。相反，本发明的实施方式可以应用于适用的任何场景。

参考图3，图3示意性地示出了根据本发明实施方式的一种基于可视化编程平台的图形界面展示方法的流程图。

上述基于可视化编程平台的图形界面展示方法可以包括以下步骤：

步骤301：响应于图形界面中的第一交互操作，基于页面对象展示相应的导航视图；其中，所述第一交互操作用于触发对所述导航视图的展示；所述导航视图用于展示所述页面对象下的子对象、与所述页面对象相关联的目标对象、以及所述页面对象与所述目标对象之间的引用关系；所述目标对象包括数据对象和/或逻辑对象。

在本实施例中，上述可视化编程平台可以面向用户提供可交互的图形界面，使用户可以通过在该图形界面中执行特定的交互操作，实现应用程序的构建；构建得到的应用程序通常是具有用户界面的应用程序。

对于具有用户界面的应用程序而言，通常可以将这类应用程序视为由页面、数据、逻辑等对象，以特定的关联关系整合而成。也即，这类应用程序的内容可以包括页面、数据、逻辑等对象。其中，一个页面对象可以是该应用程序中的一个用户界面；一个数据对象可以是该应用程序中的一个变量或者常量，或者可以是由该应用程序中互相关联的多个变量或者常量组成的一个整体，例如：展示在用户界面中的一个表格中的常量，或者该应用程序所实现的一项功能的相关变量等等；一个逻辑对象可以是对该应用程序所实现的一项功能的工作机制的描述，或者可以是对该应用程序运行过程中发生的一个事件的响应动作的描述，例如：该应用程序中的一段判断逻辑或者一个for循环，或者该应用程序的用户界面中的一个对应于页面特效的控件被触发后所产生的弹窗、闪动等特效动作。需要说明的是，本发明对这些对象的内容不作特殊限制。

因此，用户在使用上述可视化编程平台构建新的上述应用程序时，具体可以通过在上述图形界面中，针对预先在该可视化编程平台中创建的页面、数据、逻辑等对象执行特定的交互操作，实现所述应用程序的构建。其中，这些对象可以是由该用户根据自身需求预先在该可视化编程平台中创建的对象，也可以是由其他用户预先在该可视化编程平台中创建的可共享的对象，本发明对此不作特殊限制。

与之相应地，用户在使用上述可视化编程平台查阅或者更改已构建的上述应用程序时，具体可以由该可视化编程平台通过解析得到该应用程序所包含的页面、数据、逻辑等对象，而用户可以通过在上述图形界面中，针对这些对象执行特定的交互操作，实现所述应用程序的查阅或者更改。

不管是在使用上述可视化编程平台构建新的上述应用程序时，还是在使用上述可视化编程平台查阅或者更改已构建的上述应用程序时，用户都可以在上述图形界面中执行交互操作（可称之为第一交互操作）。其中，该第一交互操作可以触发对与该用户所需的页面对象对应的导航视图的展示。

在一些实施例中，上述第一交互操作可以包括以下示出的任意一种：上述图形界面中针对上述页面对象的交互操作；或者，上述图形界面中针对与上述页面对象相关联的其他对象（可称之为目标对象）的交互操作，所述目标对象可以包括数据对象和/或逻辑对象；或者，上述图形界面中针对预设控件的交互操作，该预设控件可以触发对上述导航视图的展示。当然，第一交互操作的具体形式以及所操作所对应的控件类型可以按需设置，本发明对此不作特殊限制。

参考图4，图4示意性地示出了根据本发明实施方式的一种基于可视化编程平台的图形界面的示意图。

如图4所示，在基于上述可视化编程平台的上述图形界面中，可以展示多个页面对象，以及与各个页面对象相关联的上述目标对象。其中，所展示的具体可以是这些对象的名称，而并非这些对象本身。

在一个例子中，用户可以在上述图形界面中，针对页面对象1执行交互操作，例如：选中“页面对象1”，则该交互操作可以作为上述第一交互操作，用于触发对与页面对象1对应的导航视图的展示。

在另一个例子中，用户可以在上述图形界面中，针对逻辑对象1执行交互操作，例如：选中“逻辑对象1”，假设逻辑对象1与页面对象1相关联，则该交互操作可以作为上述第一交互操作，用于触发对与页面对象1对应的导航视图的展示。

在另一个例子中，上述图形界面中可以展示用于触发对与页面对象1对应的导航视图的展示的“前往”按钮，用户可以在上述图形界面中，针对“前往”按钮执行交互操作，例如：点击、双击或者长按“前往”按钮，则该交互操作可以作为上述第一交互操作，用于触发对与页面对象1对应的导航视图的展示。

上述可视化编程平台可以响应于上述图形界面中的上述第一交互操作，在该图形界面中基于上述页面对象展示上述导航视图。其中，该导航视图具体可以用于展示所述页面对象下的子对象、与所述页面对象相关联的其他对象（可称之为目标对象）、以及所述页面对象与所述目标对象之间的引用关系；所述目标对象可以包括数据对象和/或逻辑对象。

用户界面下可以具有多种类型的元素，而每个元素都可以被视为与该用户界面对应的页面对象下的一个子对象。

因此，在一些实施例中，上述子对象可以包括以下示出的一种或多种：导航栏，侧边栏，卡片，按钮，下拉菜单，数据表格，文本框。需要说明的是，本发明对上述页面对象下的子对象的类型不作特殊限制。

在一些实施例中，上述数据对象，可以包括以下示出的一种或多种：数据实体对象，数据结构对象，枚举型对象。其中，一个数据实体对象可以是与一个实体对应的所有数据；一个数据结构对象可以是一种数据结构下的所有数据；一个枚举型对象可以对应于一个变量，用于对该变量的值进行列举，该变量的值只限于列举出的值的范围内。需要说明的是，本发明对所述数据对象的类型不作特殊限制。

在一些实施例中，上述目标对象还可以包括流程对象。其中，流程对象可以作为针对上述逻辑对象的补充；一个流程对象可以是对该应用程序运行过程中所执行的一个任务的描述，该任务可以是该应用程序所实现的功能下的任务，或者可以是保证该应用程序正常运行所需执行的任务，例如：该应用程序所在的用户态与内核态之间的数据交互任务。需要说明的是，本发明对所述流程对象的内容不作特殊限制。

在页面、数据、逻辑等对象的基础上，再增加一种流程对象，可以对应用程序的内容进行更加细致的划分，从而可以增加用户通过在上述图形界面中针对这些对象执行特定的交互操作所能构建的应用程序的部分，进一步地减少用户所需编写的代码，提升应用程序构建时的用户体验。

MVC（Model-View-Controller）框架是一种常用的软件架构。其中，M指模型，V指视图（也就是用户界面），C指控制器。使用MVC的目的是将实现模型的代码和实现视图的代码分离开来，从而使同一段程序可以采用不同的表现形式，例如：同一批统计数据可以分别采用柱状图和饼图来表示。控制器存在的目的则是确保模型和视图的同步，一旦模型发生变化改变，视图也会同步更新。

因此，在一些实施例中，上述可视化编程平台可以是基于MVC框架的可视化编程平台。在这种情况下，MVC框架中的模型可以是上述数据对象，MVC框架中的视图可以是上述页面对象，MVC框架中的控制器可以是上述逻辑对象。

由于MVC框架中的模型、视图、控制器之间存在明确的引用关系，使用MVC框架来区分作为视图的页面、作为模型的数据、作为控制器的逻辑等对象，就可以通过模型、视图、控制器之间的引用关系清楚地知晓页面、数据、逻辑等对象之间的引用关系，从而可以为确定这些对象之间的引用关系提供便利。

对于上述可视化编程平台而言，由于用户可以通过在上述图形界面中执行特定的交互操作，实现应用程序的构建，也就意味着用户在构建应用程序时仅需编写较少代码或者无需编写代码。

因此，在一些实施例中，该可视化编程平台可以用于构建低代码应用程序或者零代码应用程序。

在一些实施例中，用户在使用上述可视化编程平台构建新的上述应用程序时，具体可以通过在上述图形界面中，针对预先在该可视化编程平台中创建的页面、数据、逻辑等对象执行特定的交互操作，实现所述应用程序的构建。在这种情况下，上述页面对象和上述目标对象可以是预先在该可视化编程平台中创建的对象，而上述低代码应用程序或者上述零代码应用程序可以是通过对所述页面对象和所述目标对象进行编排设计而构建的。

在一些实施例中，用户在使用上述可视化编程平台查阅或者更改已构建的上述应用程序时，具体可以由该可视化编程平台通过解析得到该应用程序所包含的页面、数据、逻辑等对象，而用户可以通过在上述图形界面中，针对这些对象执行特定的交互操作，实现所述应用程序的查阅或者更改。在这种情况下，如果上述低代码应用程序或者上述零代码应用程序是通过对上述页面对象和上述目标对象进行编排设计而构建的，则可以通过对该低代码应用程序或者该零代码应用程序进行静态代码分析，提取出该低代码应用程序或者该零代码应用程序中的所述页面对象和所述目标对象。

参考图5，图5示意性地示出了根据本发明实施方式的另一种基于可视化编程平台的图形界面的示意图。

如图5所示，在基于上述可视化编程平台的上述图形界面中，假设上述页面对象为页面对象1，所述页面对象下的子对象包括子对象1、子对象2、子对象3、子对象4，与所述页面对象相关联的上述目标对象包括逻辑对象1、逻辑对象2、逻辑对象3、数据对象1、数据对象2、流程对象1，则可以基于页面对象1展示上述导航视图。在该导航视图中，可以展示页面对象1下的子对象1、子对象2、子对象3、子对象4，还可以展示与页面对象1相关联的逻辑对象1、逻辑对象2、逻辑对象3、数据对象1、数据对象2、流程对象1。其中，所展示的具体可以是这些对象的名称，而并非这些对象本身。在该导航视图中，还可以以文本的形式展示页面对象1与逻辑对象1、逻辑对象2、逻辑对象3、数据对象1、数据对象2、流程对象1之间的引用关系。

根据上述实施方式，用户可以通过在基于可视化编程平台的图形界面中执行交互操作，使该可视化编程平台在该图形界面中基于页面对象展示上述导航视图；该导航视图可以用于展示所述页面对象下的子对象、与所述页面对象相关联的数据对象和/或逻辑对象、以及所述页面对象与所述数据对象和/或逻辑对象之间的引用关系。

采用上述方式，可使用户在使用可视化编程平台来实现应用程序的构建时，能够通过该可视化编程平台所提供的图形界面中，所展示的与页面对象对应的导航界面，方便、快捷地查阅到所述页面对象下的子对象、与所述页面对象相关联的数据对象和/或逻辑对象、以及所述页面对象与所述数据对象和/或逻辑对象之间的引用关系，从而便于应用程序的开发者理解页面、数据、逻辑等对象和应用程序本身，使应用程序的开发者可以方便、快捷地查阅并直观地感受到应用程序所包含的页面、数据、逻辑等对象，以及这些对象之间的引用关系，提升应用程序构建时开发者的用户体验。

在一些实施例中，在上述图形界面中基于上述页面对象展示上述导航视图时，具体可以在该导航视图中，以该页面对象作为主对象，展示其下所引用的从属对象。

由于是基于上述页面对象展示上述导航视图的，对于用户而言，用户通常更加习惯于在该导航视图中查阅与该页面对象相关的信息。因此，可以在该导航视图中以该页面对象为主对象来展示所述页面对象与上述目标对象之间的引用关系，使用户能够通过该导航视图直观地感受到与该页面对象相关的信息，并方便、快捷地查阅这些引用关系之间的先后顺序，从而可以提高这些引用关系对于用户的可理解性，提升应用程序构建时的用户体验。

在图5的基础上，参考图6，图6示意性地示出了根据本发明实施方式的另一种基于可视化编程平台的图形界面的示意图。

如图6所示，在基于上述可视化编程平台的上述图形界面中，在以文本的形式展示页面对象1与逻辑对象1、逻辑对象2、逻辑对象3、数据对象1、数据对象2、流程对象1之间的引用关系时，具体可以以页面对象1作为主对象，展示其下所引用的从属对象。

在一些实施例中，上述页面对象与上述目标对象之间的引用关系，可以包括：所述页面对象下的子对象与上述目标对象之间的引用关系。在这种情况下，在上述导航视图中所展示的所述页面对象与所述目标对象之间的引用关系，具体可以是所述页面对象下的子对象与上述目标对象之间的引用关系。

需要说明的是，在展示所述页面对象下的子对象与上述目标对象之间的引用关系时，具体可以各子对象作为主对象，展示各子对象下所引用的从属对象。

通过在上述导航视图中展示所述页面对象下的子对象与上述目标对象之间的引用关系，可以使用户方便、快捷地查阅与所述目标对象之间存在引用关系的具体是所述页面对象下的哪个子对象，从而可以提高这些引用关系对于用户的可理解性，提升应用程序构建时的用户体验。

在图6的基础上，参考图7，图7示意性地示出了根据本发明实施方式的另一种基于可视化编程平台的图形界面的示意图。

如图7所示，在基于上述可视化编程平台的上述图形界面中，所展示的页面对象1与逻辑对象1、逻辑对象2、逻辑对象3、数据对象1、数据对象2之间的引用关系，具体可以是页面对象1下的子对象1、子对象2、子对象3、子对象4，与逻辑对象1、逻辑对象2、逻辑对象3、数据对象1、数据对象2、流程对象1之间的引用关系。

需要说明的是，在展示上述引用关系时，具体可以以页面对象1下的子对象1、子对象2、子对象3、子对象4作为主对象，展示子对象1、子对象2、子对象3、子对象4下所引用的从属对象。例如，可以以页面对象1下的子对象1作为主对象，展示子对象1下所引用的从属对象，分别为：逻辑对象1、逻辑对象2、数据对象1；还可以以子对象3作为主对象，展示子对象3下所引用的从属对象，分别为：逻辑对象3、数据对象2、流程对象1。

在一些实施例中，可以根据上述页面对象下的子对象的层级结构，将所述页面对象下的子对象转化为子对象树进行展示。也即，在上述导航视图中所展示的所述页面对象下的子对象，具体可以是该子对象树。例如，可以根据DOM（Document Object Model，文档对象模型）的思想，将所述页面对象下的子对象转化为子对象树，该子对象树可以体现所述页面对象下的子对象的层级结构。

通过体现了层级结构的子对象树来展示上述页面对象下的子对象，可以使用户方便、快捷地查阅所述页面对象下的子对象，以及所述页面对象下的子对象的层级结构，从而可以提升应用程序构建时的用户体验。

在图7的基础上，参考图8，图8示意性地示出了根据本发明实施方式的另一种基于可视化编程平台的图形界面的示意图。

如图8所示，在基于上述可视化编程平台的上述图形界面中，假设子对象1和子对象3属于同一层级，子对象2和子对象4属于同一层级，并且子对象2所属层级为子对象1所属层级的下一层级（例如：子对象1是卡片，子对象2是该卡片下的按钮），子对象4所属层级为子对象3所属层级的下一层级，则所展示子对象1、子对象2、子对象3、子对象4，具体可以是体现了层级结构的子对象树。

在一些实施例中，对于上述页面对象与上述目标对象之间的引用关系而言，可以以连线的形式展示这些引用关系。也即，在上述导航视图中，具有引用关系的所述页面对象与所述目标对象之间可以通过线条相连接。

通过以连线的方式展示上述页面对象与上述目标对象之间的引用关系，可以使用户方便、快捷地查阅这些引用关系，从而可以提高这些引用关系对于用户的可理解性，提升应用程序构建时的用户体验。

在一些实施例中，在上述导航视图中，具有引用关系的上述页面对象与上述目标对象之间可以通过有向线条相连接，该有向线条可以由从属对象指向主对象。

通过以有向连线的方式展示上述页面对象与上述目标对象之间的引用关系，可以使用户方便、快捷地查阅这些引用关系，以及这些引用关系之间的先后顺序，从而可以提高这些引用关系对于用户的可理解性，提升应用程序构建时的用户体验。

在图8的基础上，参考图9，图9示意性地示出了根据本发明实施方式的另一种基于可视化编程平台的图形界面的示意图。

如图9所示，在基于上述可视化编程平台的上述图形界面中，具有引用关系的子对象1、子对象2、子对象3、子对象4与逻辑对象1、逻辑对象2、逻辑对象3、数据对象1、数据对象2、流程对象1之间可以通过有向线条相连接。并且，该有向线条是由从属对象指向主对象的。

在一些实施例中，用户还可以在上述图形界面中针对上述页面对象或者上述目标对象执行第二交互操作。其中，该第二交互操作可以触发对与所述页面对象或者所述目标对象对应的对象详情页面的展示；该对象详情页面中可以展示对象详情，例如：与页面对象对应的用户界面、与逻辑对象对应的逻辑流程、与数据对象对应的数据内容等。上述可视化编程平台可以响应于该第二交互操作，在该图形界面中展示相应的对象详情页面。

进一步地，在一些实施例中，上述第二交互操作可以包括放大操作或缩小操作。

在一些实施例中，用户还可以在上述图形界面中针对上述页面对象或者上述目标对象执行第三交互操作。其中，该第三交互操作可以触发对与所述页面对象或者所述目标对象对应的对象详情页面的关闭。上述可视化编程平台可以响应于该第三交互操作，在该图形界面中关闭所展示的对象详情页面。

在一些实施例中，上述第三交互操作可以包括放大操作或缩小操作。

通过展示和关闭页面、数据、逻辑等对象的对象详情页面，可以使用户能够查阅到这些对象的对象详情，从而可以提高用户对这些对象的理解程度，提升应用程序构建时的用户体验。

在一些实施例中，用户还可以在上述图形界面中执行第四交互操作。上述可视化编程平台可以响应于该第四交互操作，将所展示的导航视图切换为其他视图。其中，其他视图可以是与其他页面的对象对应的导航视图，也可以是以目标对象为主的其他反映引用关系的视图。

通过导航视图切换，可以使用户能够查阅到与各个页面对象对应的导航视图，以及与其他对象对应的反映引用关系的视图，从而便于用户理解页面、数据、逻辑等对象和应用程序本身，提升应用程序构建时的用户体验。

参考图5至图9，在基于上述可视化编程平台的上述图形界面中，用户可以通过下拉菜单选择页面对象，以将该图形界面中所展示的与页面对象1对应的导航视图，切换为与用户所选择的页面对象对应的导航视图。此时，用户针对该下拉菜单的交互操作即为上述第四交互操作。

示例性介质

在介绍了本发明示例性实施方式的方法之后，接下来，参考图10对本发明示例性实施方式的、用于基于可视化编程平台的图形界面展示的介质进行说明。

在本示例性实施方式中，可以通过程序产品实现上述方法，如可以采用便携式紧凑盘只读存储器（CD-ROM）并包括程序代码，并可以在设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

该程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。

可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子（非穷举的列表）包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器（RAM）、只读存储器（ROM）、可擦式可编程只读存储器（EPROM或闪存）、光纤、便携式紧凑盘只读存储器（CD-ROM）、光存储器件、磁存储器件、或者上述的任意合适的组合。

可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RE等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，程序设计语言包括面向对象的程序设计语言，诸如Java、C++等，还包括常规的过程式程序设计语言，诸如C语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网（LAN）或广域网（WAN），连接到用户计算设备，或者，可以连接到外部计算设备（例如利用因特网服务提供商来通过因特网连接）。

示例性装置

在介绍了本发明示例性实施方式的介质之后，接下来，参考图11对本发明示例性实施方式的、用于基于可视化编程平台的图形界面展示的装置进行说明。

下述装置中各个模块的功能和作用的实现过程具体参见上述方法中的对应步骤的实现过程，在此不再赘述。对于装置实施例而言，其基本对应于方法实施例，因此相关之处参见方法实施例的部分说明即可。

参考图11，图11示意性地示出了根据本发明实施方式的一种基于可视化编程平台的图形界面展示装置。

上述基于可视化编程平台的图形界面展示装置可以包括：

第一展示模块1101，用于响应于图形界面中的第一交互操作，基于页面对象展示相应的导航视图；其中，所述第一交互操作用于触发对所述导航视图的展示；所述导航视图用于展示所述页面对象下的子对象、与所述页面对象相关联的目标对象、以及所述页面对象与所述目标对象之间的引用关系；所述目标对象包括数据对象和/或逻辑对象。

可选地，所述第一展示模块1101具体用于：

在所述导航视图中，以所述页面对象作为主对象，展示其下所引用的从属对象。

可选地，所述第一交互操作，包括：

图形界面中针对所述页面对象的交互操作；或者，

图形界面中针对所述目标对象的交互操作；或者，

图形界面中针对预设控件的交互操作。

可选地，所述可视化编程平台用于构建低代码应用程序或者零代码应用程序。

可选地，所述低代码应用程序或者所述零代码应用程序是通过对所述页面对象和所述目标对象进行编排设计而构建的。

可选地，所述装置还包括：

提取模块1102，用于对所述低代码应用程序或者所述零代码应用程序进行静态代码分析，以提取出所述低代码应用程序或者所述零代码应用程序中的所述页面对象和所述目标对象。

可选地，所述子对象包括以下示出的一种或多种：导航栏，侧边栏，卡片，按钮，下拉菜单，数据表格，文本框。

可选地，所述页面对象与所述目标对象之间的引用关系，包括：所述子对象与所述目标对象之间的引用关系。

可选地，具有引用关系的所述页面对象与所述目标对象之间通过线条相连接。

可选地，所述线条为有向线条，该有向线条由从属对象指向主对象。

可选地，所述目标对象还包括流程对象。

可选地，所述装置还包括：

转化模块1103，用于根据所述页面对象下的子对象的层级结构，将所述页面对象下的子对象转化为子对象树进行展示。

可选地，所述可视化编程平台为基于MVC框架的可视化编程平台；所述MVC框架中的模型包括所述数据对象，所述MVC框架中的视图包括所述页面对象，所述MVC框架中的控制器包括所述逻辑对象。

可选地，所述装置还包括：

第二展示模块1104，用于响应于图形界面中针对所述页面对象或所述目标对象的第二交互操作，展示相应的对象详情页面。

可选地，所述第二交互操作包括放大操作或缩小操作。

可选地，所述装置还包括：

关闭模块1105，用于响应于图形界面中针对所展示的所述页面对象或所述目标对象的对象详情页面的第三交互操作，关闭所述对象详情页面。

可选地，所述第三交互操作包括放大操作或缩小操作。

可选地，所述数据对象包括以下示出的一种或多种：数据实体对象，数据结构对象，枚举型对象。

可选地，所述装置还包括：

切换模块1106，用于响应于图形界面中的第四交互操作，将所展示的导航视图切换为其他视图。

示例性计算设备

在介绍了本发明示例性实施方式的方法、介质和装置之后，接下来，参考图12对本发明示例性实施方式的、用于基于可视化编程平台的图形界面展示的计算设备进行说明。

图12显示的计算设备1200仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图12所示，计算设备1200以通用计算设备的形式表现。计算设备1200的组件可以包括但不限于：上述至少一个处理单元1201、上述至少一个存储单元1202，连接不同系统组件（包括处理单元1201和存储单元1202）的总线1203。

总线1203包括数据总线、控制总线和地址总线。

存储单元1202可以包括易失性存储器形式的可读介质，例如随机存取存储器（RAM）12021和/或高速缓存存储器12022，可以进一步包括非易失性存储器形式的可读介质，例如只读存储器（ROM）12023。

存储单元1202还可以包括具有一组（至少一个）程序模块12024的程序/实用工具12025，这样的程序模块12024包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

计算设备1200也可以与一个或多个外部设备1204（例如键盘、指向设备等）通信。

这种通信可以通过输入/输出（I/O）接口1205进行。并且，计算设备1200还可以通过网络适配器1206与一个或者多个网络（例如局域网（LAN），广域网（WAN）和/或公共网络，例如因特网）通信。如图11所示，网络适配器1206通过总线1203与计算设备1200的其它模块通信。应当理解，尽管图中未示出，可以结合计算设备1200使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

应当注意，尽管在上文详细描述中提及了基于可视化编程平台的图形界面展示装置的若干单元/模块或子单元/模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多单元/模块的特征和功能可以在一个单元/模块中具体化。反之，上文描述的一个单元/模块的特征和功能可以进一步划分为由多个单元/模块来具体化。

此外，尽管在附图中以特定顺序描述了本发明方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。

虽然已经参考若干具体实施方式描述了本发明的精神和原理，但是应该理解，本发明并不限于所公开的具体实施方式，对各方面的划分也不意味着这些方面中的特征不能组合以进行受益，这种划分仅是为了表述的方便。本发明旨在涵盖所附权利要求的精神和范围内所包括的各种修改和等同布置。

Claims (10)

1.一种基于可视化编程平台的图形界面展示方法，所述方法包括：

响应于图形界面中的第一交互操作，基于页面对象展示相应的导航视图；其中，所述第一交互操作用于触发对所述导航视图的展示；所述导航视图用于展示所述页面对象下的子对象、与所述页面对象相关联的目标对象、以及所述页面对象与所述目标对象之间的引用关系；所述目标对象包括数据对象和/或逻辑对象。

2.根据权利要求1所述的方法，所述基于页面对象展示相应的导航视图，包括：

在所述导航视图中，以所述页面对象作为主对象，展示其下所引用的从属对象。

3.根据权利要求1所述的方法，所述页面对象与所述目标对象之间的引用关系，包括：所述子对象与所述目标对象之间的引用关系。

4.根据权利要求2所述的方法，具有引用关系的所述页面对象与所述目标对象之间通过线条相连接。

5.根据权利要求1所述的方法，所述方法还包括：

根据所述页面对象下的子对象的层级结构，将所述页面对象下的子对象转化为子对象树进行展示。

6.根据权利要求1所述的方法，所述可视化编程平台为基于MVC框架的可视化编程平台；所述MVC框架中的模型包括所述数据对象，所述MVC框架中的视图包括所述页面对象，所述MVC框架中的控制器包括所述逻辑对象。

7.根据权利要求1所述的方法，所述方法还包括：

响应于图形界面中针对所述页面对象或所述目标对象的第二交互操作，展示相应的对象详情页面。

8.一种基于可视化编程平台的图形界面展示装置，所述装置包括：

第一展示模块，用于响应于图形界面中的第一交互操作，基于页面对象展示相应的导航视图；其中，所述第一交互操作用于触发对所述导航视图的展示；所述导航视图用于展示所述页面对象下的子对象、与所述页面对象相关联的目标对象、以及所述页面对象与所述目标对象之间的引用关系；所述目标对象包括数据对象和/或逻辑对象。

9.一种介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的方法。

10.一种计算设备，包括：

处理器；

用于存储处理器可执行程序的存储器；

其中，所述处理器通过运行所述可执行程序以实现如权利要求1至7中任一项所述的方法。

Images