[发明专利]一种页面生成方法、装置、设备以及计算机存储介质

说明书

本发明实施例涉及计算机处理技术领域，公开了一种页面生成方法、装置、设备以及计算机存储介质，该方法包括：获取页面生成请求，页面生成请求中包括待展示页面内容以及目标样式标识；通过目标子组件将目标样式标识发送至父组件，以调用样式设置方法；样式设置方法用于根据目标样式标识从多个备选页面样式中确定对应的目标页面样式；获取父组件返回的备选页面样式作为目标页面样式；根据目标页面样式和待展示页面内容生成目标页面。通过上述方式，本发明实施例提高了页面的生成效率。

技术领域

本发明实施例涉及软件技术领域，具体涉及一种页面生成方法、装置、设备以及计算机存储介质。

背景技术

在web前端进行用户界面展示时，为了提高用户的页面浏览和阅读体验，同一页面针对不同的浏览需求如打印或预览详情等，需要为用户为该页面内容在各种场景下适配不同的页面样式，从而将该页面在不同场景下进行展示。

而现有技术中针对上述不同场景下的相同页面内容，要实现提供多种样式进行展示，一般需要针对不同的样式分别对应编写一套代码，即页面A在样式1、样式2以及样式3下分别对应于一套代码，这样做一方面增加了前端页面的开发工作量，另一方面在需要对页面在某个场景下的样式进行修改时，需要对该样式对应的页面代码进行重新编写。上述问题都导致目前页面生成的效率较低。

发明内容

鉴于上述问题，本发明实施例提供了一种页面生成方法、装置、设备以及计算机存储介质，用于解决现有技术中存在的页面生成效率较低的问题。

根据本发明实施例的一个方面，提供了一种页面生成方法，所述方法应用于一目标子组件，所述目标子组件嵌套在预设父组件中，所述父组件中包括多个备选页面样式和样式设置方法，所述方法包括：

获取页面生成请求，所述页面生成请求中包括待展示页面内容以及目标样式标识；

通过所述目标子组件将所述目标样式标识发送至所述父组件，以调用所述样式设置方法；所述样式设置方法用于根据所述目标样式标识从多个备选页面样式中确定对应的目标页面样式；

获取所述父组件返回的备选页面样式作为目标页面样式；

根据所述目标页面样式和所述待展示页面内容生成目标页面。

在一种可选的方式中，所述父组件为Provider组件，所述目标子组件为Consumer组件；所述方法还包括：

在React框架中创建所述Provider组件及所述Consumer组件；

将所述Consumer组件嵌套在所述Provider组件之下；

在所述Provider组件中存储所述多个备选页面样式和各个所述备选页面样式对应的备选样式标识；

创建所述样式设置方法，将所述样式设置方法存储到所述Provider组件中。

在一种可选的方式中，所述Provider组件中包括第一对象，所述第一对象用于存储所述Provider组件与所述Consumer之间的可共享数据，所述可共享数据为所述Provider组件对应的组件状态属性；所述方法还包括：

将所述多个备选页面样式和各个所述备选页面样式对应的备选样式标识存储在所述组件状态属性中。

在一种可选的方式中，所述方法还包括：

将所述目标样式标识与所述备选样式标识进行匹配；

若存在匹配，获取匹配到的备选样式标识对应的备选页面样式。

在一种可选的方式中，所述样式设置方法中还包括第一变量，所述第一变量用于存储所述Consumer组件对应的默认样式标识，所述方法还包括：

确定所述目标样式标识与所述第一变量是否匹配；