一种页面生成方法、装置、设备以及计算机存储介质

技术领域

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

背景技术

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

若不匹配，确定所述目标样式标识与所述备选样式标识是否相同。

在一种可选的方式中，所述方法还包括：根据所述目标样式标识对所述第一变量进行更新。

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

根据本发明实施例的另一方面，提供了一种页面生成装置，包括：

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

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

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

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

根据本发明实施例的另一方面，提供了一种页面生成设备，包括：

处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

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

根据本发明实施例的又一方面，提供了一种计算机存储介质，所述计算机存储介质中存储有至少一可执行指令，所述可执行指令页面生成设备上运行时，使得页面生成设备执行如前述任意一项所述的页面生成方法的操作。

本发明实施例应用于一目标子组件，目标子组件嵌套在预设父组件中，父组件中包括多个备选页面样式和样式设置方法，本发明实施例通过获取页面生成请求，其中，页面生成请求中包括待展示页面内容以及目标样式标识；通过目标子组件将目标样式标识发送至目标子组件所嵌套在的父组件中，以调用父组件中的样式设置方法，其中，样式设置方法用于根据目标样式标识从多个备选页面样式中确定对应的目标页面样式，然后获取父组件返回的备选页面样式作为目标页面样式；最后在目标子组件中根据目标页面样式和待展示页面内容生成目标页面。区别于现有技术中采用的页面内容与页面样式在代码上耦合的样式复用性低所导致的生成页面的效率低的问题，本发明实施例能够通过将备选页面样式以及样式调用方法存储在父组件中，将用于生成页面的目标子组件嵌套在父组件中，从而实现在用于生成页面的目标子组件中调用父组件提供的备选页面样式，实现了页面样式的复用，提高了页面生成的效率。

上述说明仅是本发明实施例技术方案的概述，为了能够更清楚了解本发明实施例的技术手段，而可依照说明书的内容予以实施，并且为了让本发明实施例的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

附图仅用于示出实施方式，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的页面生成方法的流程示意图；

图2示出了本发明实施例提供的页面生成装置的结构示意图；

图3示出了本发明实施例提供的页面生成设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例，然而应当理解，可以以各种形式实现本发明而不应被这里阐述的实施例所限制。

在进行本发明实施例的页面生成方法之前，对相关名称进行解释：

React：一个用于构建前端用户界面的开源的JavaScript库。React中允许将代码封装成组件，组件从概念上类似于JavaScript函数，接受任意的输入参数(即props)，并返回用于描述页面展示内容的React元素。通过组件可以将用户界面拆分为独立可复用的代码片段，并对每个代码片段进行独立构思。React框架中将组件看成一个状态机，每个组件具有初始状态，然后用户互动，导致状态变化，从而触发渲染用户界面。组件的状态是一个对象，这个对象可以通过this.state属性读取。当用户点击组件，导致组件的状态变化，this.setState方法修改状态值，每次修改以后，自动调用this.render方法，再次渲染该组件，实现更新用户页面的目的。

this.props和this.state：用来描述React框架中组件的状态特性，区别在于，this.props表示一旦定义就不可修改的组件特性，而this.state是组件内部的状态属性，会随着用户互动而产生变化。通过在父组件中设置State，然后通过在子组件上使用props来接收来自父组件的state值，即可实现父组件的属性在子组件中的覆盖。

Context：React框架中提供的一个API接口，用于提供一个无需为每层组件手动添加props，就能在组件树间进行跨层级数据传递的方法。其设计原理是建立一个Provider和该Provider包裹的多个Consumer，是Provider共享那些对于一个组件树而言是“全局”的数据，给组件树中的Consumer使用。

Provider：生产组件，即React Context中的“全局”数据的提供者。Provider接收一个value属性，传递给消费组件。一个Provider可以和多个消费组件有对应关系。每个Context对象都会返回一个Provider React组件，它允许消费组件订阅context的变化。当React渲染一个订阅了该Context对象的消费组件，该消费组件会从组件树中离自身最近的那个匹配的Provider中读取到当前的context值。

Consumer：消费组件，一个React组件可以订阅context的变更，此组件可以让你在函数式组件中可以订阅context。这种方法需要一个函数作为子元素。这个函数接收当前的context值，并返回给一个React节点。传递给函数的value值等价于组件树上方离这个context最近的Provider所提供的value值。

