CN115794061A - 用于配置页面的方法和装置 - Google Patents

用于配置页面的方法和装置 Download PDF

Info

Publication number
CN115794061A
CN115794061A CN202111059724.XA CN202111059724A CN115794061A CN 115794061 A CN115794061 A CN 115794061A CN 202111059724 A CN202111059724 A CN 202111059724A CN 115794061 A CN115794061 A CN 115794061A
Authority
CN
China
Prior art keywords
page
configuration
local view
node
local
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
Application number
CN202111059724.XA
Other languages
English (en)
Inventor
王光辉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Jingdong Technology Holding Co Ltd
Original Assignee
Jingdong Technology Holding Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Jingdong Technology Holding Co Ltd filed Critical Jingdong Technology Holding Co Ltd
Priority to CN202111059724.XA priority Critical patent/CN115794061A/zh
Publication of CN115794061A publication Critical patent/CN115794061A/zh
Pending legal-status Critical Current

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本公开的实施例公开了用于配置页面的方法和装置。该方法的一具体实施方式包括:响应于在页面搭建平台中配置局部视图的指令,在第一预设区域呈现编排树,编排树表征当前页面中的多级局部视图的结构;接收针对编排树的配置指令;基于配置指令,配置各局部视图,并确定各局部视图的相对父子关系以及每个局部视图的触发条件;将配置完成的各局部视图、各局部视图的相对父子关系以及每个局部视图的触发条件,写入当前页面的页面编排文件,其中,各局部视图的触发条件为页面编排文件中的全局属性值。实现了在页面搭建平台中对局部视图的可视化操作,简化了三维页面的配置过程,从而提高了三维页面的搭建效率。

Description

