一种页面处理方法、装置和存储介质制造方法及图纸

本发明专利技术公开了一种页面处理方法，包括：确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。本发明专利技术还公开了一种页面处理装置和计算机可读存储介质。

【技术实现步骤摘要】
一种页面处理方法、装置和存储介质
本专利技术涉及前端技术，尤其涉及一种页面处理方法、装置和计算机可读存储介质。
技术介绍
为了优化终端侧网页视觉体验，会在页面未加载呈现之前的那段空白期间，先呈现页面骨架视图。现有方案是在页面的超文本标记语言(HTML，HyperTextMarkupLanguage)文件中事先人为写好页面骨架视图，当数据还在加载时进行呈现，视觉效果如图1所示。但上述方案，需要手动为特定的页面编写其对应的骨架视图，当页面数量很多时，一个个手动编写显得较为乏力；而在运营人员自由以组件为基本单位拼接成页面时，开发人员也无法时时知晓页面被拼成的效果，更无法为该页面专门编写骨架视图。
技术实现思路
有鉴于此，本专利技术的主要目的在于提供一种页面处理方法、装置和计算机可读存储介质。为达到上述目的，本专利技术的技术方案是这样实现的：本专利技术实施例提供了一种页面处理方法，所述方法包括：确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。上述方案中，所述确定目标页面的信息，包括：接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。上述方案中，所述目标页面的信息，包括：页面名；所述确定目标页面的信息之后，所述方法还包括：获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。上述方案中，所述根据所述目标页面的信息获取所述目标页面对应的页面骨架资源，包括：获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。上述方案中，所述目标页面的信息，包括：目标页面包含的组件名；所述根据所述目标页面的信息获取所述目标页面对应的至少一个组件骨架资源，包括：获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。上述方案中，所述根据所述至少一个组件骨架资源生成骨架视图，包括：根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。本专利技术实施例提供了一种页面处理装置，所述装置包括：第一处理模块、第二处理模块和第三处理模块；其中，所述第一处理模块，用于确定目标页面的信息；所述第二处理模块，用于根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；所述第三处理模块，用于根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。上述方案中，所述第一处理模块，具体用于接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。上述方案中，所述目标页面的信息，包括：页面名；所述第一处理模块，还用于获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。上述方案中，所述第二处理模块，具体用于获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。上述方案中，所述目标页面的信息，包括：目标页面包含的组件名；所述第二处理模块，具体用于获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。上述方案中，所述第三处理模块，具体用于根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。本专利技术实施例提供了一种页面处理装置，所述装置包括：处理器和用于存储能够在处理器上运行的计算机程序的存储器；其中，所述处理器用于运行所述计算机程序时，执行以上所述的任意一种页面处理方法的步骤。本专利技术实施例提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以上所述的任意一种页面处理方法的步骤。本专利技术实施例所提供的页面处理方法、装置和计算机可读存储介质，确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。本专利技术实施例中，可自行生成骨架视图，节约后期开发时间，提高开发效率。附图说明图1为一种骨架视图的效果显示图；图2为一种页面搭建到上线的流程示意图；图3为本专利技术实施例提供的增加页面处理方法后的页面搭建到上线的流程示意图；图4为本专利技术实施例提供的一种页面处理方法的流程示意图；图5为本专利技术实施例提供的另一种页面处理方法的流程示意图；图6为本专利技术实施例提供的组件与组件骨架资源的对应关系的配置文件示意图；图7为本专利技术实施例提供的组件骨架资源对应的框架代码的示意图；图8为本专利技术实施例提供的组件骨架资源对应的层叠样式代码的示意图；图9为本专利技术实施例提供的一种页面处理装置的结构示意图；图10为本专利技术实施例提供的另一种页面处理装置的结构示意图。具体实施方式在本专利技术的各种实施例中，确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。在对本专利技术作进一步详细说明前，对页面搭建到上线的流程作以下说明。图2为一种搭建到上线的流程示意图，如图2所示，运营人员通过可视化操作的页面编辑系统搭建页面，具体包括：页面编辑、保存页面并发布、页面编译、资源上传，从而用户可以通过终端进行页面访问。其中，所述页面编译指使用前端构建工具(例如gulp、webpack等工具)将页面包含的组件资源相关的代码打包构建在一起的过程，从而生成页面静态文件、即HTML格式的文件。上述页面编译过程可以由前端构建工具自动运行完成。本专利技术针对页面编译环节，提供一种页面处理方法，以实现根据目标页面的信息自动生成骨架视图，使得每个页面拥有符合自身视觉效果的骨架视图；增加页面处理方法后，页面搭建到上线的流程可以如图3所示。下面结合实施例对本专利技术再作进一步详细的说明。图4为本专利技术实施例提供的一种页面处理方法的流程示意图；所述方法可以应用于服务器，如图4所示，所述方法包括：步骤401、确定目标页面的信息。具体地，所述确定目标页面的信息，包括：接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。具体来说，所述服务器连接移动终端(如手机、平板电脑等)，移动终端发送页面访问请求，所述服务器接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。这里，所述目标页面的信息，可以包括：目标页面的页面本文档来自技高网...

【技术保护点】
1.一种页面处理方法，其特征在于，所述方法包括：确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。

【技术特征摘要】
1.一种页面处理方法，其特征在于，所述方法包括：确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。2.根据权利要求1所述的方法，其特征在于，所述确定目标页面的信息，包括：接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。3.根据权利要求1所述的方法，其特征在于，所述目标页面的信息，包括：页面名；所述确定目标页面的信息之后，所述方法还包括：获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。4.根据权利要求3所述的方法，其特征在于，所述根据所述目标页面的信息获取所述目标页面对应的页面骨架资源，包括：获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。5.根据权利要求1所述的方法，其特征在于，所述目标页面的信息，包括：目标页面包含的组件名；所述根据所述目标页面的信息获取所述目标页面对应的至少一个组件骨架资源，包括：获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。6.根据权利要求5所述的方法，其特征在于，所述根据所述至少一个组件骨架资源生成骨架视图，包括：根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。7.一种页面处理装置，其特征在于，所述装置包括：第一处理模块、第二处理模块和第三处理模块；其中，所述第一处理模块，用于确定目标页面的信息；所述第二处理...

【专利技术属性】
技术研发人员：陈攀松，王汀洲，杨宗星，刘惠霞，颜鹏，杨琢，
申请(专利权)人：咪咕数字传媒有限公司，咪咕文化科技有限公司，
类型：发明
国别省市：浙江,33