图1示出了本发明实施例提供的页面生成方法的流程图，该方法由计算机处理设备执行。该计算机处理设备可以包括手机、笔记本电脑等。如图1所示，该方法包括以下步骤：

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

在本发明的一个实施例中，页面指的是web页面，页面生成请求可以是由目标设备如PC端发送的网页访问请求所触发的，网页访问请求中包括网页资源地址，从网页资源地址中提取出对应的网页资源数据作为此处的待展示页面内容。具体的网页资源数据可以包括网页元素参数、网页配置参数等。

在本发明的再一个实施例中，页面生成请求还可以是由当前展示的页面中的发送的页面切换请求所触发的，页面切换请求用于从当前所展示的第一页面切换到新的第二页面，页面切换请求中包括第一页面的第一样式标识、第二页面的第二样式标识以及第一页面的当前页面内容。

步骤102：通过所述目标子组件将所述目标样式标识发送至所述父组件，以调用所述样式设置方法。

在本发明的一个实施例中，每接收到一个页面生成请求，即用一个目标子组件将该页面生成请求对应的待展示页面内容包裹起来，以使得可以根据子组件中来完成待展示页面内容对应的页面的渲染。

即每一个页面生成请求对应于一个独立的目标子组件，目标子组件为多个备选子组件中的一个，所述多个备选子组件嵌套在预先生成的父组件中，父组件中设置有用于向下传递的属性值，所有的备选子组件可以获取来自父组件的属性值。

考虑到React的组件化开发的特点，在本发明的一个实施例中，可以在React框架中完成目标子组件和父组件之间的数据传递和功能实现。在本发明的一个实施例中，所述父组件为Provider组件，所述目标子组件为Consumer组件；在获取所述页面生成请求之前，还包括如下步骤：

步骤1021：在React框架中创建所述Provider组件及所述Consumer组件。

在本发明的一个实施例中，创建所述Provider组件及所述Consumer组件的过程可以如下：

首先在React框架中创建一个Context类型的对象作为上下文容器，该上下文容器用于实现一个Provider组件及所述Consumer组件。具体可以通过React.creatContext命令创建上述上下文容器。然后通过在React.Component下创建一个子类来作为此处的Provider组件，根据React应用的定义，Provider类型的组件是上下文容器的顶层组件，其包裹了当前整个ReactContext容器。再通过const Component＝(props)指令来创建一个Consumer组件，该Consumer组件能够通过props来接收参数。

步骤1022：将所述Consumer组件嵌套在所述Provider组件之下。

要实现Consumer组件可以作为子组件接收到Provider组件中所提供的数据，需要在Consumer组件实现一个对Provider中声明的可共享数据的引用方法，因此，在本发明的再一个实施例中，在所述Consumer组件中创建上下文引用函数，所述上下文引用函数用于引用所述第一对象。

具体地，上下文引用函数可以是const context＝useContext(A)，其中，A指的是步骤1021中创建的上下文容器，以此将C onsumer组件设置在A容器的顶层组件即Provider组件的包裹之下。

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

在本发明的一个实施例中，在建立上下文容器A后，声明一个B变量，该B变量用于存储多个键值对，每一个键值对对应于一个备选页面样式和其对应的备选样式标识，由于Provider组件对上下文容器的包裹，可以在Provider组件对B变量进行引用，从而通过引用B变量中不同的键值对进行向下传递，实现子组件中的页面样式的渲染。

在本发明的一个实施例中，为了实现页面样式的复用和统一管理，所述Provider组件中包括第一对象，所述第一对象用于存储所述Provider组件与所述Consumer之间的可共享数据，所述可共享数据为所述Provider组件对应的组件状态属性，步骤1023还包括：

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

具体地，第一对象指的是Provider组件中的value值中所引用的对象，结合前述步骤中的举例，通过指令A.Provider value＝{this.state}将所述Provider组件对应的组件状态属性存储在value值。

其中，value值中所引用的对象this.state为Provider组件当前的组件状态属性。在React框架中，将组件看成一个状态机，每个组件具有初始状态，然后根据用户在该组件对应的页面上的互动，导致组件状态属性变化，从而触发渲染用户界面。组件的状态是一个对象，通过对组件状态属性这一对象的修改可以实现组件的再次渲染，从而实现该组件所在的用户页面的更新目的。通过将value值设置为父组件的组件状态属性，实现了父组件的组件状态属性的向下传递。

步骤1024：在所述Provider组件中创建所述样式设置方法。

