CN111026395B - 一种基于积木编程的多页面交互方法、装置、终端及存储介质 - Google Patents

Abstract

本发明公开了一种基于积木编程的多页面交互方法、装置、终端及存储介质，本发明的实施例通过页面设计器接收第一页面设计定义，将所述第一页面设计定义存储于所述存储器，页面设计器接收第二页面设计定义，页面逻辑设计器接收所述第二页面逻辑设计，第二页面逻辑设计时引用所述存储器中的所述第一页面，解析所述第一页面的设计定义，显示所述第一页面的标识，响应触发操作，在所述页面逻辑设计器生成并显示对应的积木块，构建完成所述第一页面与所述第二页面的交互逻辑，本发明解决了现有积木式编程技术中涉及多个设计的表单页面交互的复杂业务逻辑时会比较困难而且会出现引用层次不清晰的问题。

Description

一种基于积木编程的多页面交互方法、装置、终端及存储介质

技术领域

本发明涉及图形化信息处理领域，尤其涉及一种基于积木编程的多页面交互方法、装置、终端及存储介质。

背景技术

积木式编程在青少年教育领域得到越来越多的使用，该技术可以让青少年通过类似拼接积木的方式实现软件逻辑的设计，寓教于乐，从而降低软件开发难度和要求。因积木式编程技术的易用特性，少数物联网软件产品及APP客户端软件等应用软件开发也在试图引入该技术，以实现软件逻辑的快速设计和调整。

现有积木式编程设计表单页面时，通常是通过表单组件拖拽实现页面布局，通过逻辑设计器拖拽积木块实现逻辑设计，执行业务逻辑实现单页面逻辑的数据处理，但在处理涉及多个设计的表单页面交互的复杂业务逻辑时会比较困难而且会出现引用层次不清晰的问题。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种基于积木编程的多页面交互方法、装置、终端及存储介质，旨在解决现有积木式编程技术中涉及多个设计的表单页面交互的复杂业务逻辑时会比较困难而且会出现引用层次不清晰的问题。

根据本发明的第一方面，提供了一种基于积木编程的多页面交互方法，包括页面设计器，所述页面设计器用于设计页面内容和输入输出参数；页面逻辑设计器，所述页面逻辑设计器用于基于积木编程设计页面逻辑；存储器，所述存储器用于存储所述页面设计器和所述页面逻辑设计器的设计内容；所述方法包括：

所述页面设计器接收第一页面设计定义，将所述第一页面设计定义存储于所述存储器；

所述页面设计器接收第二页面设计定义，所述页面逻辑设计器接收所述第二页面逻辑设计，所述第二页面逻辑设计时引用所述存储器中的所述第一页面；

解析所述第一页面的设计定义，其中，所述第一页面设计定义包括所述第一页面输入输出参数的定义；

显示所述第一页面的标识，生成触发操作；

接收所述触发操作，在所述页面逻辑设计器生成并显示对应的积木块；

构建完成所述第一页面与所述第二页面的交互逻辑。

优选的，还包括执行所述第一页面与所述第二页面的交互逻辑，包括将所述第二页面的数据作为所述第一页面的输入参数。

优选的，还包括执行所述第一页面与所述第二页面的交互逻辑，包括将所述第二页面的数据作为所述第一页面的输入参数，所述第二页面获取所述第一页面的输出参数。

优选的，还包括执行所述第一页面与所述第二页面的交互逻辑，包括所述第二页面获取所述第一页面的输出参数。

优选的，所述对应的积木块显示内容包括所述第一页面标识。

优选的，所述对应的积木块显示内容还包括所述第一页面输入参数和/或输出参数。

优选的，所述第一页面的打开方式为从中间打开、从左往右打开、从右往左打开、从上往下打开、从下往上打开中的一种。

根据本发明的第二方面，提供了一种基于积木编程的多页面交互装置，包括页面设计器，所述页面设计器用于设计页面内容和输入输出参数；页面逻辑设计器，所述页面逻辑设计器用于基于积木编程设计页面逻辑；存储器，所述存储器用于存储所述页面设计器和所述页面逻辑设计器的设计内容；所述装置包括：

