一种页面渲染方法、装置、电子设备及存储介质与流程

1.本发明实施例涉及计算机技术领域，尤其涉及一种页面渲染方法、装置、电子设备及存储介质。


背景技术：

2.在页面渲染的过程中，在遇到较为复杂的页面时，一般会把页面拆分成多个子组件，然后在页面中引入所有的子组件。
3.目前，在对页面中的子组件进行引入时，通常需要对子组件进行导入和渲染的处理，每增加一个新的子组件，都需要重复进行导入和渲染处理，但是这样的结果是导致代码变的冗余且不易维护，降低了系统性能。
4.因此，为了解决页面渲染过程中的重复性处理，需要在页面渲染时将子组件的导入和渲染的操作进行优化。


技术实现要素：

5.本发明提供一种页面渲染方法、装置、电子设备及存储介质，实现了页面渲染过程中子组件的导入和渲染流程简单化的效果。
6.第一方面，本发明实施例提供了一种页面渲染方法，其特征在于，包括：
7.当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文件；
8.通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息；
9.基于所述组件关联信息和与所述页面渲染文件中的配置文件，确定与所述页面渲染文件相对应的至少一个目标子组件；
10.通过对所述至少一个目标子组件进行渲染处理，得到与所述页面渲染文件相对应的目标页面。
11.第二方面，本发明实施例还提供了一种页面渲染装置，其特征在于，包括：
12.渲染文件调取模块，用于当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文件；
13.关联信息确定模块，用于通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息；
14.目标子组件确定模块，用于基于所述组件关联信息和与所述页面渲染文件中的配置文件，确定与所述页面渲染文件相对应的至少一个目标子组件；
15.目标页面确定模块，用于通过对所述至少一个目标子组件进行渲染处理，得到与所述页面渲染文件相对应的目标页面。
16.第三方面，本发明实施例还提供了一种电子设备，所述电子设备包括：
17.一个或多个处理器；
18.存储装置，用于存储一个或多个程序，
19.当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本发明实施例任一所述的页面渲染方法。
20.第四方面，本发明实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如本发明实施例任一所述的页面渲染方法。
21.本实施例的技术方案，当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文件，基于页面渲染文件所需要的展示内容对应的组件在组件库中获取相对应的各组件。通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息，根据组件关联信息，进一步的可以确定与配置文件匹配的目标子组件。基于所述组件关联信息和与所述页面渲染文件中的配置文件，确定与所述页面渲染文件相对应的至少一个目标子组件，根据至少一个目标子组件生成组件列表，并根据组件列表从组件库中获取目标子组件。通过对所述至少一个目标子组件进行渲染处理，得到与所述页面渲染文件相对应的目标页面，用以将得到的目标页面展示给用户。解决了在页面渲染过程中，需要对每个子组件进行渲染，进而导致代码冗余，不易维护的问题，实现了一次导入全部子组件，按照页面渲染要求调取相应的子组件，并将相应的子组件展示在目标页面上的效果。
附图说明
22.为了更加清楚地说明本发明示例性实施例的技术方案，下面对描述实施例中所需要用到的附图做一简单介绍。显然，所介绍的附图只是本发明所要描述的一部分实施例的附图，而不是全部的附图，对于本领域普通技术人员，在不付出创造性劳动的前提下，还可以根据这些附图得到其他的附图。
23.图1为本发明实施例一所提供的一种页面渲染方法的流程图；
24.图2为本发明实施例二所提供的一种页面渲染方法的流程示意图；
25.图3为本发明实施例三所提供的一种页面渲染方法的具体实施流程示意图；
26.图4为本发明实施例四所提供的一种页面渲染装置的结构示意图。
27.图5为本发明实施例五所提供的一种电子设备的结构示意图。
具体实施方式
28.下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。
29.实施例一
30.图1为本发明实施例一所提供的一种页面渲染方法流程示意图，本实施例可适用于在进行页面渲染之前，一次性导入页面所需要的子组件，然后基于导入的子组件生成相应页面的情况，该方法可以由页面渲染装置来执行，该装置可以通过软件和/或硬件的形式实现，硬件可以是电子设备，如，移动终端或pc端等。
31.如图1所示，本实施例的方法包括：
32.s110、当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文
件。
33.其中，对页面进行处理时，可以将页面分为多个页面区域，每个页面区域可以对应一个子组件，页面渲染可以理解为将页面的各个区域所对应的子组件显示在页面上，页面渲染指令可以理解为在进行页面渲染时的控制命令，具体可以为命令控件、控制按钮、命令行或是页面中的控制触发区域等。页面渲染文件可以理解为与页面中的展示内容相对应的文件，在一个页面渲染文件中可以包含多个与页面展示内容相关的子文件，示例性地，页面渲染文件可以为可以基于html元素生成的vue文件。
34.具体的，当用户对页面进行渲染时，可以通过触发预先设置的页面渲染指令进行页面渲染。当接收到页面渲染指令时，根据页面渲染指令调取与页面渲染指令相关的页面渲染文件。
35.可选的，所述当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文件，包括：基于命令行控件中的命令信息，确定所述页面渲染指令；根据所述页面渲染指令的页面渲染文件标识，确定至少一个页面渲染文件。
36.其中，命令行控件可以理解为一个命令行窗口，在命令行控件中可以编辑程序代码行生成命令信息，用于生成具有某种功能的指令，在本实施例中可以通过在命令行控件中输入相关代码行，生成具有启动页面渲染功能的指令。页面渲染文件标识可以理解为页面渲染过程中，与页面渲染文件相对应的标识信息，页面渲染文件标识用于表征页面渲染文件的唯一性，可以为页面渲染文件的位置信息或名称信息等，通过页面渲染文件标识可以找到与该标识对应的页面渲染文件。
37.具体的，通过在命令行控件中编辑命令信息，生成与页面渲染相关的页面渲染指令，在页面渲染指令中包括了页面渲染文件以及与页面渲染文件相关的信息，例如页面渲染文件标识等。基于页面渲染文件标识，可以确定至少一个对应的页面渲染文件。
38.s120、通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息。
39.其中，组件库可以理解为存储各种子组件的存储空间，这些子组件可以为不同的类型，例如，可以为汽车子组件、新闻子组件、体育子组件以及用户子组件等。在页面渲染文件中包含多个子文件，每个子组件对应页面渲染文件中的一个子文件。组件关联信息可以理解为与该组件相关联的信息，例如子组件在组件库中的存储位置信息和名称信息等。
40.具体的，在进行页面渲染时，基于页面渲染标识确定至少一个页面渲染文件后，在该页面渲染文件中，包含了多个与页面展示内容相关的子文件，每个子文件与组件库中的一个子组件相对应。确定页面渲染文件后，基于确定的页面渲染文件，将与页面渲染文件的各个子文件对应的组件库中的各个子组件进行解析，获得与各个子组件相关的组件关联信息，即，该子组件名称信息的和在组件库中的存储位置信息。
41.可选的，所述通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息，包括：根据所述页面渲染文件相对应的打包模块通过目标解析函数对预先构建的组件库中的各个子组件进行解析，得到至少一个子组件的组件关联信息；将所述至少一个子组件的组件关联信息作为所述页面渲染文件相对应的组件关联信息。
42.其中，打包模块可以理解为一个模块打包工具，例如模块打包器webpack，打包模
块可以构建一个模块依赖关系图，包含程序需要的每个模块，然后将这些模块进行打包。在打包模块中包含有目标解析函数，目标解析函数可以理解为对子组件进行解析的函数，通过目标解析函数可以得到子组件中的组件关联信息。
43.具体的，根据与页面渲染文件相对应的打包模块，基于打包模块中包含的目标解析函数对预先构建的组件库中的各个子组件进行解析，得到至少一个子组件中的组件关联信息，包括子组件的在组件库中的存储位置信息、名称信息，以及该子组件与页面渲染文件中的子文件的对应关系等。根据子组件的组件关联信息，可以确定该子组件与页面渲染文件中的子文件，然后将至少一个子组件的组件关联信息作为页面渲染文件相对应的组件关联关系。
44.s130、基于所述组件关联信息和与所述页面渲染文件中的配置文件，确定与所述页面渲染文件相对应的至少一个目标子组件。
45.其中，配置文件可以理解为在进行页面渲染时，页面展示内容所对应的文件，包含与页面展示内容相关联的配置信息。可以理解的是，通常配置文件包含于页面渲染文件，与页面渲染文件的子文件相对应。在页面渲染文件中可以包含多个配置文件，每个配置文件对应于页面渲染文件中的一个子文件。通过配置文件可以确定与页面渲染文件对应的组件库中的子组件；目标子组件可以组件库中与配置文件相对应的子组件。
46.具体的，组件库中的子组件通过组件关联信息与页面渲染文件中的子文件的名称信息和位置信息一一对应，配置文件中也对应包含了页面渲染文件中子文件的名称信息和位置信息。进行页面渲染时，确定了页面上的展示内容对应的配置文件，然后基于组件关联信息与页面渲染文件中的配置文件，可以将与页面渲染文件对应的组件库中的子组件进行匹配，将与配置文件匹配的子组件作为目标子组件，进而，确定与页面渲染文件相对应的至少一个目标子组件。
47.可选的，所述基于所述组件关联信息和与所述页面渲染文件中的配置文件，确定与所述页面渲染文件相对应的至少一个目标子组件，包括：根据所述页面渲染文件中配置文件的配置信息，从所述至少一个子组件中确定出至少一个目标子组件；基于所述至少一目标子组件生成与所述页面渲染文件相对应的组件列表；其中，所述组件列表中包括子组件名称和子组件在所述组件库中的存储位置信息。
48.其中，配置信息可以理解为配置文件中的包含信息，例如配置信息可以为页面渲染文件中的子文件的位置信息和名称信息。组件列表可以理解为页面渲染时所需要的所有子组件形成的一个列表，这个列表可以是由页面展示所需要的子组件的名称信息组成，也可以是由页面展示所需要的子组件的在组件库中的存储位置信息组成，还可以是页面展示所需要的子组件的id信息组成，或者还可以是由子组件的任意具有标示性的信息组成。
49.具体的，在获取与页面渲染文件相对应的至少一个目标子组件时，可以根据页面渲染文件中配置文件的配置信息，确定与该配置信息相匹配的子组件，将该子组件作为目标子组件，并基于配置信息确定至少一个目标子组件。在页面渲染过程中，可能需要一个或多个目标子组件，可以将页面渲染所对应的至少一个目标子组件的标识信息生成与页面渲染文件相对应的组件列表。其中在组件列表中包含了该子组件名称以及子组件所在组件库中的存储位置信息。
50.s140、通过对所述至少一个目标子组件进行渲染处理，得到与所述页面渲染文件
相对应的目标页面。
51.其中，渲染处理可以理解为将确定的目标子组件展示的目标页面上，目标页面可以理解为展示给用户的页面。
52.具体的，将与配置文件相对应的组件库中的子组件作为目标子组件，然后基于目标子组件可以生成与页面渲染相对应的组件列表，基于组件列表可以获取目标子组件，然后将得到的至少一个目标子组件展示在目标页面上，得到与页面渲染文件相对应的目标页面。
53.本实施例的技术方案，当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文件，基于页面渲染文件所需要的展示内容对应的组件在组件库中获取相对应的各组件。通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息，根据组件关联信息，进一步的可以确定与配置文件匹配的目标子组件。基于所述组件关联信息和与所述页面渲染文件中的配置文件，确定与所述页面渲染文件相对应的至少一个目标子组件，根据至少一个目标子组件生成组件列表，并根据组件列表从组件库中获取目标子组件。通过对所述至少一个目标子组件进行渲染处理，得到与所述页面渲染文件相对应的目标页面，用以将得到的目标页面展示给用户。解决了在页面渲染过程中，需要对每个子组件进行渲染，进而导致代码冗余，不易维护的问题，实现了一次导入全部子组件，按照页面渲染要求调取相应的子组件，并将相应的子组件展示在目标页面上的效果。
54.实施例二
55.作为上述实施例的一可选实施例，图2为本发明实施例二所提供的一种页面渲染方法的流程示意图，可选的，对所述通过对所述至少一个目标子组件进行渲染处理，得到与所述页面渲染文件相对应的目标页面进行进一步细化。
56.如图2所示，该方法具体包括：
57.s210、当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文件。
58.s220、通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息。
59.s230、基于与所述页面渲染文件中的程序代码，确定每个程序段所使用的目标子组件。
60.其中，在页面渲染文件中可以包含各种程序代码，也可以包含各种函数指令，例如可以包含import指令，可以用于确定相对应的目标子组件。
61.具体的，基于页面渲染文件中的程序代码，可以与组件库中的目标解析函数建立联系，通过程序代码可以调用组件库中的目标解析函数对子组件进行解析，获得子组件的组件关联信息，根据组件关联信息可以将子组件与页面渲染文件中的子文件建立对应关系。进而，可以确定每个程序段所使用的目标子组件。
62.示例性地，在页面渲染文件中包含汽车文件和体育文件，每个文件中包括该文件的文件名称以及文件位置信息，在组件库中存储了各中组件信息，例如汽车文件的名称和位置信息、体育文件的名称和位置信息以及用户文件的名称和位置信息。通过组件库中的函数对各个子组件进行解析，获得各子组件的组件关联信息，然后基于页面渲染文件中的
程序代码或指令，调取组件库中的函数，基于各子组件的组件关联信息，可以确定组件库中与页面渲染文件中对应的汽车文件对应的目标子组件，以及与体育文件对应的目标子组件。
63.s240、根据所述组件列表中存储的组件名称和存储位置信息，从所述组件库中调取与各程序段所对应的目标子组件。
64.具体的，根据页面渲染过程中所需要的至少一个目标子组件可以生成组件列表，然后根据组件列表中包含的各组件的名称信息，以及各组件在组件库中的存储位置信息，从组件库中获取与各程序段所对应的目标子组件。
65.示例性地，基于页面渲染文件的配置文件，以及通过页面渲染文件中的程序代码确定每个程序段所使用的目标子组件，可以确定页面展示内容所对应的目标子组件，将所需的至少一个目标子组件生成组件列表，在这个组件列表中包含了目标子组件的名称信息以及在组件库中的存储位置信息，通过这些信息可以从组件库中调取与各程序段所对应的目标子组件。
66.s250、基于各目标子组件确定目标渲染页面，并对所述目标渲染页面进行处理，得到所述目标页面。
67.其中，目标渲染页面可以理解为包含各种目标子组件的页面，在目标渲染页面中可以包含各子组件的参数信息，当子组件为图像时，目标渲染页面中可以包含图像的尺寸、颜色以及图像中的文本信息等，还可以包含各目标子组件的排版信息。目标页面可以理解为展示给用户的页面。
68.具体的，调取与各程序代码段所对应的目标子组件后，基于各目标子组件可以确定目标渲染页面，然后对目标渲染文件中的各种组件对应的信息进行相应的处理，可以得到目标页面。
69.可选的，所述基于各目标子组件确定目标渲染页面，并对所述目标渲染页面进行处理，得到所述目标页面，包括：基于各目标子组件确定目标渲染页面的排版信息；通过对所述排版信息渲染处理，得到所述目标页面。
70.其中，排版信息可以理解为各子组件在页面中的排列位置以及排列方式，例如可以为满屏排列、横向排列、纵向排列或滚动形式排列等。
71.具体的，基于各目标子组件在目标渲染页面中的排版信息，将各目标子组件按照一定的规则在页面中进行排版，可以得到目标页面，最后可以将得到的目标页面展示给用户。
72.本实施例的技术方案，基于与所述页面渲染文件中的程序代码，确定每个程序段所使用的目标子组件，用于根据确定的目标子组件生成组件列表，然后基于组件列表中的关联信息，可以确定组件库中相对应的目标子组件。根据所述组件列表中存储的组件名称和存储位置信息，从所述组件库中调取与各程序段所对应的目标子组件，将获得的目标子组件进行渲染处理，得到目标渲染页面。基于各目标子组件确定目标渲染页面，并对所述目标渲染页面进行处理，得到所述目标页面，最终将目标页面展示给用户。解决了页面渲染过程中每个子组件都需要重新导入，重新渲染的问题，实现了根据页面渲染要求将相应的子组件展示在目标页面上的效果。
73.实施例三
74.在一个具体的例子中，如图3所示，当浏览器访问vue文件(即，页面渲染文件)时，页面渲染文件中的webpack(即，打包模块)可以通过component(即，组件库)中的require.context(即，目标解析函数)方法对组件库中的所有子组件进行解析，获得与各子组件相对应的组件关联信息，例如子组件的名称信息和在组件库中的存储位置信息等，然后根据页面渲染文件中的程序代码import调用组件库中的require.context，可以确定与每个程序段所使用的子组件。同时，在页面渲染文件中的配置文件中，包含了页面渲染依赖的子组件以及每个子组件所需要的参数信息，将与配置文件相对应的子组件确定为目标子组件。然后，基于页面渲染所需要的目标子组件可以生成与页面渲染文件相对应的组件列表，其中，组件列表中包括组件名称和子组件在组件库中的存储位置信息，基于组件列表调取与各程序段对应的目标子组件，并将目标子组件按照目标渲染页面中设置的排列信息进行排列，得到目标页面，展示给用户。
75.本实施例的技术方案，当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文件，基于页面渲染文件所需要的展示内容对应的组件在组件库中获取相对应的各组件。通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息，根据组件关联信息，进一步的可以确定与配置文件匹配的目标子组件。基于所述组件关联信息和与所述页面渲染文件中的配置文件，确定与所述页面渲染文件相对应的至少一个目标子组件，根据至少一个目标子组件生成组件列表，并根据组件列表从组件库中获取目标子组件。通过对所述至少一个目标子组件进行渲染处理，得到与所述页面渲染文件相对应的目标页面，用以将得到的目标页面展示给用户。解决了在页面渲染过程中，需要对每个子组件进行渲染，进而导致代码冗余，不易维护的问题，实现了一次导入全部子组件，按照页面渲染要求调取相应的子组件的效果。
76.实施例四
77.图4为本发明实施例四提供的一种页面渲染装置，该装置包括：渲染文件调取模块410、关联信息确定模块420、目标子组件确定模块430和目标页面确定模块440。
78.其中，渲染文件调取模块410，用于当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文件；
79.关联信息确定模块420，用于通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息；
80.目标子组件确定模块430，用于基于所述组件关联信息和与所述页面渲染文件中的配置文件，确定与所述页面渲染文件相对应的至少一个目标子组件；
81.目标页面确定模块440，用于通过对所述至少一个目标子组件进行渲染处理，得到与所述页面渲染文件相对应的目标页面。
82.本实施例的技术方案，当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文件，基于页面渲染文件所需要的展示内容对应的组件在组件库中获取相对应的各组件。通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息，根据组件关联信息，进一步的可以确定与配置文件匹配的目标子组件。基于所述组件关联信息和与所述页面渲染文件中的配置文件，确定与所述页面渲染文件相对应的至少一个目标子组件，根据至少一个目标子组件生成组件列表，并根据组件列表从组件库中获取目标子组件。通过对所述至少一个目标子组件进行渲染处理，得到
与所述页面渲染文件相对应的目标页面，用以将得到的目标页面展示给用户。解决了在页面渲染过程中，需要对每个子组件进行渲染，进而导致代码冗余，不易维护的问题，实现了一次导入全部子组件，按照页面渲染要求调取相应的子组件的效果。
83.在本发明实施例中任一可选技术方案的基础上，可选地，所述渲染文件调取模块，具体包括：
84.渲染命令确定子模块，用于基于命令行控件中的命令信息，确定所述页面渲染指令；
85.渲染文件确定子模块，用于根据所述页面渲染指令的页面渲染文件标识，确定至少一个页面渲染文件。
86.在本发明实施例中任一可选技术方案的基础上，可选地，所述关联信息确定模块，具体包括：
87.关联信息确定子模块，用于根据所述页面渲染文件相对应的打包模块通过目标解析函数对预先构建的组件库中的各个子组件进行解析，得到至少一个子组件的组件关联信息；
88.页面关联信息确定子模块，用于将所述至少一个子组件的组件关联信息作为所述页面渲染文件相对应的组件关联信息。
89.在本发明实施例中任一可选技术方案的基础上，可选地，所述目标子组件确定模块，具体包括：
90.目标子组件确定子模块，用于根据所述页面渲染文件中配置文件的配置信息，从所述至少一个子组件中确定出至少一个目标子组件；
91.组件列表生成子模块，用于基于所述至少一个目标子组件生成与所述页面渲染文件相对应的组件列表；其中，所述组件列表中包括组件名称和子组件在所述组件库中的存储位置信息。
92.在本发明实施例中任一可选技术方案的基础上，可选地，所述目标页面确定模块，具体包括：
93.目标子组件确定子模块，用于基于与所述页面渲染文件中的程序代码，确定每个程序段所使用的目标子组件；
94.目标子组件调取子模块，用于根据所述组件列表中存储的组件名称和存储位置信息，从所述组件库中调取与各程序段所对应的目标子组件；
95.目标页面确定子模块，用于基于各目标子组件确定目标渲染页面，并对所述目标渲染页面进行处理，得到所述目标页面。
96.在本发明实施例中任一可选技术方案的基础上，可选地，所述目标页面确定子模块，具体包括：
97.排版信息确定单元，用于基于各目标子组件确定目标渲染页面的排版信息；
98.目标页面单元，用于通过对所述排版信息渲染处理，得到所述目标页面。
99.本发明实施例所提供的页面渲染装置可执行本发明任意实施例所提供的页面渲染方法，具备执行方法相应的功能模块和有益效果。
100.值得注意的是，上述装置所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名
称也只是为了便于相互区分，并不用于限制本发明实施例的保护范围。
101.实施例五
102.图5为本发明实施例五提供的一种电子设备的结构示意图。图5示出了适于用来实现本发明实施例实施方式的示例性电子设备40的框图。图5显示的电子设备40仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
103.如图5所示，电子设备40以通用计算设备的形式表现。电子设备40的组件可以包括但不限于：一个或者多个处理器或者处理单元401，系统存储器402，连接不同系统组件(包括系统存储器402和处理单元401)的总线403。
104.总线403表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(isa)总线，微通道体系结构(mac)总线，增强型isa总线、视频电子标准协会(vesa)局域总线以及外围组件互连(pci)总线。
105.电子设备40典型地包括多种计算机系统可读介质。这些介质可以是任何能够被电子设备40访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。
106.系统存储器402可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(ram)404和/或高速缓存存储器405。电子设备40可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统406可以用于读写不可移动的、非易失性磁介质(图5未显示，通常称为“硬盘驱动器”)。尽管图5中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如cd
‑
rom,dvd
‑
rom或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线403相连。存储器402可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。
107.具有一组(至少一个)程序模块407的程序/实用工具408，可以存储在例如存储器402中，这样的程序模块407包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块407通常执行本发明所描述的实施例中的功能和/或方法。
108.电子设备40也可以与一个或多个外部设备409(例如键盘、指向设备、显示器410等)通信，还可与一个或者多个使得用户能与该电子设备40交互的设备通信，和/或与使得该电子设备40能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口411进行。并且，电子设备40还可以通过网络适配器412与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器412通过总线403与电子设备40的其它模块通信。应当明白，尽管图5中未示出，可以结合电子设备40使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。
109.处理单元401通过运行存储在系统存储器402中的程序，从而执行各种功能应用以及数据处理，例如实现本发明实施例所提供的页面渲染方法。
110.实施例六
111.本发明实施例六还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行页面渲染方法，该方法包括：当接收到页面渲染指令时，调取与所述页面渲染指令相对应的页面渲染文件；通过对与所述页面渲染文件相对应的组件库中的各个子组件进行解析，得到各子组件的组件关联信息；基于所述组件关联信息和与所述页面渲染文件中的配置文件，确定与所述页面渲染文件相对应的至少一个目标子组件；通过对所述至少一个目标子组件进行渲染处理，得到与所述页面渲染文件相对应的目标页面。
112.本发明实施例的计算机存储介质，可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd
‑
rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
113.计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
114.计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于无线、电线、光缆、rf等等，或者上述的任意合适的组合。
115.可以以一种或多种程序设计语言或其组合来编写用于执行本发明实施例操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c ，还包括常规的过程式程序设计语言——诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
116.注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。