用于配置页面的方法和装置
技术领域
本公开的实施例涉及计算机技术领域,具体涉及机器学习领域,尤其涉及一种用于配置页面的方法和装置。
背景技术
低代码开发平台(Low-Code Development Platform,LCDP)是无需编码(无代码或通过少量代码)就可以快速生成应用程序的开发平台。它可以允许终端用户使用易于理解的可视化工具开发自己的应用程序,而不是传统的编写代码的方式。用户可以在低代码平台中构建业务流程、逻辑和数据模型等,之后即可一键交付应用并对进行开发的应用进行更新。用户还可以向低代码平台中添加自己编写的代码。
相关技术中,低代码的页面搭建平台可以直接实现二维页面的搭建,而对于三维页面(例如弹框、弹框中的弹框、鼠标悬浮试图或局部区域的显示或隐藏的),则只能使用替代方案,例如可以bPaaS(Business Platform As a Service,业务流程即服务)组件间接实现或使用隐藏组件,用户不能直观地对多级页面进行配置,从而导致三维页面的构建过程较为繁琐,且搭建效率较低。
发明内容
本公开的实施例提出了用于配置页面的方法和装置。
第一方面,本公开的实施例提供了一种用于配置页面的方法,该方法包括:响应于在页面搭建平台中配置局部视图的指令,在第一预设区域呈现编排树,编排树表征当前页面中的多级局部视图的结构;接收针对编排树的配置指令;基于配置指令,配置各局部视图,并确定各局部视图的相对父子关系以及每个局部视图的触发条件;将配置完成的局部视图、各局部视图的相对父子关系以及每个局部视图的触发条件,写入当前页面的页面编排文件,其中,各局部视图的触发条件为页面编排文件中的全局属性值。
在一些实施例中,编排树包括边和节点,其中,具备相对父子关系的两个节点通过边连接,节点包括根节点和至少一级子节点,根节点对应于当前页面,子节点对应于局部视图;边表征该边连接的两个节点中的相对子节点对应的局部视图的触发条件。
在一些实施例中,基于配置指令,配置各局部视图,并确定各局部视图的相对父子关系以及每个局部视图的触发条件,包括:响应于针对编排树的配置指令,在第二预设区域呈现该配置指令指向的对象的配置列表,配置列表中包括该对象的可配置项;接收针对配置列表的设置指令,并根据设置指令确定编排树中各节点和各边的配置参数;基于编排树中各节点和各边的配置参数,确定当前页面中包括的各个局部视图的相对父子关系以及每个局部视图的特征属性和触发条件。
在一些实施例中,响应于针对编排树的配置指令,在第二预设区域呈现该配置指令指向的对象的配置列表,包括:响应于针对边的配置指令,在第二预设区域呈现该配置指令指向的边的配置列表,该配置列表包括触发条件的可配置项;接收针对配置列表的设置指令,并根据设置指令确定编排树中各节点和各边的配置参数,包括:接收针对触发条件的设置指令,并根据该设置指令确定边的配置参数;以及,基于编排树中各节点和各边的配置参数,确定当前页面中包括的各个局部视图的相对父子关系以及每个局部视图的特征属性和触发条件,包括:基于边的配置参数,确定边连接的两个节点中的相对子节点对应的局部视图的触发条件。
在一些实施例中,响应于针对编排树的配置指令,在第二预设区域呈现该配置指令指向的对象的配置列表,包括:响应于针对根节点或子节点的配置指令,在第二预设区域呈现当前页面或子节点对应的局部视图的页面配置列表,页面配置列表包括当前页面或子节点对应的局部视图的特征属性的可配置项;接收针对配置列表的设置指令,并根据设置指令确定编排树中各节点和各边的配置参数,包括:接收针对页面配置列表的设置指令,并根据该设置指令确定根节点或子节点的配置参数;以及,基于编排树中各节点和各边的配置参数,确定当前页面中包括的各个局部视图的相对父子关系以及每个局部视图的特征属性和触发条件,包括:基于根节点的配置参数,确定当前页面的特征属性;基于子节点的配置参数,确定局部视图的特征属性。
在一些实施例中,特征属性包括页面标识和触发类型;以及,将各个局部视图的相对父子关系以及每个局部视图的特征属性和触发条件写入当前页面的页面编排文件,包括:基于各局部视图的相对父子关系以及各局部视图的页面标识和触发类型,生成各局部视图的触发路径;将每个局部视图的触发路径和触发条件写入该局部视图所属的相对父局部页面在页面编排文件中对应的字段。
在一些实施例中,基于各局部视图的相对父子关系以及各局部视图的页面标识和触发类型,生成各局部视图的触发路径,包括:若局部视图的触发类型为弹框,确定该局部视图对应的节点在编排树中的节点路径;将节点路径中的根节点替换为当前页面的页面标识;将节点路径中的各子节点替换为对应的局部视图的页面标识,得到触发路径。
在一些实施例中,特征属性还包括组件的显示状态标识,显示状态标识用于表征组件在当前页面或局部视图中显示或隐藏;以及,基于各局部视图的相对父子关系以及各局部视图的页面标识和触发类型,生成各局部视图的触发路径,包括:若局部视图的触发类型为局部显示或隐藏,则触发路径的末端还包括该局部视图中各组件的显示状态标识。
第二方面,本公开的实施例还提供了一种用于配置页面的装置,包括:第一呈现单元,被配置成响应于在页面搭建平台中配置局部视图的指令,在第一预设区域呈现编排树,编排树表征当前页面中的多级局部视图的结构;指令接收单元,被配置成接受针对编排树的配置指令;页面配置单元,被配置成基于配置指令,配置各局部视图,并确定各局部视图的相对父子关系以及每个局部视图的触发条件;页面编排单元,被配置成配置完成的局部视图、将各局部视图的相对父子关系以及每个局部视图的触发条件,写入当前页面的页面编排文件,其中,各局部视图的触发条件为页面编排文件中的全局属性值。
在一些实施例中,编排树包括边和节点,其中,具备相对父子关系的两个节点通过边连接,节点包括根节点和至少一级子节点,根节点对应于当前页面,子节点对应于局部视图;
边表征该边连接的两个节点中的相对子节点对应的局部视图的触发条件。
在一些实施例中,页面配置单元,进一步包括:第二呈现模块,被配置成:响应于针对编排树的配置指令,在第二预设区域呈现该配置指令指向的对象的配置列表,配置列表中包括该对象的可配置项;参数确定模块,被配置成接收针对配置列表的设置指令,并根据设置指令确定编排树中各节点和各边的配置参数;局部视图配置模块,被配置成基于编排树中各节点和各边的配置参数,确定当前页面中包括的各个局部视图的相对父子关系以及每个局部视图的特征属性和触发条件。
在一些实施例中,第二呈现模块进一步包括条件呈现子模块,被配置成:响应于针对边的配置指令,在第二预设区域呈现该配置指令指向的边的配置列表,该配置列表包括触发条件的可配置项;参数确定模块进一步包括条件配置子模块,被配置成:接收针对触发条件的设置指令,并根据该设置指令确定边的配置参数;以及,局部视图配置模块进一步包括条件确定子模块,被配置成:基于边的配置参数,确定边连接的两个节点中的相对子节点对应的局部视图的触发条件。
在一些实施例中,第二呈现模块进一步包括节点呈现子模块,被配置成:响应于针对根节点或子节点的配置指令,在第二预设区域呈现当前页面或子节点对应的局部视图的页面配置列表,页面配置列表包括当前页面或子节点对应的局部视图的特征属性的可配置项;参数确定模块进一步包括节点配置子模块,被配置成:接收针对页面配置列表的设置指令,并根据该设置指令确定根节点或子节点的配置参数;以及,局部视图配置模块进一步包括属性确定子模块,被配置成:基于根节点的配置参数,确定当前页面的特征属性;基于子节点的配置参数,确定局部视图的特征属性。
在一些实施例中,特征属性包括页面标识和触发类型;以及,页面编排单元还包括路径生成模块和字段更新模块,其中,路径生成模块被配置成:基于各局部视图的相对父子关系以及各局部视图的页面标识和触发类型,生成各局部视图的触发路径;字段更新模块,被配置成将每个局部视图的触发路径和触发条件写入该局部视图所属的相对父局部页面在页面编排文件中对应的字段。
在一些实施例中,路径生成模块被进一步配置成:若局部视图的触发类型为弹框,确定该局部视图对应的节点在编排树中的节点路径;
将节点路径中的根节点替换为当前页面的页面标识;将节点路径中的各子节点替换为对应的局部视图的页面标识,得到触发路径。
在一些实施例中,特征属性还包括组件的显示状态标识,显示状态标识用于表征组件在当前页面或局部视图中显示或隐藏;以及,路径生成模块还被进一步配置成:若局部视图的触发类型为局部显示或隐藏,则触发路径的末端还包括该局部视图中各组件的显示状态标识。
第三方面,本公开的实施例还提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如上述任一实施例中的用于配置页面的方法。
第四方面,本公开的实施厉害提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现如上述任一实施例中的用于配置页面的方法。
本公开的实施例提供的用于配置页面的方法和装置,响应于在页面搭建平台中配置局部视图的指令,在第一预设区域呈现编排树,用户可以在页面搭建平台中根据编排树对页面中的多级局部视图进行配置,并将配置完成的各局部视图、各局部视图的相对父子关系以及每个局部视图的触发条件写入当前页面的编排文件中。通过编排树呈现多级页面,可以更直观地呈现多级页面的配置过程,通过对编排树的操作,实现了在页面搭建平台中对局部视图的可视化操作,简化了三维页面的配置过程,从而提高了三维页面的搭建效率。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本公开的其它特征、目的和优点将会变得更明显:
图1是本公开的一些实施例可以应用于其中的示例性系统架构图;
图2是根据本公开的用于配置页面的方法的一个实施例的流程图;
图3是图2所示的用于配置页面的方法的一个实施例中编排树和页面搭建平台的示意图;
图4是根据本公开的用于配置页面的方法的又一个实施例的流程图;
图5是根据本公开的用于配置页面的装置的一个实施例的结构示意图;
图6是适于用来实现本公开的实施例的电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。
需要说明的是,在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本公开。
图1示出了可以应用本公开的实施例的用于配置页面的方法或用于配置页面的装置的示例性系统架构100。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以发送指令或接收数据等,例如可以将用户在页面代建平台中的操作指令发送至服务器,还可以从服务器接收根据用户的操作指令生成的页面。
终端设备101、102、103可以是硬件,也可以是软件。当终端设备101、102、103为硬件时,可以是具备通信功能的电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时,可以安装在上述所列举的电子设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
服务器105可以是提供云服务的服务器,例如对终端设备101、102、103发送的用户指令进行响应(例如基于用户在页面搭建平台中的操作指令生成页面)的后台应用服务器。后台应用服务器可以根据接收到的用户指令对各种页面组件进行编排处理,并将处理结果(例如编排文件)反馈给终端设备。
需要说明的是,服务器可以是硬件,也可以是软件。当服务器为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器。当服务器为软件时,可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
需要说明的是,本公开的实施例所提供的用于配置页面的方法可以由终端设备101、102、103执行,也可以由服务器105执行。相应地,用于配置页面的装置可以设置于终端设备101、102、103中,也可以设置于服务器105中。在此不做具体限定。
继续参考图2,示出了根据本公开的用于配置页面的方法的一个实施例的流程200。该用于配置页面的方法,包括以下步骤:
步骤201,响应于在页面搭建平台中配置局部视图的指令,在第一预设区域呈现编排树。
在本实施例中,编排树表征当前页面中的多级局部视图的结构。作为示例,编排树可以包括边和节点,具备相对父子关系的两个节点通过边连接,节点包括根节点和至少一级子节点,根节点对应于当前页面,子节点对应于局部视图。相对父子关系用于表征页面之间的从属关系,相对子节点对应的局部视图的触发条件为相对父节点对应的页面(当前页面或局部视图)中的组件或数据,并且相对子节点对应的局部视图呈现于相对父节点对应的页面中。
需要说明的是,同一个子节点,既可以是上一级子节点的相对子节点,可以是下一级子节点的相对父节点,例如弹框中的弹框。
开发人员可以预先将编排树对应的代码添加至页面搭建平台,并实现编排树与页面搭建平台在数据层面的打通。如此,用户可以根据需求预先确定当前页面的总体架构,例如包括的局部视图的数量、类型以及多个局部视图之间的相对父子关系,然后根据当前页面的总体架构构建编排树,之后用户还可以通过编辑编排树,对编排树中的各个元素进行编辑,例如增加或删除节点等。
需要说明的是,在低代码平台中添加自编写的代码属于本领域中广泛应用的成熟技术,本公开在此不再赘述。
在本实施例中,局部视图表征只有预设的触发条件被触发时,才会在当前页面呈现的视图,可以表征页面的三维特性,其类型例如可以是弹框、局部区域的显示或隐藏或悬浮视图等。
在一个具体的示例中,执行主体例如可以是图1中所示的终端设备,其上装载有页面搭建平台的客户端(例如可以是bPaaS平台),通过网络与页面搭建平台的服务商的云端服务器进行数据交互。页面搭建平台的操作截面可以包括组件区、画布区和配置区,其中,组件区包括各种类型的组件,画布区为用户编辑页面的区域,配置区为呈现组件的可配置项的区域。用户可以在页面搭建平台中通过拖拽等操作,将组件区的组件拖至画布区,以向当前页面中添加组件;在画布区中拖动各个组件以编辑页面,以及,用户选中画布区中的组件时,配置区会呈现出与组件对应的可配置项,例如可以包括该组件的组件类型、字段名、占位提示、组件的尺寸参数等,之后,用户可以在配置区对可配置项进行设定,从而实现对组件参数的配置。当用户需要在当前页面中添加局部视图时,例如用户的需求是当前页面中的组件A被点击时出现弹框B,用户可以在画布区选中组件A,并点击配置“局部视图”的指令,之后,可以在画布区中(即第二预设区域)呈现编排树,编排树中的根节点为当前页面,与根节点连接的子节点为局部视图B。
在本实施例的一些可选的实现方式中,编排树包括边和节点,其中,具备相对父子关系的两个节点通过连接,节点包括根节点和至少一级子节点,根节点对应于当前页面,子节点对应于局部视图;边表征该边连接的两个节点中的相对子节点对应的局部视图的触发条件。
如此一来,可以更直观的向用户呈现当前页面中各级局部视图的结构和关联。
步骤202,接收针对编排树的配置指令。
在本实施例中,依托于页面搭建平台的可视化操作界面,用户可以通过可视化操作对编排树进行配置,例如可以设置对节点和边的参数。
步骤203,基于配置指令,配置各局部视图,并确定各局部视图的相对父子关系以及每个局部视图的触发条件。
在本实施例中,执行主体可以根据接收到的配置指令对各级局部视图进行配置,例如可以包括设置局部视图中的组件、确定局部视图之间的相对父子关系以及每个局部视图的触发条件。
在本实施例的一些可选地实现方式中,基于配置指令,配置各局部视图,并确定各局部视图的相对父子关系以及每个局部视图的触发条件,包括:响应于针对编排树的配置指令,在操作界面的第二预设区域呈现该配置指令指向的对象的配置列表,配置列表中包括该对象的可配置项;接收针对配置列表的设置指令,并根据设置指令确定编排树中各节点和各边的配置参数;基于编排树中各节点和各边的配置参数,确定当前页面中包括的各个局部视图的相对父子关系以及每个局部视图的特征属性和触发条件。
配置列表中包括该对象的可配置项,可配置项表示该对象可以被编辑的参数,其中,边的配置列表用于呈现触发条件的可配置项,例如可以包括触发条件的类型:点击、接口返回值或顺序操作某些组件等,每个类型的触发条件对应有参数设置项,例如“点击”类的触发条件可以对应有“单击”或“双击”;“接口返回值”可以对应有“数据类型”、“数据来源”或“数据输入框”;“顺序操作”类触发条件可以对应有“组件顺序输入框”。
节点的配置列表用于呈现页面的可配置项,其中,根节点的配置列表用于表征当前页面的可配置项,例如可以包括页面中各个组件的参数、包括的局部视图的参数、数据接口等。子节点对应的配置列表用于表征局部视图的可配置项,例如可以包括局部视图的身份标识、局部视图中包括的组件的参数等等。
继续结合步骤201中的示例进行说明,用户可以点击编排树中的根节点,则页面搭建平台的配置区呈现当前页面的可配置项,例如可以包括当前页面中的组件、每个组件的类型以及包括的局部视图的数量、每个局部视图的特征属性等等。用户可以点击编排树中的边,则配置区中呈现触发条件的可配置项,例如可以包括触发条件的类型、具体数值等等。用户可以点击编排树中的子节点,则配置区中呈现该子节点对应的局部视图的可配置项,例如可以包括局部视图的类型、局部视图中包括的组件以及每个组件的参数等等。如此,用户可以从根节点到子节点逐级设置编排树中各个对象。
在本实现方式的一个可选示例中,用户选中编排树中的节点时,还可以在页面搭建平台的操作截面的第三预设区域呈现该节点对应的页面的编辑页面。继续结合上述示例进行说明,用户选中根节点时,可以在画布区呈现当前页面的编辑页面,用户可以对当前页面进行编辑,例如从配件区将组件拖拽进画布区,以在当前页面中添加新组件,还可以在画布区中拖拽组件,以改变页面的布局等等。用户选中子节点时,则呈现该子节点对应的局部视图。
步骤204,将配置完成的局部视图、各局部视图的相对父子关系以及每个局部视图的触发条件,写入当前页面的页面编排文件,其中,各局部视图的触发条件为页面编排文件中的全局属性值。
在本实施例中,配置完成的局部视图可以包括页面的编排特征和页面的身份标识,页面的编排特征例如可以包括页面中包括的组件的数量、类型、数据类型、外形尺寸等等,页面的身份标识例如可以是页面的ID,或自定义名称,以此标识页面。
在本实施例中,各局部视图的触发条件为页面编排文件中的全局属性值。页面搭建平台可以将用户在操作界面中编辑的页面转化为页面编排文件,之后将页面编排文件下发至应用,当应用运行时,可以将页面编排文件解析成页面,其中,各个局部视图的触发条件为全局属性值,如此可以对触发条件进行全局监控。
在一个具体的示例中,可以将步骤204中确定的各触发条件以字符串的形式写入页面编排文件中,页面编排文件例如可以是JSON文件。页面编排文件中可以包括eval函数和vue技术栈,当页面编排文件解析出的页面处于运行状态时,eval函数可以实现触发条件的JS动态化,vue技术栈中的watch函数则可以对触发条件进行全局监听。
在本实施例中,每条边连接的两个节点中,靠近根节点的节点为相对父节点,远离根节点的节点为相对子节点,相应的,相对父节点对应的页面(当前页面或局部视图)为相对父页面,相对子节点对应的局部视图为相对子页面,并且,相对父页面中的触发条件被触发时,在相对父页面中呈现相对子页面。
作为示例,执行主体可以根据各个节点的相对父子关系确定各个局部视图的相对父子关系。然后根据步骤203中确定的各个节点的配置参数确定各个页面的特征属性,并根据各个边的配置参数确定触发条件。
继续参见图3,图3(a)是本公开的用于配置页面的方法中编排树的示意图,图3(b)是本公开的用于配置页面的方法的一个实施例中页面搭建平台的操作界面的示意图。如图3(a)所示,编排树中包括根节点301、一级子节点302和303以及二级子节点304、305和306。其中,根节点301表示“当前页面”;一级子节点302表示“局部视图1”,一级子节点302表示“局部视图2”,连接根节点301与一级子节点302的边表示“触发条件1”,连接根节点301与一级子节点302的边表示“触发条件2”,该架构表示当前页面包括的局部视图为“局部视图1”和“局部视图2”,当“触发条件1”被触发时,在当前页面中呈现“局部视图1”;二级子节点304表示“局部视图1-1”,与一级子节点302相连的边表示“触发条件1-1”,即“局部视图1”中的触发条件被触发时,“局部视图1-1”呈现于“局部视图1”。其他节点同理,在此不再赘述。
在一个具体的场景中,执行主体(例如可以是图1中的终端设备)上装载有图3(b)所示的页面搭建平台,页面搭建平台的操作界面包括区域1:组件区、区域2:画布区和区域3:配置区。借助页面搭建平台,用户可以通过可视化操作编排页面。当用户选中当前页面中的某个组件,并选择配置局部视图的指令时,可以在画布区的右下角呈现图3(a)所示的编排树。之后,用户可以对编排树中的边和节点进行配置,以此确定编排树中的边和节点的配置参数。再然后,执行主体可以根据用户配置好的边和节点的配置参数,确定各个局部视图的触发条件和特征属性,并将各个局部视图的相对父子关系、触发条件和特征属性写入页面编排文件,从而完成页面中三维页面的编排过程。
本公开的实施例提供的用于配置页面的方法和装置,响应于在页面搭建平台中配置局部视图的指令,在操作界面的第一预设区域呈现编排树,用户可以在页面搭建平台中对编排树中的边和节点进行配置,以对当前页面中包括的各个局部视图的触发条件和特征属性进行设置,并将配置完成的局部视图的触发条件、特征属性以及各局部视图的相对父子关系写入当前页面的编排文件中,实现了在页面搭建平台中对局部视图的可视化操作,简化了三维页面的配置过程,从而提高了三维页面的搭建效率。
在本实施例的一些可选的实现方式中,响应于针对编排树的配置指令,在操作界面的第二预设区域呈现该配置指令指向的对象的配置列表,包括:响应于针对边的配置指令,在第二预设区域呈现该配置指令指向的边的配置列表,该配置列表包括触发条件的可配置项;接收针对配置列表的设置指令,并根据设置指令确定编排树中各节点和各边的配置参数,包括:接收针对触发条件的设置指令,并根据该设置指令确定边的配置参数;以及,基于编排树中各节点和各边的配置参数,确定当前页面中包括的各个局部视图的相对父子关系以及每个局部视图的特征属性和触发条件,包括:基于边的配置参数,确定边连接的两个节点中的相对子节点对应的局部视图的触发条件。
在本实现方式中,边可以表征各个局部视图之间的相对父子关系,用户可以通过可视化操作对局部视图的触发条件进行配置,可以进一步简化局部视图的配置过程。
在本实施例的一些可选的实现方式中,响应于针对编排树的配置指令,在操作界面的第二预设区域呈现该配置指令指向的对象的配置列表,包括:响应于针对根节点或子节点的配置指令,在第二预设区域呈现当前页面或子节点对应的局部视图的页面配置列表,页面配置列表包括当前页面或子节点对应的局部视图的特征属性的可配置项;接收针对配置列表的设置指令,并根据设置指令确定编排树中各节点和各边的配置参数,包括:接收针对页面配置列表的设置指令,并根据该设置指令确定根节点或子节点的配置参数;以及,基于编排树中各节点和各边的配置参数,确定当前页面中包括的各个局部视图的相对父子关系以及每个局部视图的特征属性和触发条件,包括:基于根节点的配置参数,确定当前页面的特征属性;基于子节点的配置参数,确定局部视图的特征属性。
在本实现方式中,用户可以通过可视化操作对编排树中的各个节点对应的局部视图进行编排,可以简化局部视图的配置过程,并且,编排树的结构可以具象化各级局部视图之间的,使得局部视图的编排过程的条理性更加清晰。
进一步参考图4,其示出了用于配置页面的方法的又一个实施例的流程400。该用于配置页面的方法的流程400,包括以下步骤:
步骤401,响应于在页面搭建平台中配置局部视图的指令,在页面搭建平台的操作界面的第一预设区域呈现编排树,编排树包括边和节点。
其中,具备相对父子关系的两个节点通过边连接,节点包括根节点和至少一级子节点,根节点对应于当前页面,子节点对应于局部视图,边表征该边连接的两个节点中的相对子节点对应的局部视图的触发条件。
步骤402,响应于针对编排树的配置指令,在操作界面的第二预设区域呈现该配置指令指向的对象的配置列表。
其中,配置列表中包括该对象的可配置项。
步骤403,接收针对配置列表的设置指令,并根据设置指令确定编排树中各节点和各边的配置参数。
步骤404,基于编排树中各节点和各边的配置参数,确定当前页面中包括的各个局部视图的相对父子关系以及每个局部视图的特征属性和触发条件。
在本实施例中,步骤401至步骤404与前述步骤201至步骤204相对应,此处不再赘述。
步骤405,基于各局部视图的相对父子关系以及各局部视图的页面标识和触发类型,生成各局部视图的触发路径。
在本实施例中,页面的特征属性包括页面标识和触发类型,其中,页面标识用于表征页面的唯一身份标识,例如可以是用户自定义的页面名称或ID。触发类型可以包括弹框、局部视图的显示和/或隐藏、悬浮视图等等。
触发路径可以以根节点表征的当前页面为起点,按照局部视图的相对父子关系排列各级子节点,各级子节点之间通过“/”隔开。
在本实施例的一些可选的实现方式中,若局部视图的触发类型为弹框,确定该局部视图对应的节点在编排树中的节点路径;将节点路径中的根节点替换为当前页面的页面标识;将节点路径中的各子节点替换为对应的局部视图的页面标识,得到触发路径。
在本实现方式的一个具体的示例中,触发事件为悬浮视图,具体为当鼠标悬停在某个组件上时,在鼠标上方的区域呈现局部视图1。局部视图1的页面标识为“1”,触发类型为弹框,其相对父节点对应的局部视图2的页面标识为“2”,局部视图2的相对父节点对应的视图为当前页面,当前页面的页面标识为“root”,则执行主体生成的局部视图1的触发路径为“root/2/1”。如此,可以通过触发路径表征弹框类的局部视图触发事件中各级局部视图的结构关系,以此实现触发事件的追溯。
进一步的,特征属性还包括组件的显示状态标识,显示状态标识用于表征组件在当前页面或局部视图中显示或隐藏;以及,基于各局部视图的相对父子关系以及各局部视图的页面标识和触发类型,生成各局部视图的触发路径,包括:若局部视图的触发类型为局部显示或隐藏,则触发路径的末端还包括该局部视图中各组件的显示状态标识。
在实际场景中,还可以通过隐藏页面中的部分组件以突出显示其他组件,以此实现页面的三维效果。
在一个具体的示例中,触发事件为用户点击某个组件时,页面中的组件a隐藏,组件b显示,则触发类型为局部显示或隐藏。组件a和b所在的局部视图的页面标识为“4”,其相对父节点对应的页面为当前页面,当前页面的页面标识为“root”。组件a的显示状态标识为“key_a”,其赋值可以表征组件a的显示状态,例如可以是“0”;组件b的显示状态标识为“key_b”,其赋值可以表征组件b的显示状态,例如可以是“1”。则执行主体生成的触发路径为“root/4/key_a&key_b”,在通过触发路径追溯该触发事件时,可以调取“key_a”和“key_b”的赋值,确定局部视图4的三维效果。
步骤406,将每个局部视图的触发路径和触发条件写入该局部视图所属的相对父局部页面在页面编排文件中对应的字段。
通常,在页面编排文件中,每个局部视图均对应一个children字段,该字段中包括该局部视图的所有特征属性。每个局部视图中包括的相对子页面对应的children字段则嵌套在该局部视图的children字段中,以此限定各级局部视图的相对父子关系。
作为示例,children字段可以包括如下字段名:“condition”、“path”、“tiName”和“type”,其中,“condition”表示触发条件,“path”表示触发路径,“tiName”表示页面标识,“type”表示触发类型,执行主体可以将步骤405中生成的触发路径和页面标识分别写入“path”字段和“tiName”中,将步骤404中确定出的触发条件和触发类型分别写入“condition”和“type”字段中,并将“condition”字段设置为全局属性值。从而完成了对页面中的局部视图的编排。
从图4中可以看出,本实施例中的用于配置页面的方法的流程400体现了基于局部视图的触发类型和相对父子关系生成触发路径,并将触发路径写入页面编排文件中的步骤。以触发路径表征触发事件中各个局部视图的逻辑结构,可以通过触发路径回溯触发事件。
进一步参考图5,作为对上述各图所示方法的实现,本公开提供了一种用于配置页面的装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图5所示,本实施例的用于配置页面的装置500包括:第一呈现单元501,被配置成响应于在页面搭建平台中配置局部视图的指令,在页面搭建平台的操作界面的第一预设区域呈现编排树,编排树表征当前页面中的多级局部视图的结构;指令接收单元502,被配置成接受针对编排树的配置指令;页面配置单元503,被配置成基于配置指令,配置各局部视图,并确定各局部视图的相对父子关系以及每个局部视图的触发条件;页面编排单元504,被配置成将各局部视图的相对父子关系以及每个局部视图的触发条件,写入当前页面的页面编排文件,其中,各局部视图的触发条件为页面编排文件中的全局属性值。
在本实施例中,编排树包括边和节点,其中,具备相对父子关系的两个节点通过边连接,节点包括根节点和至少一级子节点,根节点对应于当前页面,子节点对应于局部视图;边表征该边连接的两个节点中的相对子节点对应的局部视图的触发条件。
在本实施例中,页面配置单元503,进一步包括:第二呈现模块,被配置成:响应于针对编排树的配置指令,在操作界面的第二预设区域呈现该配置指令指向的对象的配置列表,配置列表中包括该对象的可配置项;参数确定模块,被配置成接收针对配置列表的设置指令,并根据设置指令确定编排树中各节点和各边的配置参数;局部视图配置模块,被配置成基于编排树中各节点和各边的配置参数,确定当前页面中包括的各个局部视图的相对父子关系以及每个局部视图的特征属性和触发条件。
在本实施例中,第二呈现模块进一步包括条件呈现子模块,被配置成:响应于针对边的配置指令,在第二预设区域呈现该配置指令指向的边的配置列表,该配置列表包括触发条件的可配置项;参数确定模块进一步包括条件配置子模块,被配置成:接收针对触发条件的设置指令,并根据该设置指令确定边的配置参数;以及,局部视图配置模块进一步包括条件确定子模块,被配置成:基于边的配置参数,确定边连接的两个节点中的相对子节点对应的局部视图的触发条件。
在本实施例中,第二呈现模块进一步包括节点呈现子模块,被配置成:响应于针对根节点或子节点的配置指令,在第二预设区域呈现当前页面或子节点对应的局部视图的页面配置列表,页面配置列表包括当前页面或子节点对应的局部视图的特征属性的可配置项;参数确定模块进一步包括节点配置子模块,被配置成:接收针对页面配置列表的设置指令,并根据该设置指令确定根节点或子节点的配置参数;以及,局部视图配置模块进一步包括属性确定子模块,被配置成:基于根节点的配置参数,确定当前页面的特征属性;基于子节点的配置参数,确定局部视图的特征属性。
在本实施例中,特征属性包括页面标识和触发类型;以及,页面编排单元504还包括路径生成模块和字段更新模块,其中,路径生成模块被配置成:基于各局部视图的相对父子关系以及各局部视图的页面标识和触发类型,生成各局部视图的触发路径;字段更新模块,被配置成将每个局部视图的触发路径和触发条件写入该局部视图所属的相对父局部页面在页面编排文件中对应的字段。
在本实施例中,路径生成模块被进一步配置成:若局部视图的触发类型为弹框,确定该局部视图对应的节点在编排树中的节点路径;将节点路径中的根节点替换为当前页面的页面标识;将节点路径中的各子节点替换为对应的局部视图的页面标识,得到触发路径。
在本实施例中,特征属性还包括组件的显示状态标识,显示状态标识用于表征组件在当前页面或局部视图中显示或隐藏;以及,路径生成模块还被进一步配置成:若局部视图的触发类型为局部显示或隐藏,则触发路径的末端还包括该局部视图中各组件的显示状态标识。
下面参考图6,其示出了适于用来实现本公开的实施例的电子设备(例如图1中的服务器或终端设备)600的结构示意图。本公开的实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的终端设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图6中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开的实施例的方法中限定的上述功能。需要说明的是,本公开的实施例所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:响应于在页面搭建平台中配置局部视图的指令,在页面搭建平台的操作界面的第一预设区域呈现编排树,编排树表征当前页面中的多级局部视图的结构;接收针对编排树的配置指令;基于配置指令,配置各局部视图,并确定各局部视图的相对父子关系以及每个局部视图的触发条件;将各局部视图的相对父子关系以及每个局部视图的触发条件,写入当前页面的页面编排文件,其中,各局部视图的触发条件为页面编排文件中的全局属性值。可以以一种或多种程序设计语言或其组合来编写用于执行本公开的实施例的操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括第一呈现单元、第二呈现单元、指令接收单元、参数确定单元和页面编排单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一呈现单元还可以被描述为“通响应于在页面搭建平台中配置局部视图的指令,在页面搭建平台的操作界面的第一预设区域呈现编排树的单元”。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (18)