定义模块，位于所述页面设计器，用于接收第一页面和第二页面设计定义；

存储模块，位于所述存储器，包括第一存储单元和第二存储单元，所述第一存储单元用于存储所述第一页面设计定义；

设计模块，位于所述页面逻辑设计器，用于接收所述第二页面逻辑设计；

引用模块，位于所述页面逻辑设计器，用于所述第二页面逻辑设计时引用所述存储器中的所述第一页面；

解析模块，位于所述页面逻辑设计器，用于解析所述第一页面的设计定义，其中，所述第一页面设计定义包括所述第一页面输入输出参数的定义；

显示模块，位于所述页面逻辑设计器，用于显示所述第一页面的标识，生成触发操作；

所述显示模块接收所述触发操作，在所述页面逻辑设计器生成并显示对应的积木块；

所述第二存储单元，用于存储构建完成所述第一页面与所述第二页面的交互逻辑。

根据本发明的第三方面，提供了一种终端，所述终端包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上述方面所述的基于积木编程的多页面交互方法。

根据本发明的第四方面，提供了一种计算机可读存储介质，该程序被处理器执行时，实现如上述方面所述的基于积木编程的多页面交互方法。

有益效果：本发明公开了一种基于积木编程的多页面交互方法、装置、终端及存储介质，本发明的实施例通过构建多页面交互逻辑，解决了在处理涉及多个设计的表单页面交互的复杂业务逻辑时会比较困难而且会出现引用层次不清晰的问题，且更加直观。

附图说明

构成本申请的一部分的说明书附图用来提供对本申请的进一步理解，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1示出了本发明的实施例的基于积木编程的多页面交互方法流程图一；

图2示出了本发明的实施例的基于积木编程的多页面交互方法流程图二；

图3a示出了本发明的实施例一的基于积木编程的多页面交互方法示意图；

图3b示出了本发明的实施例二的基于积木编程的多页面交互方法示意图；

图3c示出了本发明的实施例三的基于积木编程的多页面交互方法示意图；

图4示出了本发明的实施例的基于积木编程的多页面交互装置示意框图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

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

需要说明的是，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

图1示出了本发明的实施例的基于积木编程的多页面交互方法流程图一，根据图1所示包括：

步骤S110，页面设计器接收第一页面设计定义，将所述第一页面设计定义存储于所述存储器。

本实施例的方法在设计时需用到以下内容：页面设计器，所述页面设计器用于设计页面内容和输入输出参数；页面逻辑设计器，所述页面逻辑设计器用于基于积木编程设计页面逻辑；存储器，所述存储器用于存储所述页面设计器和所述页面逻辑设计器的设计内容。

第一页面设计定义包括页面组件设计和页面逻辑设计。

步骤S120，所述页面设计器接收第二页面设计定义，所述页面逻辑设计器接收所述第二页面逻辑设计，所述第二页面逻辑设计时引用所述存储器中的所述第一页面。

第二页面对第一页面的引用包括两种形式：

形式一，第二页面整体设计时对第一页面的引用，页面相关的事件，例如“初始化页面时”、“关闭页面时”等事件触发时需引用第一页面的内容；

形式二，第二页面组件设计时对第一页面的引用，某个组件相关的事件，例如文本组件相关的“获得焦点时”、“失去焦点时”、“输入回车时”、“值改变时”等事件触发时需引用第一页面的内容。

步骤S130，解析所述第一页面的设计定义。

所述第一页面设计定义包括所述第一页面输入输出参数的定义，例如定义输入输出参数的名称。对第一页面定义输入输出参数并不是必须同时有输入参数和输出参数，而是根据输入输出的使用情形不同，可以有输入参数无输出参数、有输入参数有输出参数、无输入参数有输出参数、无输入参数无输出参数。

同样的，其他页面被引用时也可以采用类似的方法定义输入输出参数。

步骤S140，显示所述第一页面的标识，生成触发操作。