所述样式设置方法用于根据所述目标样式标识从多个备选页面样式中确定对应的目标页面样式。考虑到所有的子组件中样式设置和切换的逻辑都是相同的，因此，在将备选页面样式存储在Provider组件中进行复用的同时，也将针对备选页面样式的样式设置方法进行存储以复用，可以提高页面生成效率，同时方便对各个子组件对应的页面生成流程进行管理。

在本发明的一个实施例中，具体的确定目标页面样式的过程可以通过样式设置方法执行如下操作：

步骤10241：确定所述目标样式标识与所述第一对象中存储的备选样式标识是否匹配。

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

即通过在父组件中确定与目标子组件所传入的目标样式标识对应的备选样式标识，并且通过将备选样式标识保存在自身的组件状态属性中，以此将备选样式标识对应的备选页面样式传递给子组件。

需要说明的是，考虑到在实际应用中，目标页面生成请求经常是由步骤101中所述的页面切换请求所触发的，即经常会需要从当前展示的目标页面切换到新的页面，而当前展示的目标页面与新的页面在页面内容以及页面样式之间一般存在一定的关联，如一个主系统的不同功能界面等，因此，在本发明的再一个实施例中，为了提高页面切换的效率，若第二页面样式与第一页面样式相同时，则不需要对子组件的页面样式进行更新。

在本发明的再一个实施例中，所述样式设置方法存储在所述Provider组件对应的组件状态属性中，所述样式设置方法中还包括第一变量，所述第一变量用于存储所述Consumer组件对应的默认样式标识，在确定所述目标样式标识与所述备选样式标识是否匹配之前，所述样式设置方法还用于执行如下：

步骤10243：确定所述目标样式标识与所述第一变量是否匹配。

在本发明的一个实施例中，可以采用useEffect方法进行页面样式标识是否变换的监听和比对。在创建Provider组件后，在接收到目标样式标识之前，首先将第一变量设置为一默认值，该默认值是备选样式标识中的任意一个。在接收到目标样式标识时，即将目标样式标识与第一变量进行比较，当两者相同时，则确定为匹配，否则确定为不匹配。

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

当目标样式标识与备选样式标识不相同时，Provider组件则执行步骤10241-步骤10242。而当目标样式标识与备选样式标识相同时，Provider组件不对其组件状态属性中存储的第一变量即默认页面样式进行更新，并且不会执行获取目标样式标识对应的备选页面样式的动作，从而Consumer组件所包裹的展示页面的页面样式不会更新，由此进一步提高页面生成的效率，提升用户的页面使用体验。

在本发明的再一个实施例中，在步骤10241之后，还包括：根据所述目标样式标识对所述第一变量进行更新。

每一次生成一个页面进行展示之后，则将当前展示的页面对应的页面样式标识在Provider组件中的第一变量中进行保存，使得第一变量中保存的总是当前Consumer组件中所包裹的页面的页面样式对应的样式标识。从而在进行页面切换时，Provider组件可以直接根据其所存储的默认样式标识进行比对，判断是否需要对自身的组件状态属性进行更新，即是否需要传递一个新的页面样式至子组件，由此进一步提高页面生成的效率。

步骤103：获取所述父组件返回的备选页面样式作为目标页面样式。

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

在本发明的一个实施例中，在Consumer组件中还包括有页面生成方法，该方法用于接收目标样式标识，并且根据从Provider组件返回的目标页面样式以及待展示页面内容生成目标页面。

具体地，页面生成方法可以包括如页面浮动方法、页面调整方法等，以此在Provider组件传递过来的复用样式的基础上，确定待展示内容填充到目标页面样式中的方式，以及对目标页面样式进行适应性调整，最终生成目标页面进行展示。

图2示出了本发明实施例提供的页面生成装置的结构示意图。如图3所示，该装置200包括：第一获取模块201、调用模块202、第二获取模块203以及生成模块204。

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

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

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

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

在一种可选的方式中，所述调用模块202用于：

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

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

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

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

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

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

在一种可选的方式中，所述调用模块202用于：

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

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

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

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

若不匹配，确定所述目标样式标识与所述备选样式标识是否相同。

在一种可选的方式中，所述调用模块202用于：

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

在一种可选的方式中，所述调用模块202用于：

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

图3示出了本发明实施例提供的页面生成设备的结构示意图，本发明具体实施例并不对页面生成设备的具体实现做限定。

