CN118245699A - 页面获取方法、装置、设备、存储介质和计算机程序产品 - Google Patents
页面获取方法、装置、设备、存储介质和计算机程序产品 Download PDFInfo
- Publication number
- CN118245699A CN118245699A CN202410352615.4A CN202410352615A CN118245699A CN 118245699 A CN118245699 A CN 118245699A CN 202410352615 A CN202410352615 A CN 202410352615A CN 118245699 A CN118245699 A CN 118245699A
- Authority
- CN
- China
- Prior art keywords
- page
- component
- configuration
- service
- interaction
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 238000004590 computer program Methods 0.000 title claims abstract description 31
- 230000003993 interaction Effects 0.000 claims abstract description 100
- 230000002452 interceptive effect Effects 0.000 claims description 28
- 238000005516 engineering process Methods 0.000 abstract description 6
- 238000011161 development Methods 0.000 description 11
- 238000004891 communication Methods 0.000 description 8
- 230000009471 action Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 230000004044 response Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000013479 data entry Methods 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000013144 data compression Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 238000012552 review Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Abstract
本申请涉及一种页面获取方法、装置、计算机设备、存储介质和计算机程序产品,涉及金融科技技术领域,能够提高页面获取效率。所述方法包括:响应于页面生成请求,获取所述页面生成请求携带的配置信息表;根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息;获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数;基于所述页面布局信息在终端显示包含所述组件的目标页面,所述终端用于在检测到与所述组件关联的组件交互事件时根据所述服务配置参数调用对应的交互服务,显示相应的页面交互结果。
Description
技术领域
本申请涉及金融科技技术领域,特别是涉及一种页面获取方法、装置、计算机设备、存储介质和计算机程序产品。
背景技术
随着金融科技的技术发展,可以通过金融服务应用快速地进行页面浏览、数据录入和查询等操作,开发人员往往会为此开发相应的页面。然而,相关技术中,上述非复杂业务往往需要经过复杂的流程才能开发成功并最终投入使用,浪费较多的人力,存在页面开发效率较为低下的问题。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提高页面获取效率的页面获取方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。
第一方面,本申请提供了一种页面获取方法,包括:
响应于页面生成请求,获取所述页面生成请求携带的配置信息表;
根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息;
获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数;
基于所述页面布局信息在终端显示包含所述组件的目标页面,所述终端用于在检测到与所述组件关联的组件交互事件时根据所述服务配置参数调用对应的交互服务,显示相应的页面交互结果。
在其中一个实施例中,所述根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息,包括:
确定所述配置信息表中的组件配置记录;
针对每条所述组件配置记录,根据所述页面组件属性字段和所述组件配置记录中与所述页面组件属性字段对应的组件属性信息,确定组件配置信息;
根据各条所述组件配置记录对应的组件配置信息,确定页面布局信息。
在其中一个实施例中,所述确定所述配置信息表中的组件配置记录,包括:
根据所述配置信息表确定每个组件展示区域关联的组件配置记录;
所述根据各条所述组件配置记录对应的组件配置信息,确定页面布局信息,包括:
针对每个组件展示区域,根据所述组件展示区域各条所述组件配置记录对应的组件配置信息,获取所述组件展示区域的区域布局信息;
根据各所述区域布局信息确定页面布局信息。
在其中一个实施例中,所述获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数,包括:
根据用于指示参数记录范围的预设标签,确定所述配置信息表中的至少一条参数配置记录;
根据所述参数配置记录,确定与组件关联的交互服务的服务配置参数。
在其中一个实施例中,所述根据所述参数配置记录,确定与组件关联的交互服务的服务配置参数,包括:
根据所述参数配置记录,确定交互服务绑定的组件和请求调用所述交互服务时访问的数据接口和提交的请求参数;
根据所述数据接口和请求参数确定所述交互服务的服务配置参数。
在其中一个实施例中,所述基于所述页面布局信息在终端显示包含所述组件的目标页面,包括:
根据所述页面布局信息和所述服务配置参数生成页面描述文件并存储,以供终端在进行页面展示时获取所述页面描述文件及基于所述页面描述文件中的所述页面布局信息显示包含所述组件的目标页面,并在检测到与所述组件关联的组件交互事件时,根据所述页面描述文件中的所述服务配置参数发送交互服务调用请求。
第二方面,本申请还提供了一种页面获取装置,包括:
配置表获取模块,用于响应于页面生成请求,获取所述页面生成请求携带的配置信息表;
第一解析模块,用于根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息;
第二解析模块,用于获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数;
页面获取模块,用于基于所述页面布局信息在终端显示包含所述组件的目标页面,所述终端用于在检测到与所述组件关联的组件交互事件时根据所述服务配置参数调用对应的交互服务,显示相应的页面交互结果。
第三方面,本申请还提供了一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
响应于页面生成请求,获取所述页面生成请求携带的配置信息表;
根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息;
获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数;
基于所述页面布局信息在终端显示包含所述组件的目标页面,所述终端用于在检测到与所述组件关联的组件交互事件时根据所述服务配置参数调用对应的交互服务,显示相应的页面交互结果。
第四方面,本申请还提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现以下步骤:
响应于页面生成请求,获取所述页面生成请求携带的配置信息表;
根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息;
获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数;
基于所述页面布局信息在终端显示包含所述组件的目标页面,所述终端用于在检测到与所述组件关联的组件交互事件时根据所述服务配置参数调用对应的交互服务,显示相应的页面交互结果。
第五方面,本申请还提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现以下步骤:
响应于页面生成请求,获取所述页面生成请求携带的配置信息表;
根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息;
获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数;
基于所述页面布局信息在终端显示包含所述组件的目标页面,所述终端用于在检测到与所述组件关联的组件交互事件时根据所述服务配置参数调用对应的交互服务,显示相应的页面交互结果。
上述页面获取方法、装置、计算机设备、存储介质和计算机程序产品,可以响应于页面生成请求,获取页面生成请求携带的配置信息表,根据配置信息表中的页面组件属性字段和页面组件属性字段下的组件属性信息,确定页面布局信息;以及,可以获取配置信息表中与组件关联的交互服务所对应的服务配置参数;进而可以基于页面布局信息在终端显示包含组件的目标页面,终端可以在检测到与组件关联的组件交互事件时根据服务配置参数调用对应的交互服务,显示相应的页面交互结果。在本实施例中,通过设置配置信息表对其进行解析,页面生成端可以根据页面组件属性字段及其内容得到页面中的组件布局,以及与组件关联的交互服务,自动对目标页面的页面内容进行配置并使页面中的组件绑定交互服务、正常响应组件交互事件,极大地缩短了页面的开发周期和投入的人力物力,显著提升页面获取效率。
附图说明
为了更清楚地说明本申请实施例或相关技术中的技术方案,下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为一个实施例中一种页面获取方法的应用环境图;
图2为一个实施例中一种页面获取方法的流程示意图;
图3为一个实施例中一种确定页面布局信息的步骤的流程示意图;
图4为一个实施例中另一种页面获取方法的流程示意图;
图5为一个实施例中一种页面获取装置的结构框图;
图6为一个实施例中一种计算机设备的内部结构图;
图7为一个实施例中另一种计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
随着金融科技的技术发展,可以通过金融服务应用快速地进行页面浏览、数据录入和查询等操作,开发人员往往会为此开发相应的页面。然而,相关技术中,上述非复杂业务往往需要经过复杂的流程,从立项到最终投入使用,往往需要浪费较多的人力和时间,存在页面开发效率较为低下的问题。基于此,本申请提供的一种页面显示方法、装置、计算机设备、存储介质和计算机程序产品,可应用于金融科技领域中。
本申请实施例提供的页面获取方法,在一实施例中,可以应用于如图1所示的应用环境中,该应用环境中可以包括页面生成端101和进行页面显示的终端102,页面生成端101可以通过网络与终端102通信,页面生成端101可以具有数据存储系统,该数据存储系统可以存储页面生成端需要处理的数据。数据存储系统可以集成在页面生成端101上,也可以放在云上或其他网络服务器上。
在一个实施例中,响应于页面生成请求,页面生成端101可以获取页面生成请求携带的配置信息表,根据配置信息表中的页面组件属性字段和页面组件属性字段下的组件属性信息,确定包含组件的目标页面所对应的页面布局信息;另一方面,页面生成端101可以获取配置信息表中与组件关联的交互服务所对应的服务配置参数;进而,页面生成端101可以基于页面布局信息在终端101显示目标页面,终端101可以在检测到针对目标页面的交互事件时根据服务配置参数调用对应的交互服务,显示相应的页面交互结果。
其中,终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备,物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等,便携式可穿戴设备可为智能手表、智能手环、头戴设备等;页面生成端101可以是终端,也可以用独立的服务器或者是多个服务器组成的服务器集群来实现,或者也可以是由终端和服务器构成的系统,示例性地,在页面生成端101包括终端时,该终端可以是金融服务应用开发人员的终端,其可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑。
在一个示例性的实施例中,如图2所示,提供了一种页面获取方法,以该方法应用于图1中的页面生成端101为例进行说明,包括以下步骤S201至步骤S204。其中:
S201,响应于页面生成请求,获取页面生成请求携带的配置信息表。
具体实现中,金融服务应用的开发人员可以通过其持有的终端向页面生成端101发送页面生成请求。
在一些实施例中,开发人员可以在开发目标类型业务的页面时,通过本实施例的方式开发并获取到相应的目标页面,其中,目标类型业务可以包括以下至少一种:已有业务数据的展示、业务数据录入或修改、业务数据查询。例如,在BS架构(Browser/ServerArchitecture,浏览器和服务器架构)下,对于金融服务应用中用于查询金融账户的账户数据的页面、展示金融账户的账户数据或业务数据的页面,或者用于录入金融账户的账户数据的页面,其开发逻辑相对简易,复杂性较低,可以通过本申请提供的页面获取方法获取到相应的目标页面,从而缩短页面开发和获取的时间,减少页面获取过程中投入的人力和时间。在一示例中,在生成页面生成请求时,页面生成请求可以携带有指示页面对应的目标类型业务的信息,从而页面生成端可以根据该信息判断当前请求生成的页面是否为针对指定场景的页面,若是,则可以继续执行后续步骤,若否,可以拒绝响应页面生成请求,返回判别结果,提示开发人员可以按照原有的开发流程进行页面开发。
实际应用中,开发人员在进行页面开发时,可以预先设置配置信息表,配置信息表可用于记录待生成的目标页面中的页面组件所对应的配置信息,也即可以通过配置信息表对目标页面中的页面组件进行配置。在获取到页面生成请求后,页面生成端101可以对页面生成请求进行解析,得到该请求携带的配置信息表。
S202,根据配置信息表中的页面组件属性字段和页面组件属性字段下的组件属性信息,确定页面布局信息。
具体而言,待生成的目标页面中可以包括多个组件,每个组件具有相应的页面组件属性,页面组件属性可以控制组件在前端(例如浏览器)的显示方式,通过调整页面组件属性对应的组件属性信息,可以改变页面组件在页面上的作用、位置或样式。而目标页面中的多个组件,可以具有部分相同或全部相同的、待配置的页面组件属性,例如组件1具有页面组件属性A和页面组件属性B,组件2具有页面组件属性A、页面组件属性B和页面组件属性C。
对此,本申请中可以通过配置信息表同时配置多个组件的页面组件属性下的组件属性信息。具体而言,开发人员在设置配置信息表时,配置信息表中可以包括页面组件属性字段,每个页面组件属性字段可以对应一个页面组件属性,对于具有同一页面组件属性的多个组件,可以通过在配置信息表中的行记录相应的组件属性信息,从而可以快速编辑地存储页面中多个组件的组件属性信息。进而,页面生成端101可以通过对配置信息表进行解析,确定出配置信息表中记录的页面组件属性字段以及各页面组件属性字段下的组件属性信息,然后可以根据组件属性信息,获取到页面布局信息,其中,页面布局信息可以描述页面中组件的布局方式,例如页面中各组件的作用、样式、显示位置等。
S203,获取配置信息表中与组件关联的交互服务所对应的服务配置参数。
其中,交互服务可以是与交互事件相关的服务,例如可以是与数据交互和/或动作交互相关的服务。具体实现中,用户可以通过页面中的组件进行交互,例如,当组件用于展示数据时,可以通过交互服务获取相关数据并展示在组件上,又如,当组件用于触发数据提交时,用户可以点击组件通过交互服务将已输入的数据提交到后台。
对此,在本步骤中,页面生成端101可以对配置信息表进行解析,从配置信息表中获取到与组件关联的交互服务所对应的服务配置参数,其中,服务配置参数可以是用于配置交互服务的服务调用方式的参数。
S204,基于页面布局信息在终端显示包含组件的目标页面,终端用于在检测到与组件关联的组件交互事件时根据服务配置参数调用对应的交互服务,显示相应的页面交互结果。
其中,组件交互事件可以包括通过组件进行数据交互或动作交互的事件。
具体地,页面布局信息可以表征组件在页面中的布局方式,通过对页面布局信息进行解析,可以得到包含组件的目标页面。在本步骤中,可以基于页面布局信息,在终端显示包含相应组件的目标页面,并且可以在检测到与组件相关联的组件交互事件时,由终端根据服务配置参数调用对应的交互服务,在目标页面上显示相应的页面交互结果。
上述页面获取方法中,可以响应于页面生成请求,获取页面生成请求携带的配置信息表,根据配置信息表中的页面组件属性字段和页面组件属性字段下的组件属性信息,确定页面布局信息;以及,可以获取配置信息表中与组件关联的交互服务所对应的服务配置参数;进而可以基于页面布局信息在终端显示包含组件的目标页面,终端可以在检测到与组件关联的组件交互事件时根据服务配置参数调用对应的交互服务,显示相应的页面交互结果。在本实施例中,通过设置配置信息表对其进行解析,页面生成端可以根据页面组件属性字段及其内容得到页面中的组件布局,以及与组件关联的交互服务,自动对目标页面的页面内容进行配置并使页面中的组件绑定交互服务、正常响应组件交互事件,极大地缩短了页面的开发周期和投入的人力物力,显著提升页面获取效率。
此外,相较于相关技术中需要具有专业知识的研发人员对页面进行全端适配的处理,以使页面可以在电脑端、平板段和移动终端正常显示的方式,通过本实施例提供的页面获取方法,终端通过获取页面布局信息和服务配置参数即可显示目标页面并对组件交互事件进行响应,在有效降低页面的研发门槛的同时,可以显著减少针对不同端设备的测试工作,有利于页面获取效率的提升。
在一个实施例中,如图3所示,在步骤S202中,根据配置信息表中的页面组件属性字段和页面组件属性字段下的组件属性信息,确定页面布局信息,可以包括如下步骤:
S301,确定配置信息表中的组件配置记录。
具体实现中,配置信息表包括多行和多列,其中,一列可以对应一个页面组件属性字段,一行可以对应一个组件的组件配置记录,该组件配置记录中可以包含该组件的各个组件属性信息。在本步骤中,可以对获取到的配置信息表进行接卸,确定出表中的至少一条组件配置记录。
S302,针对每条组件配置记录,根据页面组件属性字段和组件配置记录中与页面组件属性字段对应的组件属性信息,确定组件配置信息。
对于获取到的每条组件配置记录,可以根据已确定的页面组件属性字段,以及该组件配置记录中各元素的内容,得到该条组件配置记录在每个页面组件属性字段下的组件属性信息,进而可以根据各个组件属性信息,得到该条组件配置记录关联的组件所对应的组件配置信息。
例如,如下所示,表1提供了一种配置信息表,该表中包括页面组件属性字段A~页面组件属性字段F,每一行可以记录有某一组件在页面组件属性字段A~页面组件属性字段F下的各个组件属性信息。
在一些示例性的实施例中,页面组件属性字段可以包括以下至少一种:
绑定的服务实体(Props):绑定的服务实体可以通过预设标记(如添加“#fix#”标识)固定其在页面中的显示位置。
展示模式(ViewType):展示模式可以指示是否在组件进行编辑操作,通过切换展示模式,可以控制用于显示数据或者用于接收用户输入的数据,示例性地,展示模式可以包括编辑模式(edit)和只读模式(view)。
组件类型(Component):示例性地,组件类型可以包括输入(input)类型。
布局方式(Layout):在一些可选的实施例中,可以通过比例指示布局方式,例如在通过栅格化布局实现全端适配时,可以将显示区域划分为24等分,则布局方式对应的组件属性信息可以为col:12,其表示占比页面容器宽度50%。
校验规则(Rule):可通过校验规则对用户在组件中输入的信息进行校验,例如可以设置正则匹配。
此外,还可以包括字段描述(LabelTxt)和/或组件触发动作(Action),其中,Action可以为按钮类组件对应的页面组件属性字段,用户可以在提交表单触发,其与交互服务绑定。
S303,根据各条组件配置记录对应的组件配置信息,确定页面布局信息。
在获取到各条组件配置记录对应的组件配置信息后,可以基于此得到页面布局信息,例如可以将各个组件配置信息打包,得到页面布局信息,又或者可以对组件配置信息作进一步的数据压缩或数据过滤后,得到页面布局信息。
在本实施例中,通过在配置信息表中添加各条组件配置记录,分别对页面中的每个组件进行配置,对其进行解析得到组件配置信息,一方面,开发人员可以方便快捷地设置各个组件的组件属性信息,简化组件配置过程,提高组件配置效率,另一方面,可以获取到准确的页面布局信息,便于后续展示出相应的目标页面。
在一个实施例中,在步骤S301中,确定配置信息表中的组件配置记录,可以包括如下步骤:
根据配置信息表确定每个组件展示区域关联的组件配置记录。
实际应用中,可以进行组件展示区域的划分,将相关的组件展示在同一个组件展示区域,例如与同一业务或主题相关的组件可以显示在同一组件展示区域,不同业务或不同主题相关的组件则显示在不同组件展示区域。在本步骤中,可以对配置信息表进行解析,确定出每个组件展示区域关联的组件配置记录。
在一实施例中,可以在配置信息表中添加容器闭合标签,容器闭合标签包括开始标签和结束标签,为便于与其他标签进行区分,称为第一开始标签和第一结束标签,其可以是“container”和“/container”,第一开始标签和第一结束标签之间的组件配置记录,指示配置在同一容器中的组件,也即,第一开始标签和第一结束标签之间的组件配置记录所对应的组件,可以放置在同一个容器中,一个容器对应一个组件展示区域。在一些示例中,还可以配置容器的容器属性信息,例如可以设置为“card”属性为可选属性,其指示容器的渲染效果为卡片形式。例如,可以按照如下表2所示的方式设置容器以及相应的组件配置记录。
相应地,在步骤S303中,根据各条组件配置记录对应的组件配置信息,确定页面布局信息,可以包括如下步骤:
针对每个组件展示区域,根据组件展示区域各条组件配置记录对应的组件配置信息,获取组件展示区域的区域布局信息;根据各区域布局信息确定页面布局信息。
对于每个组件展示区域,可以根据该组件展示区域各条组件配置记录对应的组件配置信息,获取组件展示区域的区域布局信息。换句话说,本实施例中以组件展示区域为单位生成布局信息,得到该组件展示区域的区域布局信息,然后可以根据各区域布局信息确定页面布局信息。例如,在获取到容器对应的各条组件配置记录后,可以根据该容器对应的各条组件配置记录确定出该容器在页面中的布局信息,即区域布局信息。
在本实施例中,通过确定每个组件展示区域关联的组件配置记录,并根据组件展示区域各条组件配置记录对应的组件配置信息,获取组件展示区域的区域布局信息,能够模块化地对目标页面中的组件显示进行布局,用户无需输入复杂代码,即可设置不同的展示布局,对于开发人员而言,有效减少研发和测试投入,对于普通的业务人员,其通过简单的数据表配置即可满足简易的页面创建需求,并实现灵活的页面布局调整,有效满足日常业务需求。
在一个实施例中,在步骤S203中,获取配置信息表中与组件关联的交互服务所对应的服务配置参数,可以包括如下步骤:
根据用于指示参数记录范围的预设标签,确定配置信息表中的至少一条参数配置记录;根据参数配置记录,确定与组件关联的交互服务的服务配置参数。
在实际应用中,配置信息表中会包括多行,可以预先确定出用于指示参数记录范围的预设标签,以便快速定位出一个交互服务的参数记录范围,在该参数记录范围内会记录有与同一交互服务相关的至少一条参数配置记录。进而,可以根据获取到参数配置记录,确定与组件关联的交互服务的服务配置参数。
在一示例性实施例中,可以在配置信息表中添加服务闭合标签,服务闭合标签包括开始标签和结束标签,为便于与其他标签进行区分,称为第二开始标签和第二结束标签,其可以是“server”和“/server”,第二开始标签和第二结束标签之间的参数配置记录,可以为针对同一交互服务的参数配置记录。例如,可以按照如下表3所示的方式设置一交互服务对应的参数配置记录。
在本实施例中,可以在配置信息表中添加预设标签,指示出与交互服务相关的各条参数配置记录,有效提高从配置信息表中解析出服务配置信息的效率。
在一个实施例中,根据参数配置记录,确定与组件关联的交互服务的服务配置参数,可以包括如下步骤:
根据参数配置记录,确定交互服务绑定的组件和请求调用交互服务时访问的数据接口和提交的请求参数;根据数据接口和请求参数确定交互服务的服务配置参数。
具体实现中,通过对参数配置记录进行记录,可以得到当前读取的各条参数配置记录关联的交互服务所绑定的组件。例如,如表3所示,参数项“Get”可以指示从服务端获取的参数,实现前端交互后端送值(也即根据前端的交互操作在后端获取相应的数据);参数项“api”可以指示调用交互服务时访问的数据接口,其可以是对应的地址,在一些示例中,可以读取配置信息表中记录的URL(uniform resource locator,统一资源定位符)或相关数据库对应的数据查询接口,作为交互服务所对应的访问地址;参数项“entity”可用于绑定后端实体模型,其可以通过props标识与组件绑定;参数项“post”指示在检测到前端交互后进行后端表单提交操作,提交的参数为绑定的组件获取到的参数。
由此,可以根据数据接口和请求参数确定交互服务的服务配置参数,例如可以至少将数据接口和请求参数确定组件绑定的交互服务所对应的服务配置参数。
在本实施例中,可以通过参数配置记录配置组件绑定的交互服务以及调用交互服务时访问的数据接口和提交的请求参数,对于复杂性较低的业务,例如数据查询、数据修改等业务操作,通过本实施例的方式能够有效提高相应业务页面的开发效率。
在一些实施例中,还可以根据参数配置记录中配置的服务配置参数,校验开发人员请求创建的页面所对应的页面类型,从而判断当前页面是否为针对目标类型业务开发的页面,确定是否对页面开发请求进行响应。
在一个实施例中,在步骤S204中,基于页面布局信息在终端显示包含组件的目标页面,可以包括如下步骤:
根据页面布局信息和服务配置参数生成页面描述文件并存储,以供终端在进行页面展示时获取页面描述文件及基于页面描述文件中的页面布局信息显示包含组件的目标页面,并在检测到与组件关联的组件交互事件时,根据页面描述文件中的服务配置参数发送交互服务调用请求。
具体地,在通过解析配置信息表得到页面布局信息和服务配置参数后,页面生成端101可以根据页面布局信息和服务配置参数生成页面描述文件,例如可以将页面布局信息和服务配置参数存储在同一文件中,得到页面描述文件。在一些示例中,页面描述文件也可以称为配置文件或可识别文件,其可以被终端102解析。
进而,在终端进行页面展示时,终端可以获取已预先存储好的页面描述文件。在一些可选的实施例中,页面生成端101可以将页面描述文件存储到对应的存储地址,终端102可以在检测到展示目标页面的触发事件后,从该存储地址获取描述文件;或者,终端102也可以向页面生成端101发送描述文件获取请求,响应于该请求,可以由页面生成端101查询存储好的页面描述文件并返回给终端102。
在一些可选的实施例中,在页面生成端101获取到页面描述文件后,可以动态生成路由,在路由生效后根据该路由为目标自动生成URL并进行发布,后续终端102可以根据发布的URL自行获取到存储的页面描述文件。在一示例中,可以在配置信息表中的预设位置对待生成的目标页面进行介绍,并设置目标页面对应的URL生成规则,例如可以按照“项目名称+时间戳+目标页面名称”的规则生成目标页面的URL。
在获取到页面描述文件后,终端102可以基于页面描述文件中的页面布局信息,显示包含组件的目标页面,并且可以在检测到与目标页面中组件关联的组件交互事件时,根据页面描述文件中的服务配置参数发送交互服务调用请求。
例如,对于用于显示后台数据供用户浏览查阅的组件3,可以在展示目标页面时确定为检测到组件交互事件,从而可以及时根据页面描述文件中的服务配置参数,生成交互服务调用请求并发送到相应的数据接口,以调用组件绑定的交互服务,其中,交互服务调用请求可以指示终端102当前请求获取用于显示在组件上的数据。
又如,对于用于提交用户输入数据的组件4,可以在检测到用户点击组件4的操作时确定为检测到组件交互事件,然后可以生成携带有用户输入数据的交互服务调用请求,并发送到相应的数据接口,从而将用户输入的数据进行存储。
为了使本领域技术人员能够更好地理解上述步骤,以下通过一个例子对本申请实施例加以示例性说明,但应当理解的是,本申请实施例并不限于此。
如图4所示,配置信息表可以是Excel文件,页面生成端101在获取到配置的Excel文件后,一方面可以通过对其中的组件配置记录和页面组件属性字段进行解析,识别出待生成的目标页面中的组件以及各个组件在目标页面中的整体布局;另一方面,可以通过对表格中的参数配置记录进行解析,确定出用户配置的组件所绑定的后端实体模型,并通过字段映射将相应的交互服务与组件关联。然后,可以生成页面描述文件,动态生成路由并自动发布URL。
进而,在终端102拟展示目标页面时,通过访问URL,可以将页面描述文件加载到PC端或移动端,通过对页面描述文件进行解析得到PC端页面或移动端页面。
在本实施例中,通过对配置信息表进行解析,并生成对应的页面描述文件,使得终端在进行页面展示时可以根据页面描述文件终端页面布局信息准确进行页面内容展示,同时根据服务配置参数及时响应组件交互事件,使得目标页面可以灵活地在不同类型终端设备上进行展示,在缩短页面开发周期的同时,有效满足用户在不同设备上的页面展示需求。
应该理解的是,虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
基于同样的发明构思,本申请实施例还提供了一种用于实现上述所涉及的页面获取方法的页面获取装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似,故下面所提供的一个或多个页面获取装置实施例中的具体限定可以参见上文中对于页面获取方法的限定,在此不再赘述。
在一个示例性的实施例中,如图5所示,提供了一种页面获取装置,包括:
配置表获取模块501,用于响应于页面生成请求,获取所述页面生成请求携带的配置信息表;
第一解析模块502,用于根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息;
第二解析模块503,用于获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数;
页面获取模块504,用于基于所述页面布局信息在终端显示包含所述组件的目标页面,所述终端用于在检测到与所述组件关联的组件交互事件时根据所述服务配置参数调用对应的交互服务,显示相应的页面交互结果。
在一个实施例中,所述第一解析模块502,用于:
确定所述配置信息表中的组件配置记录;
针对每条所述组件配置记录,根据所述页面组件属性字段和所述组件配置记录中与所述页面组件属性字段对应的组件属性信息,确定组件配置信息;
根据各条所述组件配置记录对应的组件配置信息,确定页面布局信息。
在一个实施例中,所述第一解析模块502,用于:
根据所述配置信息表确定每个组件展示区域关联的组件配置记录;
所述根据各条所述组件配置记录对应的组件配置信息,确定页面布局信息,包括:
针对每个组件展示区域,根据所述组件展示区域各条所述组件配置记录对应的组件配置信息,获取所述组件展示区域的区域布局信息;
根据各所述区域布局信息确定页面布局信息。
在一个实施例中,所述第二解析模块503,用于:
根据用于指示参数记录范围的预设标签,确定所述配置信息表中的至少一条参数配置记录;
根据所述参数配置记录,确定与组件关联的交互服务的服务配置参数。
在一个实施例中,所述第二解析模块503,用于:
根据所述参数配置记录,确定交互服务绑定的组件和请求调用所述交互服务时访问的数据接口和提交的请求参数;
根据所述数据接口和请求参数确定所述交互服务的服务配置参数。
在一个实施例中,所述页面获取模块504,用于:
根据所述页面布局信息和所述服务配置参数生成页面描述文件并存储,以供终端在进行页面展示时获取所述页面描述文件及基于所述页面描述文件中的所述页面布局信息显示包含所述组件的目标页面,并在检测到与所述组件关联的组件交互事件时,根据所述页面描述文件中的所述服务配置参数发送交互服务调用请求。
上述页面获取装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个示例性的实施例中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图6所示。该计算机设备包括处理器、存储器、输入/输出接口(Input/Output,简称I/O)和通信接口。其中,处理器、存储器和输入/输出接口通过系统总线连接,通信接口通过输入/输出接口连接到系统总线。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质和内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储页面的配置数据。该计算机设备的输入/输出接口用于处理器与外部设备之间交换信息。该计算机设备的通信接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种页面获取方法。
在一个示例性的实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图7所示。该计算机设备包括处理器、存储器、输入/输出接口、通信接口、显示单元和输入装置。其中,处理器、存储器和输入/输出接口通过系统总线连接,通信接口、显示单元和输入装置通过输入/输出接口连接到系统总线。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质和内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的输入/输出接口用于处理器与外部设备之间交换信息。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种页面获取方法。该计算机设备的显示单元用于形成视觉可见的画面,可以是显示屏、投影装置或虚拟现实成像装置。显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图6和图7中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
需要说明的是,本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等),均为经用户授权或者经过各方充分授权的信息和数据,且相关数据的收集、使用和处理需要符合相关规定。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory,ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory,MRAM)、铁电存储器(Ferroelectric Random Access Memory,FRAM)、相变存储器(Phase Change Memory,PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器等。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory,DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等,不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等,不限于此。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请的保护范围应以所附权利要求为准。
Claims (10)
1.一种页面获取方法,其特征在于,所述方法包括:
响应于页面生成请求,获取所述页面生成请求携带的配置信息表;
根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息;
获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数;
基于所述页面布局信息在终端显示包含所述组件的目标页面,所述终端用于在检测到与所述组件关联的组件交互事件时根据所述服务配置参数调用对应的交互服务,显示相应的页面交互结果。
2.根据权利要求1所述的方法,其特征在于,所述根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息,包括:
确定所述配置信息表中的组件配置记录;
针对每条所述组件配置记录,根据所述页面组件属性字段和所述组件配置记录中与所述页面组件属性字段对应的组件属性信息,确定组件配置信息;
根据各条所述组件配置记录对应的组件配置信息,确定页面布局信息。
3.根据权利要求2所述的方法,其特征在于,所述确定所述配置信息表中的组件配置记录,包括:
根据所述配置信息表确定每个组件展示区域关联的组件配置记录;
所述根据各条所述组件配置记录对应的组件配置信息,确定页面布局信息,包括:
针对每个组件展示区域,根据所述组件展示区域各条所述组件配置记录对应的组件配置信息,获取所述组件展示区域的区域布局信息;
根据各所述区域布局信息确定页面布局信息。
4.根据权利要求1所述的方法,其特征在于,所述获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数,包括:
根据用于指示参数记录范围的预设标签,确定所述配置信息表中的至少一条参数配置记录;
根据所述参数配置记录,确定与组件关联的交互服务的服务配置参数。
5.根据权利要求4所述的方法,其特征在于,所述根据所述参数配置记录,确定与组件关联的交互服务的服务配置参数,包括:
根据所述参数配置记录,确定交互服务绑定的组件和请求调用所述交互服务时访问的数据接口和提交的请求参数;
根据所述数据接口和请求参数确定所述交互服务的服务配置参数。
6.根据权利要求1至5中任一项所述的方法,其特征在于,所述基于所述页面布局信息在终端显示包含所述组件的目标页面,包括:
根据所述页面布局信息和所述服务配置参数生成页面描述文件并存储,以供终端在进行页面展示时获取所述页面描述文件及基于所述页面描述文件中的所述页面布局信息显示包含所述组件的目标页面,并在检测到与所述组件关联的组件交互事件时,根据所述页面描述文件中的所述服务配置参数发送交互服务调用请求。
7.一种页面获取装置,其特征在于,所述装置包括:
配置表获取模块,用于响应于页面生成请求,获取所述页面生成请求携带的配置信息表;
第一解析模块,用于根据所述配置信息表中的页面组件属性字段和所述页面组件属性字段下的组件属性信息,确定页面布局信息;
第二解析模块,用于获取所述配置信息表中与组件关联的交互服务所对应的服务配置参数;
页面获取模块,用于基于所述页面布局信息在终端显示包含所述组件的目标页面,所述终端用于在检测到与所述组件关联的组件交互事件时根据所述服务配置参数调用对应的交互服务,显示相应的页面交互结果。
8.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述的方法的步骤。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
10.一种计算机程序产品,包括计算机程序,其特征在于,该计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
Publications (1)
Publication Number | Publication Date |
---|---|
CN118245699A true CN118245699A (zh) | 2024-06-25 |
Family
ID=
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114115844A (zh) | 页面生成方法、装置、计算机设备和存储介质 | |
CN115544183A (zh) | 数据可视化方法、装置、计算机设备和存储介质 | |
CN105824647A (zh) | 一种表单页面生成方法和装置 | |
US9230022B1 (en) | Customizable result sets for application program interfaces | |
CN113254455B (zh) | 数据库的动态配置方法、装置、计算机设备及存储介质 | |
CN118245699A (zh) | 页面获取方法、装置、设备、存储介质和计算机程序产品 | |
CN116700725B (zh) | 页面生成方法、装置、计算机设备和存储介质 | |
CN117331960B (zh) | 表格文件生成方法、装置、计算机设备和存储介质 | |
CN117453548B (zh) | 代码模块信息确定方法、装置、计算机设备和存储介质 | |
CN117193924A (zh) | 页面展示方法、装置和计算机设备 | |
CN116843789A (zh) | 折柱图生成方法、装置、计算机设备和存储介质 | |
CN114547066A (zh) | 核电业务数据的标准化方法、装置和计算机设备 | |
CN116737216A (zh) | 技术资源的管理方法、装置、设备、存储介质和程序产品 | |
CN116304407A (zh) | 页面渲染方法、装置、计算机设备和存储介质 | |
CN115878929A (zh) | 网页渲染方法及其装置 | |
CN118228313A (zh) | 一种平台页面展示方法、装置、计算机设备、存储介质 | |
CN117216425A (zh) | 金融业务页面展示方法、装置、计算机设备和存储介质 | |
CN116860576A (zh) | 操作日志的记录方法、装置、计算机设备和存储介质 | |
CN117435589A (zh) | 数据转存方法、装置、计算机设备、存储介质 | |
CN117112089A (zh) | 缴费业务处理方法、装置、设备、存储介质和产品 | |
CN116258597A (zh) | 单据处理方法、装置、计算机设备和存储介质 | |
CN116661921A (zh) | 确定金融服务系统的信息展示页面的方法、装置和设备 | |
CN118052218A (zh) | 电子凭证数据处理方法、装置、计算机设备和存储介质 | |
CN114661803A (zh) | 数据库服务接口发布方法、系统、计算机设备和存储介质 | |
CN116719892A (zh) | 数据显示方法、装置、计算机设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication |