一种页面生成方法、装置、电子设备和介质制造方法及图纸

技术编号:29329961 阅读:15 留言:0更新日期:2021-07-20 17:47
本公开公开了一种页面生成方法、装置、电子设备和介质,涉及计算机技术领域,尤其涉及页面生成技术、云计算及云服务技术领域。具体实现方案为:从候选组件中选择目标组件;其中,所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的;对所述目标组件进行渲染,生成目标页面。本公开实现了减少页面生成所需工作量的效果,提高了页面生成的效率。

【技术实现步骤摘要】
一种页面生成方法、装置、电子设备和介质
本公开涉及计算机
,尤其涉及页面生成技术、云计算及云服务
,特别涉及一种页面生成方法、装置、电子设备和介质。
技术介绍
随着大数据时代的到来,各种商业行为都涉及海量的数据,而如何将海量数据向用户进行展示成为了一个亟需解决的问题。目前行业常用的方式是通过数据报表页面向用户提供数据查询及展示的功能。目前数据报表页面的开发,需要后端和前端的开发人员进行大量的代码编写才能够实现。
技术实现思路
本公开提供了一种用于生成页面的方法、装置、电子设备和介质。根据本公开的一方面,提供了一种页面生成方法,包括:从候选组件中选择目标组件;其中,所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的;对所述目标组件进行渲染,生成目标页面。根据本公开的另一方面,提供了一种页面生成装置,包括:目标组件选择模块,用于从候选组件中选择目标组件;其中,所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的;目标页面生成模块,用于对所述目标组件进行渲染,生成目标页面。根据本公开的另一方面,提供了一种电子设备,包括:至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行本公开中任一项所述的方法。根据本公开的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行本公开中任一项所述的方法。根据本公开的另一方面,提供了一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据本公开中任一项所述的方法。应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。附图说明附图用于更好地理解本方案,不构成对本公开的限定。其中:图1是根据本公开实施例公开的一种页面生成方法的流程图;图2A是根据本公开实施例公开的一种页面生成方法的流程图;图2B是根据本公开实施例公开的一种属性信息配置界面的示意图;图2C是根据本公开实施例公开的一种目标页面的示意图;图3是根据本公开实施例公开的一种页面生成装置的结构示意图;图4是用来实现本公开实施例公开的页面生成方法的电子设备的框图。具体实施方式以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。申请人在研发过程中发现,现有的数据报表页面开发过程中,需要后端开发人员以及前端开发人员,针对每个页面展示需求,逐个进行代码编写,任务量较大,导致数据报表页面的生成效率较低。图1是根据本公开实施例公开的一种页面生成方法的流程图,本实施例可以适用于减少页面生成所需工作量的情况。本实施例方法可以由页面生成装置来执行,所述装置可采用软件和/或硬件实现,并可集成在任意的具有计算能力的电子设备上。如图1所示,本实施例公开的页面生成方法可以包括:S101、从候选组件中选择目标组件;其中,所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的。其中,组件是用来构成页面的对象,不同组件封装有不同的方法供用户调用以实现对应的功能。不同类型的页面中具有不同类型的组件,以数据报表页面为例,数据报表页面通常具有三种功能:1)数据查询:为用户提供选择日期、时间单位和设备等筛选报表数据的能力。2)数据可视化:以图表的形式呈现用户数据,给客户更直观的数据体验。3)数据披露,以表格的形式详细的呈现用户数据,且支持辅助功能,例如过滤、排序、下载、分享和对比等。因此数据报表页面通常包含有数据筛选类组件、图表类组件、表格类组件和数据处理类组件。候选组件是根据配置的属性信息以及候选组件的代码模板预先生成的,候选组件的属性信息是对候选组件的展示内容以及操作行为的描述,例如表格类组件的表格名称为一种属性信息,又例如表格类组件支持的数据类型也为一种属性信息,又例如数据处理类组件的数据过滤功能支持的过滤操作符也为一种属性信息。在一种实施方式中,后端开发人员向数据报表SDK(SoftwareDevelopmentKit,软件开发工具包)发送针对任一候选组件属性信息的配置请求,数据报表SDK相应的生成该候选组件对应的可视化属性信息配置界面,后端开发人员在属性信息配置界面中对该候选组件的属性信息进行配置,包括但不限于在可编辑窗口中编辑属性信息,例如,在可编辑窗口中输入表格类组件中任一列表格的标题;或者从展示的候选属性项中选择目标属性项以确定属性信息,例如选择是否对表格类组件中任一列表格数据进行展示。数据报表SDK根据后端开发人员对于该候选组件属性信息的配置操作,确定该候选组件的属性信息,且根据预先编写好的该候选组件对应的代码模板,将属性信息转化成代码段填充到代码模板中,以生成该候选组件。前端开发人员根据需要的目标组件的标识信息生成渲染指令,且将渲染指令发送给数据报表SDK,数据报表SDK解析得到所述标识信息后,将与所述标识信息匹配的候选组件作为目标组件,其中标识信息包括但不限于组件名称或组件代号等,例如前端人员将数据报表SDK可识别的渲染指令发送给数据报表SDK,例如“XX位置需要组件A”,数据报表SDK相应的将“组件A”作为目标组件。前端开发人员还可以对数据报表SDK中的筛选类组件的属性信息进行配置。前端开发人员在筛选类组件属性信息配置界面上,对筛选类组件的筛选维度属性信息进行自定义配置,例如将筛选维度属性信息配置为“时间维度”、“日期维度”或“设备维度”等等,若筛选维度属性信息为“时间维度”,则筛选类组件支持按时间对数据进行筛选,若筛选维度属性信息为“日期维度”,则筛选类组件支持按日期对数据进行筛选,若筛选维度属性信息为“设备维度”,则筛选类组件支持按设备对数据进行筛选。通过从候选组件中选择目标组件;其中,所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的,使得后端开发人员无需进行大量编码即可得到候选组件,且前端开发人员也无需进行大量编码即可得到待渲染的目标组件,实现了减少页面生成所需工作量的效果。S102、对所述目标组件进行渲染,生成目标页面。在一种实施方式中,当数据报表SDK开发完毕之后,数据报表SDK的开发者将数据报表SDK以NPM包的形式通过内容分发网络发送给目标客户,目标客户将数据报表SDK以JS继承的方式通过Ifram嵌入的形式接入到待生成页面中,在本实施例中待生成页面可选的为Web页面。数据报表SDK接入待生成页本文档来自技高网...