如图3所示，该页面生成设备可以包括：处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。

其中：处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。通信接口304，用于与其它设备比如客户端或其它服务器等的网元通信。处理器302，用于执行程序310，具体可以执行上述用于页面生成方法实施例中的相关步骤。

具体地，程序310可以包括程序代码，该程序代码包括计算机可执行指令。

处理器302可能是中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。页面生成设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个CPU；也可以是不同类型的处理器，如一个或多个CPU以及一个或多个ASIC。

存储器306，用于存放程序310。存储器306可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

程序310具体可以被处理器302调用使页面生成设备执行以下操作：

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

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

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

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

在一种可选的方式中，所述父组件为Provider组件，所述目标子组件为Consumer组件；所述程序310被处理器302调用使页面生成设备执行以下操作：

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

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

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

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

在一种可选的方式中，所述Provider组件中包括第一对象，所述第一对象用于存储所述Provider组件与所述Consumer之间的可共享数据，所述可共享数据为所述Provider组件对应的组件状态属性；所述程序310被处理器302调用使页面生成设备执行以下操作：

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

在一种可选的方式中，所述程序310被处理器302调用使页面生成设备执行以下操作：

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

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

在一种可选的方式中，所述样式设置方法中还包括第一变量，所述第一变量用于存储所述Consumer组件对应的默认样式标识，所述程序310被处理器302调用使页面生成设备执行以下操作：

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

若不匹配，确定所述目标样式标识与所述备选样式标识是否相同。

在一种可选的方式中，所述程序310被处理器302调用使页面生成设备执行以下操作：

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

在一种可选的方式中，所述程序310被处理器302调用使页面生成设备执行以下操作：

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

本发明实施例提供的页面生成设备的实现原理与前述任一实施例中的页面生成方法相同，不再赘述。本发明实施例提供的页面生成设备通过将备选页面样式以及样式调用方法存储在父组件中，将用于生成页面的目标子组件嵌套在父组件中，从而实现在目标子组件中复用父组件中的备选页面样式，实现了页面样式的复用，提高了页面生成的效率。

本发明实施例提供了一种计算机存储介质，所述存储介质存储有至少一可执行指令，该可执行指令在页面生成设备上运行时，使得所述页面生成设备执行上述任意方法实施例中的页面生成方法。

可执行指令具体可以用于使得页面生成设备执行以下操作：

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

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

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

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

在一种可选的方式中，所述父组件为Provider组件，所述目标子组件为Consumer组件；所述可执行指令使所述页面生成设备执行以下操作：

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

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

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

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

在一种可选的方式中，所述Provider组件中包括第一对象，所述第一对象用于存储所述Provider组件与所述Consumer之间的可共享数据，所述可共享数据为所述Provider组件对应的组件状态属性；所述可执行指令使所述页面生成设备执行以下操作：

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

在一种可选的方式中，所述可执行指令使所述页面生成设备执行以下操作：

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

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

在一种可选的方式中，所述样式设置方法中还包括第一变量，所述第一变量用于存储所述Consumer组件对应的默认样式标识，所述可执行指令使所述页面生成设备执行以下操作：

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

若不匹配，确定所述目标样式标识与所述备选样式标识是否相同。

在一种可选的方式中，所述可执行指令使所述页面生成设备执行以下操作：

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

在一种可选的方式中，所述可执行指令使所述页面生成设备执行以下操作：

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

本发明实施例提供的计算机存储介质的实现原理与前述任一实施例中的页面生成方法相同，不再赘述。本发明实施例提供的计算机存储介质通过将备选页面样式以及样式调用方法存储在父组件中，将用于生成页面的目标子组件嵌套在父组件中，从而实现在目标子组件中复用父组件中的备选页面样式，实现了页面样式的复用，提高了页面生成的效率。

本发明实施例提供一种页面生成装置，用于执行上述页面生成方法。

本发明实施例提供了一种计算机程序，所述计算机程序可被处理器调用使页面生成设备执行上述任意方法实施例中的页面生成方法。

本发明实施例提供了一种计算机程序产品，计算机程序产品包括存储在计算机存储介质上的计算机程序，计算机程序包括程序指令，当程序指令在计算机上运行时，使得所述计算机执行上述任意方法实施例中的页面生成方法。

在此提供的算法或显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明实施例也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本发明并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明实施例的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。

本领域技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。上述实施例中的步骤，除有特殊说明外，不应理解为对执行顺序的限定。