CN114625367A - 一种组件嵌套方法、装置、存储介质和电子设备 - Google Patents
一种组件嵌套方法、装置、存储介质和电子设备 Download PDFInfo
- Publication number
- CN114625367A CN114625367A CN202210237516.2A CN202210237516A CN114625367A CN 114625367 A CN114625367 A CN 114625367A CN 202210237516 A CN202210237516 A CN 202210237516A CN 114625367 A CN114625367 A CN 114625367A
- Authority
- CN
- China
- Prior art keywords
- positioning
- functional component
- container
- component
- positioning container
- 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.)
- Withdrawn
Links
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)
- Stored Programmes (AREA)
Abstract
本公开实施例公开了一种组件嵌套方法和装置、以及存储介质和电子设备,其方法包括:针对不支持功能组件嵌套的特定功能组件,在需要嵌套至少一个功能组件的情况下,获取对应的至少一个定位容器并将至少一个定位容器展示在特定功能组件上;针对至少一个定位容器中的每个定位容器,执行以下操作:获取一个需要嵌套在特定功能组件上的指定功能组件;通过将指定功能组件展示在当前的定位容器内,以实现特定功能组件对指定功能组件的嵌套。
Description
技术领域
本发明涉及计算机技术领域,具体涉及一种组件嵌套方法、装置、存储介质、电子设备和计算机程序产品。
背景技术
现有的组件嵌套方法,虽然支持页面组件嵌套,例如,可以实现各种菜单栏下,不同的选项里面展示不同的组件内容。
在实际应用场景中,比如,若实现给单图配置一些文字内容以解释该图片,或者若实现给单图设置一个按钮以通过用户的触控操作触发对应的响应事件,或者若实现在展示页面的导航栏左侧或者导航栏右侧设置对应的按钮,由于受到嵌套规则的限制,例如,单图组件不能直接嵌套文本组件或者按钮组件,因此,很难实现用户想要的效果。若要在每个组件上均分别去支持上述多种功能,则会导致组件逻辑冗余,维护成本升高。
发明内容
基于此,有必要针对基于现有的组件嵌套所存在的组件逻辑冗余且维护成本较高的问题,提供一种组件嵌套方法、装置、存储介质、电子设备和计算机程序产品。
第一方面,本公开实施例提供了一种组件嵌套方法,所述方法包括:在网络页面创建过程中,针对不支持功能组件嵌套的特定功能组件,在需要嵌套至少一个功能组件的情况下,获取对应的至少一个定位容器并将所述至少一个定位容器展示在所述特定功能组件上;
针对所述至少一个定位容器中的每个定位容器,执行以下操作:
获取一个需要嵌套在所述特定功能组件上的指定功能组件;
通过将所述指定功能组件展示在当前的定位容器内,以实现所述特定功能组件对所述指定功能组件的嵌套。
在一种实施方式中,还包括:
预先创建可直接嵌套在所述特定功能组件上的定位容器,其中,嵌套使用时所述定位容器在其父组件中的位置参数和图层层级可配置。
在一种实施方式中,预先创建的定位容器支持嵌套任意功能组件。
在一种实施方式中,嵌套使用时所述定位容器在其父组件中的位置参数和图层层级可通过拖拽操作实现配置和/或可在定位容器配置界面中输入参数实现配置。
在一种实施方式中,预先创建的定位容器具有绝对定位模式和/或固定定位模式,其中,
在所述绝对定位模式下,嵌套使用时所述定位容器支持在其父组件中随意定位;
在所述固定定位模式下,嵌套使用时所述定位容器支持在浏览器窗口中随意定位。
在一种实施方式中,预先创建的定位容器包括:绝对定位容器和固定定位容器,其中,
所述绝对定位容器在嵌套使用时支持在其父组件中随意定位;
所述固定定位容器嵌套使用时支持在浏览器窗口中随意定位。
在一种实施方式中,还包括:在将所述指定功能组件展示在对应的定位容器内之后,
如果所述指定功能组件也不支持嵌套功能组件,则在需要在所述指定功能组件上嵌套对应的功能组件的情况下,也利用对应的定位容器将所述对应的功能组件嵌套在所述指定功能组件上。
在一种实施方式中,获取对应的至少一个定位容器并将所述至少一个定位容器展示在所述特定功能组件上,包括:
响应于页面DOM树中与所述特定功能组件对应的组件节点下出现被添加的至少一个定位容器节点,获取与所述至少一个定位容器节点一一对应的至少一个定位容器并将获取的定位容器一一展示在页面效果界面中展示的所述特定功能组件上。
在一种实施方式中,响应于所述页面DOM树中有定位容器节点下被添加了对应的功能节点,获取与所述对应的功能节点对应的指定功能组件并将所述指定功能组件展示在所述页面效果界面中展示的与该定位容器节点对应的定位容器内。
第二方面,本公开实施例提供了一种组件嵌套装置,包括:
获取单元,用于在网络页面创建过程中,针对不支持功能组件嵌套的特定功能组件,在需要嵌套至少一个功能组件的情况下,获取对应的至少一个定位容器;
展示单元,用于将所述至少一个定位容器展示在所述特定功能组件上;
执行单元,用于针对所述至少一个定位容器中的每个定位容器,执行以下操作:
获取一个需要嵌套在所述特定功能组件上的指定功能组件;
通过将所述指定功能组件展示在当前的定位容器内,以实现所述特定功能组件对所述指定功能组件的嵌套。
第三方面,本公开实施例提供一种电子设备,所述电子设备包括:
处理器;
用于存储所述处理器可执行指令的存储器;
所述处理器,用于从所述存储器中读取所述可执行指令,并执行所述可执行指令以实现上述的方法步骤。
第四方面,本公开实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序用于执行上述的方法步骤。
第五方面,本公开实施例提供一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现上述的方法步骤。
在本公开实施例中,在网络页面创建过程中,针对不支持功能组件嵌套的特定功能组件,在需要嵌套至少一个功能组件的情况下,获取对应的至少一个定位容器并将至少一个定位容器展示在特定功能组件上;针对至少一个定位容器中的每个定位容器,执行以下操作:获取一个需要嵌套在特定功能组件上的指定功能组件;通过将指定功能组件展示在当前的定位容器内,以实现特定功能组件对指定功能组件的嵌套。本公开实施例提供的组件嵌套方法,由于引入了定位容器,并针对至少一个定位容器中的每个定位容器,执行以下操作:获取一个需要嵌套在特定功能组件上的指定功能组件;通过将指定功能组件展示在当前的定位容器内,以实现特定功能组件对指定功能组件的嵌套;能够有效地简化每个组件自身的逻辑,从而降低了维护成本。
附图说明
通过参考下面的附图,可以更为完整地理解本发明的示例性实施方式。附图用来提供对本公开实施例的进一步理解,并且构成说明书的一部分,与本公开实施例一起用于解释本发明,并不构成对本发明的限制。在附图中,相同的参考标号通常代表相同部件或步骤。
图1为根据本申请一示例性实施例提供的组件嵌套方法的流程图;
图2为根据本申请一示例性实施例提供的具体应用场景下页面效果界面示意图;
图3为根据本申请一示例性实施例提供的具体应用场景下组件嵌套方法流程图;
图4为根据本申请一示例性实施例提供的组件嵌套装置400的结构示意图;
图5示出了本申请一示例性实施例提供的一种电子设备的示意图;
图6示出了本申请一示例性实施例提供的一种计算机可读介质的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施方式。虽然附图中显示了本公开的示例性实施方式,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
需要注意的是,除非另有说明,本申请使用的技术术语或者科学术语应当为本申请所属领域技术人员所理解的通常意义。
另外,术语“第一”和“第二”等是用于区别不同对象,而不是用于描述特定顺序。此外,术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元,而是可选地还包括没有列出的步骤或单元,或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
请参考图1,其示出了本申请的一些实施方式所提供的一种组件嵌套方法的流程图,如图所示,组件嵌套方法可以包括以下步骤:
步骤S101:在网络页面创建过程中,针对不支持功能组件嵌套的特定功能组件,在需要嵌套至少一个功能组件的情况下,获取对应的至少一个定位容器并将至少一个定位容器展示在特定功能组件上。
在一种可能的实现方式中,获取对应的至少一个定位容器并将至少一个定位容器展示在特定功能组件上,包括以下步骤:
响应于页面DOM(Document Object Model,文档对象模型)树中与特定功能组件对应的组件节点下出现被添加的至少一个定位容器节点,获取与至少一个定位容器节点一一对应的至少一个定位容器并将获取的定位容器一一展示在页面效果界面中展示的特定功能组件上。
如图2所示,为根据本申请一示例性实施例提供的具体应用场景下页面效果界面示意图。
从如图2所示的页面效果界面图上,可以直观地展示出每一个定位容器节点,以及与每一个定位容器节点对应的定位容器、特定的功能组件,从而能够简化每个组件自身的逻辑,最终降低了维护成本。
在本公开实施例提供的组件嵌套方法中,响应于页面DOM树中有定位容器节点下被添加了对应的功能节点,获取与对应的功能节点对应的指定功能组件并将指定功能组件展示在页面效果界面中展示的与该定位容器节点对应的定位容器内;这样,通过定位容器就能够实现指定功能组件的精准嵌套。
在一种可能的实现方式中,本公开实施例提供的组件嵌套方法还包括以下步骤:
预先创建可直接嵌套在特定功能组件上的定位容器,其中,嵌套使用时定位容器在其父组件中的位置参数和图层层级可配置。
在实际应用场景中,嵌套使用时定位容器在其父组件中的位置参数和图层层级均可以根据不同应用场景的需求进行配置。具体地,嵌套使用时可以配置定位容器在其父组件中的位置参数、尺寸参数以及具体的图层层级。
在本公开实施例提供的组件嵌套方法中,预先创建的定位容器支持嵌套任意功能组件。在实际应用场景中,可以根据不同应用场景的需求,配置定位容器支持嵌套的功能组件所具有的功能,在此对功能组件所具有的的功能并不做具体限定。
需要说明的是,在实际应用场景中,为了对定位容器所支持嵌套的具有不同功能的功能组件进行有效区分,对每个功能均赋予对应的组件标识,且该组件标识是唯一的。
在本公开实施例提供的组件嵌套方法中,预先创建的定位容器具有绝对定位模式和/或固定定位模式,其中,
在绝对定位模式下,嵌套使用时定位容器支持在其父组件中随意定位;这样,在绝对定位模式下,可以将定位容器限定在其父组件中;
在固定定位模式下,嵌套使用时定位容器支持在浏览器窗口中随意定位;这样,在固定定位模式下,有效地扩大了定位容器的定位范围,可以在浏览器窗口中随意定位对应的定位容器。
在本公开实施例提供的组件嵌套方法中,预先创建的定位容器包括:绝对定位容器和固定定位容器,其中,
绝对定位容器在嵌套使用时支持在其父组件中随意定位;这样,通过绝对定位容器,可以将定位容器限定在其父组件中;
固定定位容器嵌套使用时支持在浏览器窗口中随意定位;这样,通过固定定位容器,有效地扩大了该定位容器的定位范围,定位范围扩大至浏览器窗口。
在一种可能的实现方式中,嵌套使用时定位容器在其父组件中的位置参数和图层层级可通过拖拽操作实现配置;这样,通过用户的简单拖拽操作就可以在嵌套使用时随意调整定位容器在其父组件中的位置参数和图层层级,不仅简化了组件嵌套过程,还能够实时展示出通过拖拽操作所能够最终实现的页面效果。
在如图2所示的页面效果界面图上,嵌套使用时,通过用户的拖拽操作可以灵活地配置定位容器在其父组件中的位置参数和图层层级,并得到通过拖拽操作所对应的更新后的页面效果页面图;这样,便于用户根据反馈的更新后的页面效果页面图,快速且灵活地调整拖拽的位置和拖拽的图层层级,以得到想要的页面效果。
在一种可能的实现方式中,嵌套使用时定位容器在其父组件中的位置参数和图层层级可在定位容器配置界面中输入参数实现配置。
在实际应用场景中,在嵌套使用时在定位容器配置界面中输入对应的参数,例如,定位容器所对应的特定功能组件的组件标识,该组件标识是唯一的,定位容器在其父组件中的的位置参数,定位容器的尺寸参数以及定位容器在其父组件中的图层层级,以实现对定位容器各项参数的精准配置。
在如图2所示的页面效果界面图上,嵌套使用时,通过用户输入对应的参数,可以灵活地配置定位容器在其父组件中的位置参数和图层层级,并得到通过输入对应的参数所对应的更新后的页面效果页面图;这样,便于用户根据反馈的更新后的页面效果页面图,快速且灵活地调整输入的各项参数,以得到想要的页面效果。
在一种可能的实现方式中,嵌套使用时定位容器在其父组件中的位置参数和图层层级可通过拖拽操作实现配置和可在定位容器配置界面中输入参数实现配置。
通过将上述两种方式结合使用对定位容器在其父组件中的位置参数和图层层级进行配置,这样,不仅能够简化组件嵌套过程,还能够实现对定位容器各项参数的精准配置。
步骤S102:针对至少一个定位容器中的每个定位容器,执行以下操作:
获取一个需要嵌套在特定功能组件上的指定功能组件;
通过将指定功能组件展示在当前的定位容器内,以实现特定功能组件对指定功能组件的嵌套。
在一种可能的实现方式中,本公开实施例提供的组件嵌套方法还包括以下步骤:
在将指定功能组件展示在对应的定位容器内之后,如果指定功能组件也不支持嵌套功能组件,则在需要在指定功能组件上嵌套对应的功能组件的情况下,也利用对应的定位容器将对应的功能组件嵌套在指定功能组件上;这样,就能够确保通过定位容器,将对应的功能组件嵌套在指定功能组件上。
如图3所示,为根据本申请一示例性实施例提供的具体应用场景下组件嵌套方法流程图。
如图3所示的组件嵌套方法跟前述组件嵌套方法类似,具体参见前述相同或相似部分的描述,在此不再赘述。
在本公开实施例中,在网络页面创建过程中,针对不支持功能组件嵌套的特定功能组件,在需要嵌套至少一个功能组件的情况下,获取对应的至少一个定位容器并将至少一个定位容器展示在特定功能组件上;针对至少一个定位容器中的每个定位容器,执行以下操作:获取一个需要嵌套在特定功能组件上的指定功能组件;通过将指定功能组件展示在当前的定位容器内,以实现特定功能组件对指定功能组件的嵌套。本公开实施例提供的组件嵌套方法,由于引入了定位容器,并针对至少一个定位容器中的每个定位容器,执行以下操作:获取一个需要嵌套在特定功能组件上的指定功能组件;通过将指定功能组件展示在当前的定位容器内,以实现特定功能组件对指定功能组件的嵌套;能够有效地简化组件自身的逻辑,从而降低了维护成本。
在上述的实施例中,提供了一种组件嵌套方法,与之相对应的,本申请还提供一种组件嵌套装置。本公开实施例提供的组件嵌套装置可以实施上述组件嵌套方法,该组件嵌套装置可以通过软件、硬件或软硬结合的方式来实现。例如,该组件嵌套装置可以包括集成的或分开的功能模块或单元来执行上述各方法中的对应步骤。
请参考图4,其示出了本申请的一些实施方式所提供的一种组件嵌套装置的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
如图4所示,组件嵌套装置400可以包括:
获取单元401,用于在网络页面创建过程中,针对不支持功能组件嵌套的特定功能组件,在需要嵌套至少一个功能组件的情况下,获取对应的至少一个定位容器;
展示单元402,用于将至少一个定位容器展示在特定功能组件上;
执行单元403,用于针对至少一个定位容器中的每个定位容器,执行以下操作:
获取一个需要嵌套在特定功能组件上的指定功能组件;
通过将指定功能组件展示在当前的定位容器内,以实现特定功能组件对指定功能组件的嵌套。
在本公开实施例的一些实施方式中,所述装置400还包括:
定位容器创建单元(在图4中未示出),用于预先创建可直接嵌套在特定功能组件上的定位容器,其中,嵌套使用时定位容器在其父组件中的位置参数和图层层级可配置。
在本公开实施例的一些实施方式中,预先创建的定位容器支持嵌套任意功能组件。
在本公开实施例的一些实施方式中,嵌套使用时定位容器在其父组件中的位置参数和图层层级可通过拖拽操作实现配置和/或可在定位容器配置界面中输入参数实现配置。
在本公开实施例的一些实施方式中,预先创建的定位容器具有绝对定位模式和/或固定定位模式,其中,
在绝对定位模式下,嵌套使用时定位容器支持在其父组件中随意定位;
在固定定位模式下,嵌套使用时定位容器支持在浏览器窗口中随意定位。
在本公开实施例的一些实施方式中,预先创建的定位容器包括:绝对定位容器和固定定位容器,其中,
绝对定位容器在嵌套使用时支持在其父组件中随意定位;
固定定位容器嵌套使用时支持在浏览器窗口中随意定位。
在本公开实施例的一些实施方式中,所述装置400还包括:
嵌套单元(在图4中未示出),用于在将指定功能组件展示在对应的定位容器内之后,如果指定功能组件也不支持嵌套功能组件,则在需要在指定功能组件上嵌套对应的功能组件的情况下,也利用对应的定位容器将对应的功能组件嵌套在指定功能组件上。
在本公开实施例的一些实施方式中,获取单元401具体用于:
响应于页面DOM树中与特定功能组件对应的组件节点下出现被添加的至少一个定位容器节点,获取与至少一个定位容器节点一一对应的至少一个定位容器;
展示单元402具体用于:
将获取的定位容器一一展示在页面效果界面中展示的特定功能组件上。
在本公开实施例的一些实施方式中,获取单元401具体用于:
响应于页面DOM树中有定位容器节点下被添加了对应的功能节点,获取与对应的功能节点对应的指定功能组件;
展示单元402具体用于:
将指定功能组件展示在页面效果界面中展示的与该定位容器节点对应的定位容器内。
在本公开实施例的一些实施方式中本公开实施例提供的组件嵌套装置400,与本申请前述实施例提供的组件嵌套方法出于相同的发明构思,具有相同的有益效果。
本申请实施方式还提供一种与前述实施方式所提供的组件嵌套方法对应的电子设备,所述电子设备可以是用于服务端的电子设备,例如服务器,包括独立的服务器和分布式服务器集群等,以执行上述组件嵌套方法;所述电子设备也可以是用于客户端的电子设备,例如手机、笔记本电脑、平板电脑、台式机电脑等,以执行上述组件嵌套方法。
请参考图5,其示出了本申请的一些实施方式所提供的一种电子设备的示意图。如图5所示,所述电子设备30包括:处理器300,存储器301,总线302和通信接口303,所述处理器300、通信接口303和存储器301通过总线302连接;所述存储器301中存储有可在所述处理器300上运行的计算机程序,所述处理器300运行所述计算机程序时执行本申请前述组件嵌套方法。
其中,存储器301可能包含高速随机存取存储器(RAM:Random Access Memory),也可能还包括非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器。通过至少一个通信接口303(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接,可以使用互联网、广域网、本地网、城域网等。
总线302可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。其中,存储器301用于存储程序,所述处理器300在接收到执行指令后,执行所述程序,前述本公开实施例任一实施方式揭示的组件嵌套方法可以应用于处理器300中,或者由处理器300实现。
处理器300可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器300中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器300可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本公开实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本公开实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器301,处理器300读取存储器301中的信息,结合其硬件完成上述方法的步骤。
本公开实施例提供的电子设备与本公开实施例提供的组件嵌套方法出于相同的发明构思,具有与其采用、运行或实现的方法相同的有益效果。
本申请实施方式还提供一种与前述实施方式所提供的组件嵌套方法对应的计算机可读介质,请参考图6,其示出的计算机可读存储介质为光盘60,其上存储有计算机程序(即程序产品),所述计算机程序在被处理器运行时,会执行前述组件嵌套方法。
需要说明的是,所述计算机可读存储介质的例子还可以包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他光学、磁性存储介质,在此不再一一赘述。
本申请的上述实施例提供的计算机可读存储介质与本公开实施例提供的组件嵌套方法出于相同的发明构思,具有与其存储的应用程序所采用、运行或实现的方法相同的有益效果。
需要说明的是,附图中的流程图和框图显示了根据本申请的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围,其均应涵盖在本申请的权利要求和说明书的范围当中。
Claims (13)
1.一种组件嵌套方法,包括:在网络页面创建过程中,
针对不支持功能组件嵌套的特定功能组件,在需要嵌套至少一个功能组件的情况下,获取对应的至少一个定位容器并将所述至少一个定位容器展示在所述特定功能组件上;
针对所述至少一个定位容器中的每个定位容器,执行以下操作:
获取一个需要嵌套在所述特定功能组件上的指定功能组件;
通过将所述指定功能组件展示在当前的定位容器内,以实现所述特定功能组件对所述指定功能组件的嵌套。
2.根据权利要求1所述的方法,还包括:
预先创建可直接嵌套在所述特定功能组件上的定位容器,其中,嵌套使用时所述定位容器在其父组件中的位置参数和图层层级可配置。
3.根据权利要求2所述的方法,其中,预先创建的定位容器支持嵌套任意功能组件。
4.根据权利要求2所述的方法,其中,嵌套使用时所述定位容器在其父组件中的位置参数和图层层级可通过拖拽操作实现配置和/或可在定位容器配置界面中输入参数实现配置。
5.根据权利要求2所述的方法,其中,预先创建的定位容器具有绝对定位模式和/或固定定位模式,其中,
在所述绝对定位模式下,嵌套使用时所述定位容器支持在其父组件中随意定位;
在所述固定定位模式下,嵌套使用时所述定位容器支持在浏览器窗口中随意定位。
6.根据权利要求2所述的方法,其中,预先创建的定位容器包括:绝对定位容器和固定定位容器,其中,
所述绝对定位容器在嵌套使用时支持在其父组件中随意定位;
所述固定定位容器嵌套使用时支持在浏览器窗口中随意定位。
7.根据权利要求1所述的方法,还包括:在将所述指定功能组件展示在对应的定位容器内之后,
如果所述指定功能组件也不支持嵌套功能组件,则在需要在所述指定功能组件上嵌套对应的功能组件的情况下,也利用对应的定位容器将所述对应的功能组件嵌套在所述指定功能组件上。
8.根据权利要求1所述的方法,其中,获取对应的至少一个定位容器并将所述至少一个定位容器展示在所述特定功能组件上,包括:
响应于页面DOM树中与所述特定功能组件对应的组件节点下出现被添加的至少一个定位容器节点,获取与所述至少一个定位容器节点一一对应的至少一个定位容器并将获取的定位容器一一展示在页面效果界面中展示的所述特定功能组件上。
9.根据权利要求8所述的方法,其中:
响应于所述页面DOM树中有定位容器节点下被添加了对应的功能节点,获取与所述对应的功能节点对应的指定功能组件并将所述指定功能组件展示在所述页面效果界面中展示的与该定位容器节点对应的定位容器内。
10.一种组件嵌套装置,包括:
获取单元,用于在网络页面创建过程中,针对不支持功能组件嵌套的特定功能组件,在需要嵌套至少一个功能组件的情况下,获取对应的至少一个定位容器;
展示单元,用于将所述至少一个定位容器展示在所述特定功能组件上;
执行单元,用于针对所述至少一个定位容器中的每个定位容器,执行以下操作:
获取一个需要嵌套在所述特定功能组件上的指定功能组件;
通过将所述指定功能组件展示在当前的定位容器内,以实现所述特定功能组件对所述指定功能组件的嵌套。
11.一种电子设备,其特征在于,所述电子设备包括:
处理器;
用于存储所述处理器可执行指令的存储器;
所述处理器,用于从所述存储器中读取所述可执行指令,并执行所述可执行指令以实现上述权利要求1至9中任一项所述的方法。
12.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序用于执行上述权利要求1至9中任一项所述的方法。
13.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-9中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210237516.2A CN114625367A (zh) | 2022-03-11 | 2022-03-11 | 一种组件嵌套方法、装置、存储介质和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210237516.2A CN114625367A (zh) | 2022-03-11 | 2022-03-11 | 一种组件嵌套方法、装置、存储介质和电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114625367A true CN114625367A (zh) | 2022-06-14 |
Family
ID=81902993
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210237516.2A Withdrawn CN114625367A (zh) | 2022-03-11 | 2022-03-11 | 一种组件嵌套方法、装置、存储介质和电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114625367A (zh) |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104516504A (zh) * | 2014-12-29 | 2015-04-15 | 东莞市新雷神仿真控制有限公司 | 概念实物化识别塑造模拟系统 |
CN107315580A (zh) * | 2017-04-17 | 2017-11-03 | 阿里巴巴集团控股有限公司 | 用户界面的组件处理方法、装置及设备、可读介质 |
CN109656665A (zh) * | 2018-12-20 | 2019-04-19 | 成都四方伟业软件股份有限公司 | 一种数据的可视化展示方法、组件及可读存储介质 |
CN110275754A (zh) * | 2019-06-28 | 2019-09-24 | 百度在线网络技术(北京)有限公司 | 用于用户界面呈现的交互方法、装置、设备及存储介质 |
CN110286896A (zh) * | 2019-06-28 | 2019-09-27 | 百度在线网络技术(北京)有限公司 | 可视化编辑方法、装置、设备及存储介质 |
CN110377858A (zh) * | 2019-07-08 | 2019-10-25 | 紫光云技术有限公司 | 一种可视化拖拽生成动态表单页面的系统及方法 |
CN111949264A (zh) * | 2020-07-09 | 2020-11-17 | 北京齐尔布莱特科技有限公司 | 一种页面元素的定位方法及移动终端 |
-
2022
- 2022-03-11 CN CN202210237516.2A patent/CN114625367A/zh not_active Withdrawn
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104516504A (zh) * | 2014-12-29 | 2015-04-15 | 东莞市新雷神仿真控制有限公司 | 概念实物化识别塑造模拟系统 |
CN107315580A (zh) * | 2017-04-17 | 2017-11-03 | 阿里巴巴集团控股有限公司 | 用户界面的组件处理方法、装置及设备、可读介质 |
CN109656665A (zh) * | 2018-12-20 | 2019-04-19 | 成都四方伟业软件股份有限公司 | 一种数据的可视化展示方法、组件及可读存储介质 |
CN110275754A (zh) * | 2019-06-28 | 2019-09-24 | 百度在线网络技术(北京)有限公司 | 用于用户界面呈现的交互方法、装置、设备及存储介质 |
CN110286896A (zh) * | 2019-06-28 | 2019-09-27 | 百度在线网络技术(北京)有限公司 | 可视化编辑方法、装置、设备及存储介质 |
CN110377858A (zh) * | 2019-07-08 | 2019-10-25 | 紫光云技术有限公司 | 一种可视化拖拽生成动态表单页面的系统及方法 |
CN111949264A (zh) * | 2020-07-09 | 2020-11-17 | 北京齐尔布莱特科技有限公司 | 一种页面元素的定位方法及移动终端 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109634598B (zh) | 一种页面显示方法、装置、设备及存储介质 | |
CN107506193B (zh) | 一种子系统页面的开发方法、存储介质和服务器 | |
CN110086877B (zh) | 应用程序分享、分享信息显示方法、装置、设备及介质 | |
US10908928B2 (en) | Rules-based workflow messaging | |
CN105335132B (zh) | 一种自定义应用程序功能的方法、装置以及系统 | |
CN114691135A (zh) | 一种页面构建方法、装置、存储介质和电子设备 | |
KR20210100222A (ko) | 복수의 장치 상의 정보의 제공 | |
CN113407254B (zh) | 表单生成方法、装置、电子设备及存储介质 | |
CN114268828A (zh) | 大屏页面的处理方法、装置、设备及存储介质 | |
CN114625367A (zh) | 一种组件嵌套方法、装置、存储介质和电子设备 | |
CN107147732A (zh) | 图片处理方法、装置、客户端及服务端 | |
CN111209009B (zh) | 内容发布方法及装置、存储介质及电子设备 | |
CN114625366A (zh) | 一种页面编辑方法、装置、存储介质和电子设备 | |
CN112579066A (zh) | 图表展示方法、装置、存储介质及设备 | |
CN107665124B (zh) | 模块化JavaScript文件处理方法、设备和服务器 | |
CN108572900B (zh) | 一种空白坑位监控的方法、系统、电子设备和存储介质 | |
CN107436841B (zh) | 页面的预览方法及装置 | |
CN114611039A (zh) | 异步加载规则的解析方法、装置、存储介质和电子设备 | |
CN114063958A (zh) | 页面分屏显示方法及装置 | |
CN114443781A (zh) | 一种企业担保图谱的生成方法、装置 | |
CN113055209B (zh) | 一种边缘计算的编排方法及装置 | |
CN114115864A (zh) | 一种生成界面的方法、装置及电子设备 | |
EP3454207B1 (en) | Dynamic preview generation in a product lifecycle management environment | |
CN113721909A (zh) | 一种元素缩放监控方法、装置及电子设备 | |
CN111444285A (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 | ||
WW01 | Invention patent application withdrawn after publication | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20220614 |