【技术保护点】
1.一种页面生成方法,包括:/n从候选组件中选择目标组件;其中,所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的;/n对所述目标组件进行渲染,生成目标页面。/n

【技术特征摘要】
1.一种页面生成方法,包括:
从候选组件中选择目标组件;其中,所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的;
对所述目标组件进行渲染,生成目标页面。


2.根据权利要求1所述的方法,其中,所述从候选组件中选择目标组件之前,还包括:
根据对所述候选组件的属性配置操作,确定候选组件的属性信息;
根据所述候选组件的属性信息以及所述候选组件的代码模板,得到候选组件的组件代码;
执行所述组件代码生成候选组件。


3.根据权利要求2所述的方法,其中,所述根据所述候选组件的属性信息以及候选组件的代码模板,得到候选组件的组件代码,包括:
根据所述属性信息的属性信息类别,确定所述属性信息在所述代码模板中对应的填充位置;
将所述属性信息填充到所述填充位置中,得到该候选组件的组件代码。


4.根据权利要求3所述的方法,其中,所述属性信息类别包括表格属性信息、数据类型属性信息、数据显示格式属性信息、过滤功能属性信息和排序功能属性信息中的至少一种。


5.根据权利要求4所述的方法,其中,所述根据对所述候选组件的属性配置操作,确定候选组件的属性信息,包括:
根据在表格属性编辑界面对所述候选组件的表格属性编辑操作,确定所述候选组件的表格属性信息;其中,所述表格属性信息包括表格名称、行列标题和行列标题释义中的至少一种。


6.根据权利要求4所述的方法,其中,所述根据对所述候选组件的属性配置操作,确定候选组件的属性信息,包括:
根据在数据类型选择界面对所述候选组件的候选数据类型的选择操作,从所述候选数据类型中确定所述候选组件的数据类型属性信息;其中,所述数据类型属性信息包括整数类型、长整数类型、双精度浮点类型、字符串类型、枚举类型和复合类型中的至少一种。


7.根据权利要求4所述的方法,其中,所述根据对所述候选组件的属性配置操作,确定候选组件的属性信息,包括:
根据在数据显示格式选择界面对所述候选组件的候选数据显示格式的选择操作,从所述候选数据显示格式中确定所述候选组件的数据显示格式属性信息;其中,所述数据显示格式属性信息包括小数显示格式和百分数显示格式中的至少一种。


8.根据权利要求4所述的方法,其中,所述根据对所述候选组件的属性配置操作,确定候选组件的属性信息,包括:
根据在过滤功能控制界面中对所述候选组件的数据过滤功能的控制操作,确定所述候选组件的数据过滤功能开闭状态;
根据在过滤操作符选择界面对所述候选组件的候选过滤操作符的选择操作,从所述候选过滤操作符中确定所述候选组件关联的目标过滤操作符;
根据在过滤条件编辑界面对所述候选组件的默认过滤条件的编辑操作,确定所述候选组件的默认过滤条件;
根据所述数据过滤功能开闭状态、所述目标过滤操作符和所述默认过滤条件,确定所述候选组件的过滤功能属性信息。


9.根据权利要求1所述的方法,其中,所述对所述目标组件进行渲染,生成目标页面,包括:
根据接收的渲染指令中包括的渲染位置信息,在待渲染页面中对所述目标组件进行渲染,生成目标页面。


10.一种页面生成装置,包括:
目标组件选择模块,用于从候选组件中选择目标组件;其中,所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的;
目标页面生成模块,用于对所述目标组件进行渲染,生成目...

【专利技术属性】
技术研发人员:温隆强李敬医崔磊张雪琼李闱顾轶灵韩彪
申请(专利权)人:北京百度网讯科技有限公司
类型:发明
国别省市:北京;11

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

1