1.一种用于配置页面的方法,其中,包括:
响应于在页面搭建平台中配置局部视图的指令,在第一预设区域呈现编排树,所述编排树表征当前页面中的多级局部视图的结构;
接收针对所述编排树的配置指令;
基于所述配置指令,配置各所述局部视图,并确定各所述局部视图的相对父子关系以及每个所述局部视图的触发条件;
将各配置完成的局部视图、各所述局部视图的相对父子关系以及每个所述局部视图的触发条件,写入所述当前页面的页面编排文件,其中,各所述局部视图的触发条件为所述页面编排文件中的全局属性值。
2.根据权利要求1所述的方法,其中,所述编排树包括边和节点,其中,具备相对父子关系的两个节点通过所述边连接,所述节点包括根节点和至少一级子节点,所述根节点对应于当前页面,所述子节点对应于局部视图;
所述边表征该边连接的两个节点中的相对子节点对应的局部视图的触发条件。
3.根据权利要求2所述的方法,其中,基于所述配置指令,配置各所述局部视图,并确定各所述局部视图的相对父子关系以及每个所述局部视图的触发条件,包括:
响应于针对所述编排树的配置指令,在第二预设区域呈现该配置指令指向的对象的配置列表,所述配置列表中包括该对象的可配置项;
接收针对所述配置列表的设置指令,并根据所述设置指令确定所述编排树中各所述节点和各所述边的配置参数;
基于所述编排树中各所述节点和各所述边的配置参数,确定所述当前页面中包括的各个局部视图的相对父子关系以及每个所述局部视图的特征属性和触发条件。
4.根据权利要求3所述的方法,其中,响应于针对所述编排树的配置指令,在第二预设区域呈现该配置指令指向的对象的配置列表,包括:
响应于针对所述边的配置指令,在所述第二预设区域呈现该配置指令指向的边的配置列表,该配置列表包括触发条件的可配置项;
接收针对所述配置列表的设置指令,并根据所述设置指令确定所述编排树中各节点和各所述边的配置参数,包括:
接收针对所述触发条件的设置指令,并根据该设置指令确定所述边的配置参数;以及,
基于所述编排树中各节点和各所述边的配置参数,确定所述当前页面中包括的各个所述局部视图的相对父子关系以及每个所述局部视图的特征属性和触发条件,包括:
基于所述边的配置参数,确定所述边连接的两个节点中的相对子节点对应的局部视图的触发条件。
5.根据权利要求3所述的方法,其中,响应于针对所述编排树的配置指令,在第二预设区域呈现该配置指令指向的对象的配置列表,包括:
响应于针对所述根节点或所述子节点的配置指令,在所述第二预设区域呈现所述当前页面或所述子节点对应的局部视图的页面配置列表,所述页面配置列表包括所述当前页面或所述子节点对应的局部视图的特征属性的可配置项;
接收针对所述配置列表的设置指令,并根据所述设置指令确定所述编排树中各节点和各所述边的配置参数,包括:
接收针对所述页面配置列表的设置指令,并根据该设置指令确定所述根节点或所述子节点的配置参数;以及,
基于所述编排树中各节点和各所述边的配置参数,确定所述当前页面中包括的各个所述局部视图的相对父子关系以及每个所述局部视图的特征属性和触发条件,包括:
基于所述根节点的配置参数,确定所述当前页面的特征属性;
基于所述子节点的配置参数,确定所述局部视图的特征属性。
6.根据权利要求3至5之一所述的方法,其中,所述特征属性包括页面标识和触发类型;以及,
将各个所述局部视图的相对父子关系以及每个所述局部视图的特征属性和触发条件写入所述当前页面的页面编排文件,包括:
基于各所述局部视图的相对父子关系以及各所述局部视图的页面标识和触发类型,生成各所述局部视图的触发路径;
将每个所述局部视图的触发路径和触发条件写入该局部视图所属的相对父局部页面在所述页面编排文件中对应的字段。
7.根据权利要求6所述的方法,其中,基于各所述局部视图的相对父子关系以及各所述局部视图的页面标识和触发类型,生成各所述局部视图的触发路径,包括:
若所述局部视图的触发类型为弹框,确定该局部视图对应的节点在所述编排树中的节点路径;
将所述节点路径中的所述根节点替换为所述当前页面的页面标识;
将所述节点路径中的各所述子节点替换为对应的局部视图的页面标识,得到所述触发路径。
8.根据权利要求6所述的方法,其中,所述特征属性还包括组件的显示状态标识,所述显示状态标识用于表征组件在所述当前页面或所述局部视图中显示或隐藏;以及,
基于各所述局部视图的相对父子关系以及各所述局部视图的页面标识和触发类型,生成各所述局部视图的触发路径,包括:
若所述局部视图的触发类型为局部显示或隐藏,则所述触发路径的末端还包括该局部视图中各组件的显示状态标识。
9.一种用于配置页面的装置,包括:
第一呈现单元,被配置成响应于在页面搭建平台中配置局部视图的指令,在所第一预设区域呈现编排树,所述编排树表征当前页面中的多级局部视图的结构;
指令接收单元,被配置成接受针对所述编排树的配置指令;
页面配置单元,被配置成基于所述配置指令,配置各所述局部视图,并确定各所述局部视图的相对父子关系以及每个所述局部视图的触发条件;
页面编排单元,被配置成将各配置完成的局部视图、各所述局部视图的相对父子关系以及每个所述局部视图的触发条件,写入所述当前页面的页面编排文件,其中,各所述局部视图的触发条件为所述页面编排文件中的全局属性值。
10.根据权利要求9所述的装置,其中,所述编排树包括边和节点,其中,具备相对父子关系的两个节点通过所述边连接,所述节点包括根节点和至少一级子节点,所述根节点对应于当前页面,所述子节点对应于局部视图;
所述边表征该边连接的两个节点中的相对子节点对应的局部视图的触发条件。
11.根据权利要求10所述的装置,其中,所述页面配置单元,进一步包括:
第二呈现模块,被配置成:响应于针对所述编排树的配置指令,在第二预设区域呈现该配置指令指向的对象的配置列表,所述配置列表中包括该对象的可配置项;
参数确定模块,被配置成接收针对所述配置列表的设置指令,并根据所述设置指令确定所述编排树中各所述节点和各所述边的配置参数;
局部视图配置模块,被配置成基于所述编排树中各所述节点和各所述边的配置参数,确定所述当前页面中包括的各个局部视图的相对父子关系以及每个所述局部视图的特征属性和触发条件。
12.根据权利要求9所述的装置,其中,所述第二呈现模块进一步包括条件呈现子模块,被配置成:响应于针对所述边的配置指令,在所述第二预设区域呈现该配置指令指向的边的配置列表,该配置列表包括触发条件的可配置项;
所述参数确定模块进一步包括条件配置子模块,被配置成:接收针对所述触发条件的设置指令,并根据该设置指令确定所述边的配置参数;以及,
所述局部视图配置模块进一步包括条件确定子模块,被配置成:基于所述边的配置参数,确定所述边连接的两个节点中的相对子节点对应的局部视图的触发条件。
13.根据权利要求9所述的装置,其中,第二呈现模块进一步包括节点呈现子模块,被配置成:响应于针对所述根节点或所述子节点的配置指令,在所述第二预设区域呈现所述当前页面或所述子节点对应的局部视图的页面配置列表,所述页面配置列表包括所述当前页面或所述子节点对应的局部视图的特征属性的可配置项;
所述参数确定模块进一步包括节点配置子模块,被配置成:接收针对所述页面配置列表的设置指令,并根据该设置指令确定所述根节点或所述子节点的配置参数;以及,
所述局部视图配置模块进一步包括属性确定子模块,被配置成:基于所述根节点的配置参数,确定所述当前页面的特征属性;基于所述子节点的配置参数,确定所述局部视图的特征属性。
14.根据权利要求11至13之一所述的装置,其中,所述特征属性包括页面标识和触发类型;以及,
所述页面编排单元还包括路径生成模块和字段更新模块,其中,所述路径生成模块被配置成:基于各所述局部视图的相对父子关系以及各所述局部视图的页面标识和触发类型,生成各所述局部视图的触发路径;
所述字段更新模块,被配置成将每个所述局部视图的触发路径和触发条件写入该局部视图所属的相对父局部页面在所述页面编排文件中对应的字段。
15.根据权利要求14所述的装置,其中,所述路径生成模块被进一步配置成:
若所述局部视图的触发类型为弹框,确定该局部视图对应的节点在所述编排树中的节点路径;
将所述节点路径中的所述根节点替换为所述当前页面的页面标识;
将所述节点路径中的各所述子节点替换为对应的局部视图的页面标识,得到所述触发路径。
16.根据权利要求14所述的装置,其中,所述特征属性还包括组件的显示状态标识,所述显示状态标识用于表征组件在所述当前页面或所述局部视图中显示或隐藏;以及,
所述路径生成模块还被进一步配置成:若所述局部视图的触发类型为局部显示或隐藏,则所述触发路径的末端还包括该局部视图中各组件的显示状态标识。
17.一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-8中任一所述的用于配置页面的方法。
18.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-8中任一所述的用于配置页面的方法。
CN202111059724.XA 2021-09-10 2021-09-10 用于配置页面的方法和装置 Pending CN115794061A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111059724.XA CN115794061A (zh) 2021-09-10 2021-09-10 用于配置页面的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111059724.XA CN115794061A (zh) 2021-09-10 2021-09-10 用于配置页面的方法和装置

