组件配置页面的渲染方法、装置和电子设备制造方法及图纸

技术编号:37525864 阅读:22 留言:0更新日期:2023-05-12 15:50
本公开提供了一种组件配置页面的渲染方法、装置和电子设备,涉及人工智能技术领域,尤其涉及自然语言处理、网站建设技术领域。具体实现方案为:基于待配置的目标组件的标识,获取目标组件的模板配置文件;基于模板配置文件,确定目标组件的目标属性对应的目标配置组件的类别;基于目标配置组件的类别,从配置组件库中筛选出目标配置组件;基于模板配置文件,得到目标属性的配置信息;基于目标属性的配置信息,对目标配置组件进行渲染,以对目标组件的配置页面进行渲染。由此,仅需开发通用的配置组件库,从中筛选出目标配置组件,并对目标配置组件进行渲染,大大降低了组件配置页面所需的开发工作量和开发成本,提高了组件配置页面的渲染效率。置页面的渲染效率。置页面的渲染效率。

【技术实现步骤摘要】
组件配置页面的渲染方法、装置和电子设备


[0001]本公开涉及人工智能
,尤其涉及机器学习、数据处理
,尤其涉及一种组件配置页面的渲染方法、装置、电子设备、存储介质和计算机程序产品。

技术介绍

[0002]目前,随着互联网技术的不断发展,页面、网站的类别较多,比如,购物类网站、视频类网站、文章类网站等。人们可通过建站平台等建站工具来实现页面、网站的开发,建站平台包括组件的配置页面,人们可通过组件的配置页面实现组件的配置。相关技术中,组件配置页面所需的开发工作量和开发成本较大,组件配置页面的渲染效率较低。

技术实现思路

