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

权利要求书

1.一种页面生成方法，其特征在于，所述方法应用于一目标子组件，所述目标子组件嵌套在预设父组件中，所述父组件中包括多个备选页面样式和样式设置方法，所述方法包括：

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

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

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

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

2.根据权利要求1所述的方法，其特征在于，所述父组件为Provider组件，所述目标子组件为Consumer组件；在获取所述页面生成请求之前，包括：

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

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

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

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

3.根据权利要求2所述的方法，其特征在于，所述Provider组件中包括第一对象，所述第一对象用于存储所述Provider组件与所述Consumer之间的可共享数据，所述可共享数据为所述Provider组件对应的组件状态属性；所述在所述Provider组件中存储所述多个备选页面样式和各个所述备选页面样式对应的备选样式标识，包括：

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

4.根据权利要求3所述的方法，其特征在于，所述样式设置方法用于执行如下操作：

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

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

5.根据权利要求4所述的方法，其特征在于，所述样式设置方法存储在所述Provider组件对应的组件状态属性中，所述样式设置方法中还包括第一变量，所述第一变量用于存储所述Consumer组件对应的默认样式标识，在将所述目标样式标识与所述备选样式标识进行匹配之前，所述样式设置方法还用于执行如下操作：

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

若不匹配，将所述目标样式标识与所述备选样式标识进行匹配。

6.根据权利要求5所述的方法，其特征在于，在确定所述目标样式标识与所述第一变量是否匹配之后，还包括：

根据所述目标样式标识对所述第一变量进行更新。

7.根据权利要求4所述的方法，其特征在于，所述将所述Consumer组件嵌套在所述Provider组件之下，包括：

在所述Consumer组件中创建上下文引用函数，所述上下文引用函数用于调用所述第一对象中的所述样式设置方法。

8.一种页面生成装置，其特征在于，所述装置包括：

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

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

第二获取模块，用于获取所述父组件返回的备选页面样式作为目标页面样式；

生成模块，用于根据所述目标页面样式和所述待展示页面内容生成目标页面。

9.一种页面生成设备，其特征在于，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如权利要求1-7任意一项所述的页面生成方法的操作。

10.一种计算机存储介质，其特征在于，所述计算机存储介质中存储有至少一可执行指令，所述可执行指令在页面生成设备上运行时，使得页面生成设备执行如权利要求1-7任意一项所述的页面生成方法的操作。