第一页面的标识可以是第一页面的名称或者编号或者其他具有标识意义的内容。

对第一页面的触发操作至少有以下几种方式：

可以直接以标识作为触发按钮点击；或者，

可以点击标识旁边的触发按钮；或者，

可以以固定快捷键触发；或者，

可以右键点击触发按钮。

步骤S150，接收所述触发操作，在所述页面逻辑设计器生成并显示对应的积木块。

根据对输入输出参数定义的不同，积木块显示内容不同。

步骤S160，构建完成所述第一页面与所述第二页面的交互逻辑。

构建完成第一页面与第二页面的交互逻辑包括以下情形：

积木块生成后第一页面与第二页面的交互逻辑已完整，则此步骤可表示为简单的保存或关闭操作；

积木块生成后第一页面与第二页面的交互逻辑仍不完整，则需要拖拽其他积木块，将交互逻辑补充完整。

图2示出了本发明的实施例的基于积木编程的多页面交互方法流程图二，根据图2所示包括：

步骤S210，页面设计器接收第一页面设计定义，将所述第一页面设计定义存储于所述存储器。

步骤S220，所述页面设计器接收第二页面设计定义，所述页面设计器接收所述第一页面输入输出参数定义。

步骤S230，所述页面逻辑设计器接收所述第二页面逻辑设计，所述第二页面逻辑设计时引用所述存储器中的所述第一页面。

步骤S240，解析所述第一页面的输入输出参数。

步骤S250，显示所述第一页面的标识，生成触发操作。

步骤S260，接收所述触发操作，在所述页面逻辑设计器生成并显示对应的积木块。

步骤S270，构建完成所述第一页面与所述第二页面的交互逻辑。

与流程图一的不同之处在于流程图二对第一页面输入输出参数定义的时间为在对第二页面进行逻辑设计前进行。对第一页面输入输出参数定义的时间选择并不影响本发明基于积木编程的多页面交互方法的实现。

第一页面可设置有多种打开方式：从中间打开、从左往右打开、从右往左打开、从上往下打开、从下往上打开中的一种，灵活设置，方便用户使用。

若根据第二页面的输入参数第一页面没有直接对应的数据，需要从第三页面获取数据，则存在第一页面对第三页面的引用，第三页面根据相关输入输出定义，将输出值赋值到第一页面，进而第一页面根据输出定义，将输出值赋值到第二页面。同样的，若还存在第三页面对第四页面的引用，则采用相同的方法处理。

若存在第二页面同时引用多个页面的情形，则分别在相关页面定义输入输出参数，而不是在第二页面的页面逻辑设计器设计所有相关输入输出逻辑，避免了层次不清晰的问题。

图3a示出了本发明的实施例一的基于积木编程的多页面交互方法示意图，如图3a所示可知本实施例为有输入参数和输出参数的情形，页面设计器接收“product数据修改”页面的输入输出参数的定义，输入参数为“id”，输出参数为“p”，本实施例中“p”定义用来记录“product数据修改”页面的数据修改次数，每完成一次修改，则“p”的值增加1；“product数据修改”页面存储于存储器；页面设计器接收“product查看”页面设计定义，页面逻辑设计器接收“product查看”页面的逻辑设计，“product查看”页面引用“product数据修改”页面，解析“product数据修改”页面的输入输出参数，显示“product数据修改”页面的标识“product数据修改”，响应触发操作，在“product查看”页面的页面逻辑设计器生成如图3a显示的积木块。

在“product查看”页面的页面逻辑设计器通过拖拽积木块至输入参数“id”对应的区域，构建完整的页面引用逻辑，将“product查看”页面对“product数据修改”页面引用逻辑存储于存储器。

执行“product查看”页面对“product数据修改”页面的引用逻辑，“product查看”页面的“id”传入到“product数据修改”页面的输入参数“id”中，“product数据修改”页面根据id查询到对应的数据并赋值到“product数据修改”页面的对应位置，在“product数据修改”页面修改被赋值的数据，页面刷新后，“product查看”页面可看到查询结果被修改，“p”的值增加1，至此，“product查看”页面和“product数据修改”页面完成交互。