[0003]本公开提供了一种组件配置页面的渲染方法、装置、电子设备、存储介质和计算机程序产品。
[0004]根据本公开的一方面,提供了一种组件配置页面的渲染方法,适用于客户端,包括:基于待配置的目标组件的标识,获取所述目标组件的模板配置文件;基于所述模板配置文件,确定所述目标组件的目标属性对应的目标配置组件的类别;基于所述目标配置组件的类别,从配置组件库中筛选出所述目标配置组件;基于所述模板配置文件,得到所述目标属性的配置信息;基于所述目标属性的配置信息,对所述目标配置组件进行渲染,以对所述目标组件的配置页面进行渲染。
[0005]根据本公开的另一方面,提供了另一种组件配置页面的渲染方法,适用于服务器,包括:接收客户端发送的待配置的目标组件的标识;基于所述目标组件的标识,从配置文件库中筛选出所述目标组件的模板配置文件;将所述模板配置文件发送至所述客户端,其中,所述模板配置文件用于确定所述目标组件的目标属性对应的目标配置组件的类别,以渲染所述目标组件的配置页面。
[0006]根据本公开的另一方面,提供了一种组件配置页面的渲染装置,适用于客户端,包括:第一获取模块,用于基于待配置的目标组件的标识,获取所述目标组件的模板配置文件;确定模块,用于基于所述模板配置文件,确定所述目标组件的目标属性对应的目标配置组件的类别;筛选模块,用于基于所述目标配置组件的类别,从配置组件库中筛选出所述目标配置组件;第二获取模块,用于基于所述模板配置文件,得到所述目标属性的配置信息;渲染模块,用于基于所述目标属性的配置信息,对所述目标配置组件进行渲染,以对所述目标组件的配置页面进行渲染。
[0007]根据本公开的另一方面,提供了另一种组件配置页面的渲染装置,适用于服务器,包括:接收模块,用于接收客户端发送的待配置的目标组件的标识;筛选模块,用于基于所述目标组件的标识,从配置文件库中筛选出所述目标组件的模板配置文件;发送模块,用于将所述模板配置文件发送至所述客户端,其中,所述模板配置文件用于确定所述目标组件的目标属性对应的目标配置组件的类别,以渲染所述目标组件的配置页面。
[0008]根据本公开的另一方面,提供了一种电子设备,包括:至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行组件配置页面的渲染方法。
[0009]根据本公开的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,所述计算机指令用于使所述计算机执行组件配置页面的渲染方法。
[0010]根据本公开的另一方面,提供了一种计算机程序产品,包括计算机程序,其中,所述计算机程序被处理器执行时实现组件配置页面的渲染方法的步骤。
[0011]应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0012]附图用于更好地理解本方案,不构成对本公开的限定。其中:
[0013]图1是根据本公开第一实施例的组件配置页面的渲染方法的流程示意图;
[0014]图2是根据本公开第二实施例的组件配置页面的渲染方法中目标组件的配置页面的示意图;
[0015]图3是根据本公开第三实施例的组件配置页面的渲染方法的流程示意图;
[0016]图4是根据本公开第四实施例的组件配置页面的渲染方法中配置树的示意图;
[0017]图5是根据本公开第五实施例的组件配置页面的渲染方法的流程示意图;
[0018]图6是根据本公开第六实施例的组件配置页面的渲染方法的流程示意图;
[0019]图7是根据本公开第一实施例的组件配置页面的渲染装置的框图;
[0020]图8是根据本公开第二实施例的组件配置页面的渲染装置的框图;
[0021]图9是用来实现本公开实施例的组件配置页面的渲染方法的电子设备的框图。
具体实施方式
[0022]以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
[0023]AI(Artificial Intelligence,人工智能)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。目前,AI技术具有自动化程度高、精确度高、成本低的优点,得到了广泛的应用。
[0024]NLU(Natural Language Processing,自然语言处理)是研究能有效地实现自然语言通信的计算机系统,特别是其中的软件系统的一门科学,是计算机科学领域与人工智能领域中的一个重要方向。
[0025]网站建设(Website Construction)是指使用标识语言(Markup Language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以GUI(Graphical User Interface,图形用户界面)的形式被用户所浏览。
[0026]图1是根据本公开第一实施例的组件配置页面的渲染方法的流程示意图。
[0027]如图1所示,本公开第一实施例的组件配置页面的渲染方法,包括:
[0028]S101,基于待配置的目标组件的标识,获取目标组件的模板配置文件。
[0029]需要说明的是,本公开实施例的组件配置页面的渲染方法的执行主体为客户端。其中,客户端可包括用于提供搭建页面、网站等服务的网页、APP(Application,应用程序)等,比如,可包括建站平台。
[0030]本公开的实施例中,对目标组件不做过多限定,比如,目标组件可包括图片、文本、按钮、菜单导航、悬浮球、列表等。比如,以客户端为建站平台为例,目标组件可为建站平台上部署的任一组件,目标组件为建站平台的开发人员开发的,并预先部署在建站平台上。
[0031]本公开的实施例中,模板配置文件指的是目标组件的初始的配置文件,目标组件与模板配置文件一一对应,不同的目标组件可对应不同的模板配置文件。本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种组件配置页面的渲染方法,适用于客户端,包括:基于待配置的目标组件的标识,获取所述目标组件的模板配置文件;基于所述模板配置文件,确定所述目标组件的目标属性对应的目标配置组件的类别;基于所述目标配置组件的类别,从配置组件库中筛选出所述目标配置组件;基于所述模板配置文件,得到所述目标属性的配置信息;基于所述目标属性的配置信息,对所述目标配置组件进行渲染,以对所述目标组件的配置页面进行渲染。2.根据权利要求1所述的方法,其中,所述基于所述目标属性的配置信息,对所述目标配置组件进行渲染,包括:基于所述模板配置文件,得到所述目标组件对应的配置树,其中,所述配置树的节点用于表征所述目标组件的属性,所述配置树的边用于表征两个属性之间的层级关系;对所述配置树进行遍历,并基于当前遍历到的节点对应的目标属性的配置信息,对所述目标配置组件进行渲染,直至所述配置树遍历结束。3.根据权利要求2所述的方法,其中,所述对所述配置树进行遍历,包括:从所述配置树的根节点开始,对所述配置树向下逐级进行遍历。4.根据权利要求2所述的方法,其中,所述基于所述模板配置文件,得到所述目标组件对应的配置树,包括:对所述模板配置文件进行解析,得到所述目标组件的多个属性,以及两个属性之间的层级关系;将所述目标组件的每个属性确定为所述配置树的节点;在第一属性为第二属性的父属性的情况下,将第一属性对应的第一节点确定为所述第二属性对应的第二节点的父节点,并在所述第一节点和所述第二节点之间增加连接边,以更新所述配置树。5.根据权利要求1所述的方法,其中,所述基于所述模板配置文件,得到所述目标属性的配置信息,包括:从所述模板配置文件中提取出所述目标属性的配置信息;在所述目标属性的配置信息为表达式的情况下,对所述表达式进行编译,得到编译结果;基于所述编译结果更新所述目标属性的配置信息。6.根据权利要求1

5中任一项所述的方法,其中,所述基于所述模板配置文件,确定所述目标组件的目标属性对应的目标配置组件的类别,包括:从所述模板配置文件中提取出所述目标属性的类别,并基于所述目标属性的类别,确定所述目标配置组件的类别;和/或,从所述模板配置文件中提取出所述目标配置组件的类别。7.根据权利要求1

5中任一项所述的方法,其中,所述基于待配置的目标组件的标识,获取所述目标组件的模板配置文件,包括:将所述目标组件的标识发送至服务器;接收所述服务器发送的所述模板配置文件。8.一种组件配置页面的渲染方法,适用于服务器,包括:
接收客户端发送的待配置的目标组件的标识;基于所述目标组件的标识,从配置文件库中筛选出所述目标组件的模板配置文件;将所述模板配置文件发送至所述客户端,其中,所述模板配置文件用于确定所述目标组件的目标属性对应的目标配置组件的类别,以渲染所述目标组件的配置页面。9.根据权利要求8所述的方法,其中,还包括:获取所述目标组件的原始配置文件;对所述原始配置文件进行转换,得到所述模板配置文件,并将所述模板配置文件添加到所述配置文件库中。10.一种组件配置页面的渲染装置,适用于客户端,包括:第一获取模块,用于基于待配置的目标组件的标识,获取所述目标组件的模板配置文件;确定模块,用于基于所述模板配置文件,确定所述目标组件的目标属性对应的目标配置组件的类别;筛选模块,用于基于所述目标配置组件的类别,从配置组件库中筛选出所述目标配置组...

【专利技术属性】
技术研发人员:曹珈铨
申请(专利权)人:百度在线网络技术北京有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1