Publications (1)

Publication Number Publication Date
CN115794061A true CN115794061A (zh) 2023-03-14

Family

ID=85417047

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111059724.XA Pending CN115794061A (zh) 2021-09-10 2021-09-10 用于配置页面的方法和装置

Country Status (1)

Country Link
CN (1) CN115794061A (zh)

Similar Documents

Publication Publication Date Title
CN109634598B (zh) 一种页面显示方法、装置、设备及存储介质
US8862975B2 (en) Web-based workflow service visualization and navigation
US11797273B2 (en) System and method for enhancing component based development models with auto-wiring
US9575950B2 (en) Systems and methods for managing spreadsheet models
US9471213B2 (en) Chaining applications
US20160313874A1 (en) Visual effects system for "big data" analysis workflow editors, distribution platforms, execution engines, and management systems comprising same
US20110145735A1 (en) Model driven content development
CN113535165A (zh) 界面生成方法、装置、电子设备及计算机可读存储介质
CN113010612A (zh) 一种图数据可视化构建方法、查询方法及装置
CN114036443A (zh) 页面生成方法及装置
CN111666100A (zh) 软件框架生成方法、装置、电子设备及存储介质
KR102184162B1 (ko) 반응형 웹툰 제작 시스템 및 방법
CN113138996A (zh) 语句生成方法和装置
US20230206152A1 (en) Determining task significance through task graph structures
CN115794061A (zh) 用于配置页面的方法和装置
CN114968235A (zh) 一种页面表单生成方法、装置、计算机设备及存储介质
CN110908647A (zh) 一种积木式编程的对象变量呈现方法、装置、终端及存储介质
CN113806596B (zh) 运营数据管理方法及相关装置
CN113342413B (zh) 用于处理组件的方法、装置、设备、介质和产品
CN113704593B (zh) 一种运营数据处理方法及相关装置
CN113706209B (zh) 运营数据处理方法及相关装置
US11494357B1 (en) Directed acyclic graph path addressing
US9141377B2 (en) Visualization of code units across disparate systems
CN114217842A (zh) 一种通用的可视化资源目录配置方法与系统
CN113760267A (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