图3b示出了本发明的实施例二的基于积木编程的多页面交互方法示意图，如图3b所示可知本实施例为有输入参数无输出参数的情形，页面设计器接收“product数据修改”页面的设计定义，将“product数据修改”页面存储于存储器；页面设计器接收“product查看”页面设计定义，页面设计器接收“product数据修改”页面的输入输出参数的定义，输入参数为“id”，页面逻辑设计器接收“product查看”页面的逻辑设计，“product查看”页面引用“product数据修改”页面，解析“product数据修改”页面的输入输出参数，显示“product数据修改”页面的标识“product数据修改”，响应触发操作，在“product查看”页面的页面逻辑设计器生成如图3b显示的积木块。

在页面逻辑设计器通过拖拽积木块至输入参数“id”对应的区域，构建完整的页面引用逻辑，将“product查看”页面对“product数据修改”页面引用逻辑存储于存储器。

执行“product查看”页面对“product数据修改”页面的引用逻辑，“product查看”页面的“id”传入到“product数据修改”页面的输入参数“id”中，“product数据修改”页面根据id查询到对应的数据并赋值到“product数据修改”页面的对应位置，在“product数据修改”页面修改被赋值的数据，页面刷新后，“product查看”页面可看到查询结果被修改，至此，“product查看”页面和“product数据修改”页面完成交互。

图3c示出了本发明的实施例三的基于积木编程的多页面交互方法示意图，如图3c所示可知本实施例为无输入参数有输出参数的情形，页面设计器接收“productType数据查询”页面的输入输出参数的定义，输出参数为“i”，本实施例中“i”定义显示输出参数名称；“productType数据查询”页面存储于存储器；页面设计器接收“product数据修改”页面设计定义，页面逻辑设计器接收“product数据修改”页面的逻辑设计，“product数据修改”页面引用“productType数据查询”页面，解析“productType数据查询”页面的输入输出参数，显示“productType数据查询”页面的标识“productType数据查询”，响应触发操作，在“product数据修改”页面的页面逻辑设计器生成对应的积木块，拖动积木块，将“i.name”值赋给弹窗的文本值。

此时已构建完整的页面引用逻辑，将“product数据修改”页面对“productType数据查询”页面引用逻辑存储于存储器。

执行“product数据修改”页面对“productType数据查询”页面的引用逻辑，点击“product数据修改”页面的弹出框按钮，弹出“productType数据查询”页面，选择“productType数据查询”页面的对应数据，返回至“product数据修改”页面文本框，至此，“product查看”页面和“product数据修改”页面完成交互。

图4示出了本发明的实施例的基于积木编程的多页面交互装置示意框图，根据图4所示包括：页面设计器1，所述页面设计器1用于设计页面内容和输入输出参数；页面逻辑设计器3，所述页面逻辑设计器3用于基于积木编程设计页面逻辑；存储器2，所述存储器2用于存储所述页面设计器1和所述页面逻辑设计器3的设计内容；所述装置包括：

定义模块11，位于所述页面设计器1，用于接收第一页面和第二页面设计定义；

存储模块21，位于所述存储器2，包括第一存储单元211和第二存储单元212，所述第一存储单元211用于存储所述第一页面设计定义；

设计模块31，位于所述页面逻辑设计器3，用于接收所述第二页面逻辑设计；

引用模块32，位于所述页面逻辑设计器3，用于所述第二页面逻辑设计时引用所述存储器2中的所述第一页面；

解析模块33，位于所述页面逻辑设计器3，用于解析所述第一页面的设计定义，所述第一页面设计定义包括所述第一页面输入输出参数的定义；

显示模块34，位于所述页面逻辑设计器3，用于显示所述第一页面的标识，生成触发操作；

所述显示模块34接收所述触发操作，在所述页面逻辑设计器3生成并显示对应的积木块；

所述第二存储单元212，用于存储构建完成的所述第一页面与所述第二页面的交互逻辑。

本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个计算机可读存储介质中，计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是但不限电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身，诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如，通过光纤电缆的光脉冲)、或者通过电线传输的电信号。

这里参照根据本发明实施例的方法、装置的流程图和/或框图描述了本发明的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。

这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备，或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令，并转发该计算机可读程序指令，以供存储在各个计算/处理设备中的计算机可读存储介质中。

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。

也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。

附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法、存储介质、处理器的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是，通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。

Claims (10)

1.一种基于积木编程的多页面交互方法，其特征在于，包括：页面设计器，所述页面设计器用于设计页面内容和输入输出参数；页面逻辑设计器，所述页面逻辑设计器用于基于积木编程设计页面逻辑；存储器，所述存储器用于存储所述页面设计器和所述页面逻辑设计器的设计内容；所述方法包括：

所述页面设计器接收第一页面设计定义，将所述第一页面设计定义存储于所述存储器；

所述页面设计器接收第二页面设计定义，所述页面逻辑设计器接收第二页面逻辑设计，所述第二页面逻辑设计时引用所述存储器中的所述第一页面；

解析所述第一页面的设计定义，其中，所述第一页面设计定义包括所述第一页面输入输出参数的定义；

显示所述第一页面的标识，生成触发操作；

接收所述触发操作，在所述页面逻辑设计器生成并显示对应的积木块；

构建完成所述第一页面与所述第二页面的交互逻辑。

2.如权利要求1所述的基于积木编程的多页面交互方法，其特征在于，还包括执行所述第一页面与所述第二页面的交互逻辑，包括将所述第二页面的数据作为所述第一页面的输入参数。

3.如权利要求2所述的基于积木编程的多页面交互方法，其特征在于，所述第二页面获取所述第一页面的输出参数。

4.如权利要求1所述的基于积木编程的多页面交互方法，其特征在于，还包括执行所述第一页面与所述第二页面的交互逻辑，包括所述第二页面获取所述第一页面的输出参数。

5.如权利要求1-4任一项所述的基于积木编程的多页面交互方法，其特征在于，所述对应的积木块显示内容包括所述第一页面标识。

6.如权利要求5所述的基于积木编程的多页面交互方法，其特征在于，所述对应的积木块显示内容还包括所述第一页面输入参数和/或输出参数。

7.如权利要求1-4任一项所述的基于积木编程的多页面交互方法，其特征在于，所述第一页面的打开方式为从中间打开、从左往右打开、从右往左打开、从上往下打开、从下往上打开中的一种。

8.一种基于积木编程的多页面交互装置，其特征在于，包括：页面设计器，所述页面设计器用于设计页面内容和输入输出参数；页面逻辑设计器，所述页面逻辑设计器用于基于积木编程设计页面逻辑；存储器，所述存储器用于存储所述页面设计器和所述页面逻辑设计器的设计内容；所述装置包括：

定义模块，位于所述页面设计器，用于接收第一页面和第二页面设计定义；

存储模块，位于所述存储器，包括第一存储单元和第二存储单元，所述第一存储单元用于存储所述第一页面设计定义；

设计模块，位于所述页面逻辑设计器，用于接收第二页面逻辑设计；

引用模块，位于所述页面逻辑设计器，用于所述第二页面逻辑设计时引用所述存储器中的所述第一页面；

解析模块，位于所述页面逻辑设计器，用于解析所述第一页面的设计定义，其中，所述第一页面设计定义包括所述第一页面输入输出参数的定义；

显示模块，位于所述页面逻辑设计器，用于显示所述第一页面的标识，生成触发操作；

所述显示模块接收所述触发操作，在所述页面逻辑设计器生成并显示对应的积木块；

所述第二存储单元，用于存储构建完成所述第一页面与所述第二页面的交互逻辑。

9.一种终端，其特征在于，所述终端包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如权利要求1-7中任一项所述的基于积木编程的多页面交互方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时，实现如权利要求1-7中任一项所述的基于积木编程的多页面交互方法。

Images