一种网页页面的处理方法、装置、电子设备和存储介质与流程

    技术2026-10-06  2


    本技术涉及互联网,尤其涉及一种网页页面的处理方法、装置、电子设备和存储介质。


    背景技术:

    1、随着互联网行业的快速发展,网页页面逐渐成为人们获取信息和服务的重要手段,针对不同的场景,需要实现的功能不同,会产生不同的页面需求,针对同一场景,随着版本更迭,也可能需要实现不同的功能,同样会产生不同的页面需求。相关技术下,针对每个不同的页面需求,均需要开发者单独实现。

    2、当然,目前也有部分无需编码或通过少量代码就可以快速生成应用程序的开发平台,可以在网页页面中通过自由拖拽的方式实现网页页面的布局调整,但是此种方式仅仅可以改变网页页面中不同功能模块的位置,如果需要在网页页面中新增功能模块,仍然是作为一个新的页面需求,需要开发者单独实现。

    3、在一个示例中,网页页面包括模块a、模块b和模块c,且三个模块并排显示,如果需要将模块b和模块c的位置进行调换,则通过拖拽,即可实现模块b和模块c的位置调换,但若需要新增一个模块d与上述三个模块并排显示,就需要开发者重新开发包括模块a、模块b、模块c和模块d,且并排显示的网页页面。

    4、可见,相关技术下,在网页页面中新增功能模块时,仍然是作为一个新的页面需求,由开发者单独实现,如此,不仅开发周期长,效率较低,而且原网页页面中已实现的模块,需要重复开发,可复用性较低。

    5、因此,需要重新设计一种网页页面的处理方法,以克服上述缺陷。


    技术实现思路

    1、本技术实施例提供一种网页页面的处理方法、装置、电子设备和存储介质,用以降低页面开发周期,提高页面开发效率,同时提高页面中功能模块的复用率。

    2、第一方面,本技术实施例提供的一种网页页面的处理方法,包括:

    3、响应于页面配置请求,呈现网页配置页面,并生成所述网页配置页面对应的页面标识,所述网页配置页面中至少包括:页面配置区域和模块选择区域,所述模块选择区域包含:待添加的各功能模块;

    4、响应于针对所述各功能模块中至少一个目标功能模块的选取操作,在所述页面配置区域中,呈现所述至少一个目标功能模块各自对应的目标组件;

    5、响应于针对所述页面配置区域触发的确认操作,生成包含所述页面标识的页面访问链接,并记录所述页面标识和所述至少一个目标功能模块各自的模块识别信息的对应关系,以在向使用对象呈现所述页面访问链接对应的网页页面时,通过远程过程调用(remoteprocedure call,rpc)协议向所述页面标识对应的各个目标功能模块请求数据,所述rpc协议用于指示各个目标功能模块以统一格式返回数据,所述模块识别信息至少包括:模块标识和在所述页面配置区域中的布局位置。

    6、第二方面,本技术实施例提供的另一网页页面的处理方法,包括:

    7、响应于接收到的页面访问链接,获取数据,其中,所述页面访问链接是响应于页面配置请求,在呈现的网页配置页面中的页面配置区域,添加至少一个功能模块对应的组件后,响应于针对页面配置区域触发的确认操作生成的;

    8、对获取到的数据进行渲染显示,呈现网页页面。

    9、第三方面,本技术实施例提供的一种网页页面的处理装置,包括:

    10、第一展示单元,用于响应于页面配置请求,呈现网页配置页面,并生成所述网页配置页面对应的页面标识,所述网页配置页面中至少包括:页面配置区域和模块选择区域,所述模块选择区域包含:待添加的各功能模块;

    11、第二展示单元,用于响应于针对所述各功能模块中至少一个目标功能模块的选取操作,在所述页面配置区域中,呈现所述至少一个目标功能模块各自对应的目标组件;

    12、处理单元,用于响应于针对所述页面配置区域触发的确认操作,生成包含所述页面标识的页面访问链接,并记录所述页面标识和所述至少一个目标功能模块各自的模块识别信息的对应关系,以在向使用对象呈现所述页面访问链接对应的网页页面时,通过rpc协议向所述页面标识对应的各个目标功能模块请求数据,所述rpc协议用于指示各个目标功能模块以统一格式返回数据,所述模块识别信息至少包括:模块标识和在所述页面配置区域中的布局位置。

    13、可选的,所述第二展示单元,还用于:在所述响应于针对所述各功能模块中至少一个目标功能模块的选取操作,在所述页面配置区域中,呈现所述至少一个目标功能模块各自对应的目标组件之前,响应于页面布局调整请求,在所述网页配置页面中呈现布局调整区域;

    14、响应于针对所述布局调整区域触发的配置操作,对所述页面配置区域进行分割,获得至少两个配置子区域;

    15、则所述第二展示单元,具体用于:

    16、针对所述至少两个配置子区域,分别执行以下操作:

    17、响应于针对一个配置子区域触发的模块配置操作,呈现用于配置所述一个配置子区域的功能模块集合,所述功能模块集合中的功能模块为所述模块选择区域中的全部或部分功能模块;

    18、响应于针对所述功能模块集合中目标功能模块的选取操作,在所述一个配置子区域中,呈现所述目标功能模块对应的目标组件。

    19、可选的,所述布局调整区域,包括:至少一个预先配置的布局调整方案;

    20、所述第二展示单元,具体用于:

    21、响应于针对所述至少一个预先配置的布局调整方案中,目标布局调整方案的选择操作,依据所述目标布局调整方案对所述页面配置区域进行分割,获得至少两个配置子区域。

    22、可选的,所述布局调整区域,包括:行分割配置框和列分割配置框;

    23、所述第二展示单元,具体用于:

    24、响应于所述行分割配置框和所述列分割配置框中,至少一个配置框中输入的配置信息,对所述页面配置区域进行分割,获得至少两个配置子区域。

    25、可选的,所述布局调整区域,包括:用于绘制分割线的绘画工具;

    26、所述第二展示单元,具体用于:

    27、响应于所述绘画工具的绘制操作,在所述绘制操作的起点位置和终点位置之间,呈现分割线,对所述页面配置区域进行分割,获得至少两个配置子区域。

    28、可选的,所述第二展示单元,具体用于:

    29、响应于针对所述各功能模块中至少一个目标功能模块的拖拽操作,在所述页面配置区域中所述拖拽操作的停止位置,呈现所述至少一个目标功能模块各自对应的目标组件。

    30、可选的,所述装置还包括:

    31、第一获取单元,用于响应于页面预览请求,获取所述页面配置区域添加的每个目标功能模块的模块标识和布局位置;

    32、第二获取单元,用于获取与每个目标功能模块的模块标识关联的接口地址和服务地址;

    33、数据收发单元,用于通过所述每个目标功能模块对应的接口地址和服务地址,分别向所述每个目标功能模块发送数据请求,并接收每个目标功能模块返回的响应数据;

    34、第三展示单元,用于依据所有目标功能模块的布局位置,对接收到的所有目标功能模块的响应数据进行组装,并渲染显示,呈现网页预览页面。

    35、可选的,所述数据收发单元,具体用于:

    36、通过rpc协议分别向所述每个目标功能模块发送数据请求;

    37、接收所述每个目标功能模块按照所述rpc协议以统一格式返回的响应数据。

    38、可选的,所述装置还包括:

    39、模块更新单元,用于周期性更新所述模块选择区域中包含的各功能模块;或者在呈现网页配置页面中的模块选择区域之后,更新所述模块选择区域中包含的各功能模块。

    40、第四方面,本技术实施例提供的另一网页页面的处理装置,包括:

    41、获取单元,用于响应于接收到的页面访问链接,获取数据,其中,所述页面访问链接是响应于页面配置请求,在呈现的网页配置页面中的页面配置区域,添加至少一个功能模块对应的组件后,响应于针对页面配置区域触发的确认操作生成的;

    42、展示单元,用于对获取到的数据进行渲染显示,呈现网页页面。

    43、可选的,所述获取单元,具体用于:

    44、从所述页面访问链接中获取页面标识;

    45、获取与所述页面标识对应的所有功能模块及每个功能模块的模块识别信息,所述模块识别信息,至少包括功能模块的模块标识和所述功能模块的布局位置;

    46、获取与每个功能模块的模块标识关联的接口地址和服务地址;

    47、通过所述每个功能模块对应的接口地址和服务地址,分别向所述每个功能模块发送数据请求,并接收每个模块返回的响应数据;

    48、所述展示单元,具体用于:

    49、依据所有功能模块的布局位置,对获取到的所有模块的响应数据进行组装,并渲染显示,呈现网页页面。

    50、可选的,所述获取单元,具体用于:通过rpc协议分别向所述每个目标功能模块发送数据请求;

    51、接收所述每个目标功能模块按照所述rpc协议以统一格式返回的响应数据。

    52、第五方面,本技术实施例提供的一种电子设备,包括处理器和存储器,其中,所述存储器存储有程序代码,当所述程序代码被所述处理器执行时,使得所述处理器执行上述第一方面提供的网页页面的处理方法的步骤或者执行上述第二方面提供的网页页面的处理方法的步骤。

    53、第六方面,本技术实施例提供一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述第一方面提供的网页页面的处理方法的步骤或者执行上述第二方面提供的网页页面的处理方法的步骤。

    54、第七方面,本技术实施例提供一种计算机可读存储介质,其包括程序代码,当所述程序产品在电子设备上运行时,所述程序代码用于使所述电子设备执行上述第一方面提供的网页页面的处理方法的步骤或者执行上述第二方面提供的网页页面的处理方法的步骤。

    55、本技术有益效果如下:

    56、本技术实施例中,在触发页面配置请求后,在呈现的网页配置页面中根据页面需求配置网页页面时,可以在模块选择区域中选择功能模块,添加到页面配置区域中进行网页页面的配置,如果页面需求中包含的部分功能模块,在模块选择区域中不存在,即页面需求中包含新增的功能模块,此种情况下,可单独对新增的功能模块进行开发,并注册添加到模块选择区域中,如此,模块选择区域中即包括新增的功能模块,即可使用新增的功能模块配置网页页面,依此方式来根据页面需求进行网页页面的配置,不但可以实现模块选择区域中已有的各个功能模块的重复使用,提高页面中功能模块的复用率,而且针对页面需求中新增的功能模块,只需单独开发新增的功能模块,并添加到模块选择区域中,即可用于快速的完成网页页面的配置,从而减少开发工作量,降低页面开发周期,提高页面开发效率。

    57、本技术的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本技术而了解。本技术的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。


    技术特征:

    1.一种网页页面的处理方法,其特征在于,所述方法包括:

    2.根据权利要求1所述的方法,其特征在于,所述响应于针对所述各功能模块中至少一个目标功能模块的选取操作,在所述页面配置区域中,呈现所述至少一个目标功能模块各自对应的目标组件之前,所述方法还包括:

    3.根据权利要求2所述的方法,其特征在于,所述布局调整区域,包括:至少一个预先配置的布局调整方案;

    4.根据权利要求2所述的方法,其特征在于,所述布局调整区域,包括:行分割配置框和列分割配置框;

    5.根据权利要求2所述的方法,其特征在于,所述布局调整区域,包括:用于绘制分割线的绘画工具;

    6.根据权利要求1-5中任一项所述的方法,其特征在于,所述响应于针对所述各功能模块中至少一个目标功能模块的选取操作,在所述页面配置区域中,呈现所述至少一个目标功能模块各自对应的目标组件,包括:

    7.根据权利要求6所述的方法,其特征在于,所述方法还包括:

    8.根据权利要求7所述的方法,其特征在于,所述分别向所述每个目标功能模块发送数据请求,并接收每个目标功能模块返回的响应数据,包括:

    9.根据权利要求1-5中任一项所述的方法,其特征在于,所述方法还包括:

    10.一种网页页面的处理方法,其特征在于,所述方法包括:

    11.根据权利要求10所述的方法,其特征在于,所述响应于接收到的页面访问链接,获取数据,包括:

    12.根据权利要求11所述的方法,其特征在于,所述分别向所述每个功能模块发送数据请求,并接收每个模块返回的响应数据,包括:

    13.一种网页页面的处理装置,其特征在于,包括:

    14.一种网页页面的处理装置,其特征在于,包括:

    15.一种电子设备,其特征在于,其包括处理器和存储器,其中,所述存储器存储有程序代码,当所述程序代码被所述处理器执行时,使得所述处理器执行权利要求1~12中任一所述方法的步骤。

    16.一种计算机可读存储介质,其特征在于,其包括程序代码,当所述程序产品在电子设备上运行时,所述程序代码用于使所述电子设备执行权利要求1~12中任一所述方法的步骤。


    技术总结
    本申请涉及互联网技术领域,尤其涉及一种网页页面的处理方法、装置、电子设备和存储介质。其中,方法包括:响应于页面配置请求,呈现网页配置页面,生成网页配置页面对应的页面标识,网页配置页面至少包括:页面配置区域和模块选择区域;响应于针对各功能模块中至少一个目标功能模块的选取操作,在页面配置区域中,呈现至少一个目标功能模块各自对应的目标组件;响应于针对页面配置区域触发的确认操作,生成包含页面标识的页面访问链接,记录页面标识和至少一个目标功能模块各自的模块识别信息的对应关系。基于上述方法,针对新的页面需求,可以快速的使用功能模块配置网页页面,提高功能模块复用率,降低页面开发周期,提高页面开发效率。

    技术研发人员:吴德宝
    受保护的技术使用者:腾讯科技(北京)有限公司
    技术研发日:
    技术公布日:2024/10/24
    转载请注明原文地址:https://symbian.8miu.com/read-49513.html

    最新回复(0)