页面处理方法及装置制造方法及图纸

技术编号:27030867 阅读:22 留言:0更新日期:2021-01-12 11:14
本申请实施例提供一种页面处理方法及装置,该页面处理方法包括:获取第一用户在至少一个页面组件中选择的目标页面组件;其中,所述至少一个页面组件分别对应有资源文件;基于所述目标页面组件对应的目标资源文件,生成目标模板页面。本申请实施例通过按需加载页面资源,降低了页面复杂度与资源大小,提升页面加载性能。

【技术实现步骤摘要】
页面处理方法及装置
本申请涉及计算机
,尤其涉及一种页面处理方法及装置。
技术介绍
网页可以由多个页面组件构成,例如,图像组件、视频组件、文字组件、按钮组件等。页面组件可以定义元素的大小等属性。页面组件的正常运行,需要该页面组件对应资源文件的支持,例如,页面组件一般需要CSS文件的支持。为了确保网页能够正常运行,在前端编辑网页页面时,需要将所有页面组件的资源文件与该页面同时打包。普通用户在打开页面时,需要从服务器或者CDN(ContentDeliveryNetwork,内容分发网络)设备下载所有类型的资源文件,以确保该页面能够正常打开,导致页面的构成较为复杂。
技术实现思路
有鉴于此,本申请实施例提供一种页面处理方法及装置,用以解决现有技术中页面构成复杂,导致页面构成较为复杂的技术问题。第一方面,本申请实施例提供一种页面处理方法,包括:获取第一用户在至少一个页面组件中选择的目标页面组件;其中,所述至少一个页面组件分别对应有资源文件;基于所述目标页面组件对应的目标资源文件,生成目标模板页面。优选地,该方法还包括:获取所述第一用户针对所述目标页面组件输入的目标数据;基于所述目标页面组件对应的目标数据,确定所述目标模板页面对应目标页面。优选地,所述基于所述目标页面组件对应的目标数据,确定所述目标模板页面对应目标页面之后,还包括:获取第二用户针对所述目标页面发起的页面查看请求,为所述第二用户展示所述目标页面。优选地,所述获取第二用户针对所述目标页面发起的页面查看请求,为所述第二用户展示所述目标页面包括:获取所述第二用户针对所述目标页面发起的页面查看请求,确定所述目标页面对应的所述目标模板页面;加载所述目标模板页面中所述目标页面组件对应的目标资源文件;基于所述目标页面组件对应所述目标数据,将所述目标模板页面中的所述目标页面组件进行渲染处理,获得所述目标页面;为所述第二用户输出所述目标页面。优选地,所述至少一个页面组件分别对应有组件标识,以及所述至少一个页面组件各自的资源文件对应有资源标识;所述基于所述目标页面组件对应的目标数据,确定所述目标模板页面对应的目标页面之后,还包括:确定所述目标页面组件对应的目标组件标识;确定所述目标页面组件对应资源文件的目标资源标识;确定所述目标页面的目标页面标识;建立所述目标页面标识、所述目标组件标识以及所述目标资源标识的关联关系。优选地,所述获取所述第二用户针对所述目标页面发起的页面查看请求,确定所述目标页面对应的所述目标模板页面包括:获取所述第二用户针对所述目标页面发起的页面查看请求,确定所述目标页面对应所述目标页面标识;基于所述目标页面标识,查询所述目标页面标识关联的所述目标组件标识以及所述目标资源标识;确定所述目标组件标识对应的所述目标页面组件构成的所述目标模板页面;所述加载所述目标模板页面中所述目标页面组件对应的目标资源文件之前,还包括:确定所述目标资源标识对应的所述目标资源文件。优选地,所述获取第一用户在至少一个页面组件中选择的目标页面组件;其中,所述至少一个页面组件分别对应有资源文件包括:确定所述至少一个页面组件;其中所述至少一个页面组件分别对应有资源文件;确定空白页面;获取所述第一用户从所述至少一个页面组件中选择并放置于所述空白页面的目标页面组件;所述基于所述目标页面组件对应的目标资源文件,生成目标模板页面包括:基于所述空白页面中的所述目标页面组件以及所述目标页面组件对应的目标资源文件,生成所述目标模板页面。优选地,所述基于所述空白页面中的所述目标页面组件以及所述目标页面组件对应的目标资源文件,生成所述目标模板页面包括:确定具有所述具有所述目标页面组件的所述空白页面构成的模板页面;将所述模板页面以及所述目标页面组件的目标资源文件进行打包处理,获得所述目标模板页面。优选地,所述获取第一用户在至少一个页面组件中选择的目标页面组件;其中,所述至少一个页面组件分别对应有资源文件包括:确定页面编辑程序提供的至少一个页面组件;其中,所述至少一个页面组件分别对应有资源文件;获取所述第一用户在所述页面编辑程序中选择的所述目标页面组件。第二方面,本申请实施例提供一种页面处理装置,包括:组件获取模块,用于获取第一用户在至少一个页面组件中选择的目标页面组件;其中,所述至少一个页面组件分别对应有资源文件;模板生成模块,用于基于所述目标页面组件对应的目标资源文件,生成目标模板页面。本申请实施例,获取第一用户在至少一个页面组件中选择的目标页面组件。该至少一个页面组件分别对应有资源文件。之后,可以基于该目标页面组件对应的目标资源文件,生成目标模板页面。通过提供至少一个页面组件,可以使得用户快速选择需要的目标页面组件,以达到减少页面构成,降低页面复杂度的目标。再次,利用目标页面组件对应的目标资源文件生成目标模板页面,可以减少目标模板页面中的资源文件的数量,从而可以提高目标模板页面的加载速度,提高加载效率。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1为本申请实施例提供的一种页面处理方法的一个实施例的流程图;图2为本申请实施例提供的一个页面处理方法的又一个实施例的流程图;图3为本申请实施例提供的一种页面处理方法的又一个实施例的流程图;图4为本申请实施例提供的一种页面处理装置的一个实施例的结构示意图;图5为本申请实施例提供的一种页面处理设备的一个实施例的结构示意图。具体实施方式为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。在本申请实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本申请。在本申请实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义,“多种”一般包含至少两种,但是不排除包含至少一种的情况。应当理解,本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。取决于语境,如在本文档来自技高网...

【技术保护点】
1.一种页面处理方法,其特征在于,包括:/n获取第一用户在至少一个页面组件中选择的目标页面组件;其中,所述至少一个页面组件分别对应有资源文件;/n基于所述目标页面组件对应的目标资源文件,生成目标模板页面。/n

【技术特征摘要】
1.一种页面处理方法,其特征在于,包括:
获取第一用户在至少一个页面组件中选择的目标页面组件;其中,所述至少一个页面组件分别对应有资源文件;
基于所述目标页面组件对应的目标资源文件,生成目标模板页面。


2.根据权利要求1所述的方法,其特征在于,还包括:
获取所述第一用户针对所述目标页面组件输入的目标数据;
基于所述目标页面组件对应的目标数据,确定所述目标模板页面对应目标页面。


3.根据权利要求2所述的方法,其特征在于,所述基于所述目标页面组件对应的目标数据,确定所述目标模板页面对应目标页面之后,还包括:
获取第二用户针对所述目标页面发起的页面查看请求,为所述第二用户展示所述目标页面。


4.根据权利要求3所述的方法,其特征在于,所述获取第二用户针对所述目标页面发起的页面查看请求,为所述第二用户展示所述目标页面包括:
获取所述第二用户针对所述目标页面发起的页面查看请求,确定所述目标页面对应的所述目标模板页面;
加载所述目标模板页面中所述目标页面组件对应的目标资源文件;
基于所述目标页面组件对应所述目标数据,将所述目标模板页面中的所述目标页面组件进行渲染处理,获得所述目标页面;
为所述第二用户输出所述目标页面。


5.根据权利要求4所述的方法,其特征在于,所述至少一个页面组件分别对应有组件标识,以及所述至少一个页面组件各自的资源文件对应有资源标识;
所述基于所述目标页面组件对应的目标数据,确定所述目标模板页面对应的目标页面之后,还包括:
确定所述目标页面组件对应的目标组件标识;
确定所述目标页面组件对应资源文件的目标资源标识;
确定所述目标页面的目标页面标识;
建立所述目标页面标识、所述目标组件标识以及所述目标资源标识的关联关系。


6.根据权利要求5所述的方法,其特征在于,所述获取所述第二用户针对所述目标页面发起的页面查看请求,确定所述目标页面对应的所述目标模板页面包括:
获取所述第二用户针对所述目标页面发起的页面查看...

【专利技术属性】
技术研发人员:于思迪
申请(专利权)人:长沙市到家悠享网络科技有限公司
类型:发明
国别省市:湖南;43

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

1