CN108984714A - 页面渲染方法、装置、电子设备及计算机可读介质 - Google Patents

Abstract

本公开涉及一种页面渲染方法、装置、电子设备及计算机可读介质。涉及计算机信息处理领域，该方法包括：根据页面请求获取待展示页面，所述待展示页面中包括多个待展示组件；根据所述多个待展示组件确定多个组件渲染器；利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段；以及将所述多个页面片段进行组合以完成页面渲染。本公开的页面渲染方法、装置、电子设备及计算机可读介质，能够解决现有技术中的难题，在待展示的页面中包含需要不同技术栈进行渲染的多个不同的组件时，将多个组件在同一个页面中渲染并展示。

Description

页面渲染方法、装置、电子设备及计算机可读介质

技术领域

本公开涉及计算机信息处理领域，具体而言，涉及一种页面渲染方法、装置、电子设备及计算机可读介质。

背景技术

随着互联网技术的发展，用户的日常生活越来越依赖于网络服务，随之而来的对于网络平台的网页需求也越来越多，用户通过网页访问网页后台支持的数据库的情况也越来越多，例如用户注册，用户登录，订单管理等等功能，均需要网页后台的数据库的支持，原有的静态页面的网页已经不能满足这些需求，动态网页技术随之开始发展。

动态网页技术是指在服务器端运行的，使用程序语言设计的交互式网页，它们会根据某种条件的变化，返回不同的网页内容，以便可以使得用户和网页后台的服务器进行信息交互。目前动态网页的搭建方法为通过组件搭建网页页面。在通过组件搭建动态网页页面的时候，需要通过渲染器对组件进行渲染之后才能在客户端的浏览器上进行展示。

一个动态网页上经常存在多个组件，目前在进行网页中组件渲染的时候，网页中所有的组件的技术栈和页面的技术栈必须是一致的，采用对应的技术栈官方提供的渲染方式，一次性将整个网页页面渲染出来。这种状况给动态网页的使用和发展带来了极大的技术瓶颈。

因此，需要一种新的页面渲染方法、装置、电子设备及计算机可读介质。

在所述背景技术部分公开的上述信息仅用于加强对本公开的背景的理解，因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

有鉴于此，本公开提供一种页面渲染方法、装置、电子设备及计算机可读介质，解决目前存在的技术难题，在待展示的页面中包含需要不同技术栈进行渲染的多个不同的组件时，将多个组件在同一个页面中渲染并展示。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开的一方面，提出一种页面渲染方法，该方法包括：根据页面请求获取待展示页面，所述待展示页面中包括多个待展示组件；根据所述多个待展示组件确定多个组件渲染器；利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段；以及将所述多个页面片段进行组合以完成页面渲染。

在本公开的一种示例性实施例中，所述待展示页面通过页面结构化数据组建，所述页面结构化数据包括：待展示组件的组件信息与组件数据。

在本公开的一种示例性实施例中，根据所述多个待展示组件确定多个组件渲染器包括：根据所述多个待展示组件的组件信息确定所述多个组件渲染器。

在本公开的一种示例性实施例中，根据所述多个待展示组件确定所述多个组件渲染器包括：根据待展示组件的组件信息确定所述多个待展示组件中每一个待展示组件的技术栈和依赖关系；以及根据所述技术栈和所述依赖关系确定所述待展示组件的组件渲染器。

在本公开的一种示例性实施例中，利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段包括：为所述多个待展示组件分别分配多个渲染进程；通过所述多个渲染进程对所述多个待展示组件进行渲染，生成多个页面片段。

在本公开的一种示例性实施例中，利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段包括：利用所述多个组件渲染器与所述多个待展示组件的组件数据分别对所述多个待展示组件进行渲染，生成多个页面片段。

在本公开的一种示例性实施例中，利用所述多个组件渲染器与所述多个待展示组件的组件数据分别对所述多个待展示组件进行渲染，生成多个页面片段包括：依次提取所述多个待展示组件中的每一个待展示组件的组件数据；在脚本语言中引用组件数据对应的组件渲染器对待展示组件进行渲染，生成页面片段。

在本公开的一种示例性实施例中，所述JavaScript语言基于Web Worker/Node.js框架运行。

在本公开的一种示例性实施例中，在脚本语言中引用组件数据对应的组件渲染器对待展示组件进行渲染，生成页面片段包括：在脚本语言中引用React渲染器对待展示组件进行渲染，生成页面片段；以及在脚本语言中引用Vue渲染器对待展示组件进行渲染，生成页面片段。

在本公开的一种示例性实施例中，将所述多个页面片段进行组合以完成页面渲染包括：根据页面结构化数据将所述多个页面片段进行组合以完成页面渲染。

根据本公开的一方面，提出一种页面渲染装置，该装置包括：获取页面模块，用于根据页面请求获取待展示页面，所述待展示页面中包括多个待展示组件；渲染器模块，用于根据所述多个待展示组件确定多个组件渲染器；渲染模块，用于利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段；以及组合模块，用于将所述多个页面片段进行组合以完成页面渲染。

根据本公开的一方面，提出一种电子设备，该电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序；当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上文的方法。

根据本公开的一方面，提出一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现如上文中的方法。

根据本公开的页面渲染方法、装置、电子设备及计算机可读介质，解决目前存在的技术难题，在待展示的页面中包含需要不同技术栈进行渲染的多个不同的组件时，将多个组件在同一个页面中渲染并展示。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本公开。

附图说明

通过参照附图详细描述其示例实施例，本公开的上述和其它目标、特征及优点将变得更加显而易见。下面描述的附图仅仅是本公开的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是根据一示例性实施例示出的一种页面渲染方法及装置的系统框图。

图2是根据一示例性实施例示出的一种页面渲染方法的流程图。

图3是根据一示例性实施例示出的一种页面渲染方法中的数据流向示意图。

图4是根据另一示例性实施例示出的一种页面渲染方法的流程图。

图5是根据一示例性实施例示出的一种页面渲染装置的框图。

图6是根据一示例性实施例示出的一种电子设备的框图。

图7是根据一示例性实施例示出一种计算机可读存储介质示意图。

具体实施方式

现在将参考附图更全面地描述示例实施例。然而，示例实施例能够以多种形式实施，且不应被理解为限于在此阐述的实施例；相反，提供这些实施例使得本公开将全面和完整，并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。

此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本公开的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本公开的各方面。

附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。

应理解，虽然本文中可能使用术语第一、第二、第三等来描述各种组件，但这些组件不应受这些术语限制。这些术语乃用以区分一组件与另一组件。因此，下文论述的第一组件可称为第二组件而不偏离本公开概念的教示。如本文中所使用，术语“及/或”包括相关联的列出项目中的任一个及一或多者的所有组合。

本领域技术人员可以理解，附图只是示例实施例的示意图，附图中的模块或流程并不一定是实施本公开所必须的，因此不能用于限制本公开的保护范围。

动态网页，是指跟静态网页相对的一种网页编程技术。动态页面的页面代码虽然没有变，但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常是以.htm、.html等为后后缀的。静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。动态网页的网站URL的后缀是以.aspx.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号：“？”。

动态网页的一般处理流程如下：动态网页首先获得用户的指令，然后网页拿着指令到数据库中找和指令相对应的数据，然后传递给服务器，通过服务器的编译把动态页面编译成标准的HTML代码，传递给用户浏览器，用户浏览器对数据代码进行解析渲染，生成待展示的页面以供用户浏览。

动态网页上经常存在多个组件，目前在进行网页中组件渲染的时候，网页中所有的组件的技术栈和页面的技术栈必须是一致的，采用对应的技术栈官方提供的渲染方式，一次性将整个网页页面渲染出来。本申请的发明人发现，在网页的开发和后期维护过程中，随着时间的增加、不同开发维护团队的交流合作增多，对于不同技术团队产出的业务组件，在现有的动态网页页面中是无法彼此互相复用的。网页的开发人员经常需要强制使用同一种技术协议栈，这种状况给动态网页的使用和发展带来了极大的技术瓶颈。

有鉴于此，本申请提出了页面渲染方法，能够解决现有技术中的技术缺陷，在待展示的页面中包含需要不同技术栈进行渲染的多个不同的组件时，将多个组件在同一个页面中渲染并展示。

下面是对本申请内容的详细描述：

图1是根据一示例性实施例示出的一种页面渲染方法及装置的系统框图。

如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。

终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器，例如对用户利用终端设备101、102、103所浏览的网站提供页面数据支持的后台管理服务器。后台管理服务器可以对接收到的页面展示请求等数据进行分析等处理，并将处理结果(待展示页面数据)反馈给终端设备。

在本公开的实施例中，终端设备101、102、103中浏览器页面中的页面数据可例如通过页面对应的服务器105提供，页面数据跟随服务器105中生成的浏览器的超文本标记语言(Hyper Text Markup Language，HTML)响应一同发送至终端设备101、102、103处，终端设备101、102、103的浏览器通过对页面数据进行解析渲染生成展示页面。

服务器105可例如在网页页面中预设多个需要不同协议栈进行渲染的组件，终端设备101、102、103可以是给各种应用软件或者网络浏览提供支持服务的电子设备，例如用户的终端设备103(也可以是终端设备101或102)中的应用程序或者浏览器向服务器105发送页面请求，用户的终端设备103解析网页页面并进行展示。

具体可例如，终端设备101、102、103可例如根据用户的页面请求获取待展示页面，所述待展示页面中包括多个待展示组件；终端设备101、102、103可例如根据所述多个待展示组件确定多个组件渲染器；终端设备101、102、103可例如利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段；终端设备101、102、103可例如将所述多个页面片段进行组合以完成页面渲染。

需要说明的是，本公开实施例所提供的页面渲染方法可以由服务器105执行与终端设备101、102、103执行，相应地，页面渲染装置可以设置于服务器105与终端设备101、102、103中。而提供给用户进行网页浏览的网页端一般位于终端设备101、102、103中。

图2是根据一示例性实施例示出的一种页面渲染方法的流程图。页面渲染方法20至少包括步骤S202至S208。图3是根据一示例性实施例示出的一种页面渲染方法中的数据流向示意图。借助于图2与图3，对本申请的页面渲染方法描述如下：

如图2所示，在S202中，根据页面请求获取待展示页面，所述待展示页面中包括多个待展示组件。其中，所述待展示页面通过页面结构化数据组建，所述页面结构化数据包括：待展示组件的组件信息与组件数据。其中，结构化数据，简单来说就是数据库，也称作行数据，是由二维表结构来逻辑表达和实现的数据，严格地遵循数据格式与长度规范，主要通过关系型数据库进行存储和管理。结构化数据能让网站以更好的姿态展示在搜索结果当中。

在一个实施例中，页面结构化数据是指存储着有组件以及组件配置属性组成的树形结构的数据。根据这些数据加载对应的组件，结合结构化数据中的组件数据，调用渲染器渲染组件。可例如，页面结构化数据中的树形结构中每一个主分支均代表一个组件模块，在主分支下的分支中分别储存了该组件模块的组件描述、组件数据、组件信息等相关内容，本申请不以此为限。

如图3所述，在网页结构化数据中包括组件信息与组件数据。其中，组件(Component)是对数据和方法的简单封装。C++Builder中，组件可为从TComponent派生出来的特定对象。组件可以有自己的属性和方法。属性是组件数据的简单访问者。方法则是组件的一些简单而可见的功能。使用组件可以实现拖放式编程、快速的属性处理以及真正的面向对象的设计。

在一个实施例中，本申请中的组件为网页组件，网页组件包含各种常用的界面组件，如：表格、树、联动下拉框等，可轻松构造出令人耳目一新的Web应用界面。

在一个实施例中，组件信息包括技术栈、依赖项、其他信息；组件数据保留配置数据、属性参数等渲染相关内容。

如图2所示，在S204中，根据所述多个待展示组件确定多个组件渲染器。可例如根据所述多个待展示组件的组件信息确定所述多个组件渲染器。可例如，在某网页中存在三个待展示的组件：第一组件，第二组件，第三组件，根据第一组件的组件信息确定与其相配的第一渲染器，根据第二组件的组件信息确定与其相配的第二渲染器，类似于此，为第三组件确定第三渲染器。其中，第一渲染器、第二渲染器、第三渲染器可为使用同一个技术栈的渲染器，也可为互不相同的使用多个技术栈的渲染器，本申请不以此为限。

在一个实施例中，根据所述多个待展示组件确定所述多个组件渲染器包括：根据待展示组件的组件信息确定所述多个待展示组件中每一个待展示组件的技术栈和依赖关系；以及根据所述技术栈和所述依赖关系确定所述待展示组件的组件渲染器。

在一个实施例中，组件可包括通过React方法生成的组件，或者通过Vue方法生成的组件，还可包括其他组件生成方法生成的组件，本申请不以此为限。如图3所示，为不同方法生成的组件确定不同种类的渲染器。

如图2所示，在S206中，利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段。可例如，利用所述多个组件渲染器与所述多个待展示组件的组件数据分别对所述多个待展示组件进行渲染，生成多个页面片段。

在一个实施例中，在脚本语言中引用组件数据对应的组件渲染器对待展示组件进行渲染，生成页面片段包括：在脚本语言中引用React渲染器对待展示组件进行渲染，生成页面片段。其中，React是一款JavaScript库，React可以非常轻松地创建用户交互界面。为应用的每一个状态设计简洁的视图，在数据改变时React也可以高效地更新渲染界面。React组件使用一个名为render()的方法，接收数据作为输入，输出页面中对应展示的内容。除了使用外部传入的数据以外，组件还可以拥有其内部的状态数据。当组件的状态数据改变时，组件会调用render()方法重新渲染。

在一个实施例中，在脚本语言中引用组件数据对应的组件渲染器对待展示组件进行渲染，生成页面片段包括：在脚本语言中引用Vue渲染器对待展示组件进行渲染，生成页面片段。其中，Vue是一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。提供了简洁、易于理解的API接口。Vue是一套构建用户界面的渐进式框架，只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。因为Vue是数据驱动的，它通过一些特殊的HTML语法，将文档对象模型和数据绑定起来。

在一个实施例中，为所述多个待展示组件分别分配多个渲染进程；通过所述多个渲染进程对所述多个待展示组件进行渲染，生成多个页面片段。可例如，为每个渲染器分配独立的渲染进程，通过独立的渲染进行对组件进行渲染。

在一个实施例中，利用所述多个组件渲染器与所述多个待展示组件的组件数据分别对所述多个待展示组件进行渲染，生成多个页面片段包括：依次提取所述多个待展示组件中的每一个待展示组件的组件数据；在脚本语言中引用组件数据对应的组件渲染器对待展示组件进行渲染，生成页面片段。

在本公开的一种示例性实施例中，所述脚本语言包括：JavaScript语言，所述JavaScript语言基于Web Worker/Node.js框架运行。Worker/Node.js是一个运行在后台的JavaScript线程，不会影响页面的响应。JavaScript是单线程的脚本语言，即同一时刻只能做一件事情，否则会带来极其复杂的同步问题。所以，为了避免同步复杂性的问题，JavaScript从一诞生起就是单线程，这也是这门语言的特征。但是，JavaScript的单线程机制会带来一个问题，当有一些非常复杂的任务需要处理时，页面不得不需要等待任务处理完成才能响应用户的操作，这对于页面的响应及用户体验都会带来一些负面的影响，为了解决这个问题，同时也是为了利用多核CPU的计算能力，HTML5提出了Web Worker标准，允许JavaScript创建多个线程，但是新创建的这些线程将作为子线程并且完全受主线程的控制。所以，可以把一些费时的任务交给Web Worker创建的子线程在后台完成，而前台页面依然可以处理用户的响应。

网页渲染就是根据描述或者定义构建数学模型，通过模型生成图像的过程。浏览器的渲染引擎就是能够将HTML/CSS/JavaScript转换成图像结果的模块，渲染引擎的主要目的就是从一个网页的URL开始，经过一系列的复杂处理过程之后，变成一个可视化的结果，这一过程就是这里所说的页面渲染的基本过程。渲染器提供了功能模块来支持页面渲染，渲染引擎中还应该包括如何使用这些依赖模块的部分。

页面渲染一般通过浏览器处理，大致分为以下几步：

加载：根据请求的URL进行域名解析，向服务器发起请求，接收文件(HTML、JS、CSS、图象等)。

解析：对加载到的资源(HTML、JS、CSS等)进行语法解析，建议相应的内部数据结构(比如HTML的DOM树，JS的(对象)属性表，CSS的样式规则等等)

渲染：构建渲染树，对各个元素进行位置计算、样式计算等等，然后根据渲染树对页面进行渲染。

如图3所示，在通过多个渲染器对多个组件进行渲染之后，生成了多个网页片段，具体可称之为网页代码片段。

在S208中，将所述多个页面片段进行组合以完成页面渲染。可例如，根据页面结构化数据将所述多个页面片段进行组合以完成页面渲染。

根据本公开的页面渲染方法，通过为页面中使用不同协议栈的组件提供对应的渲染器的方式进行组件渲染，得到多个网页片段后经过组合生成展示网页的方法，能够解决目前存在的技术难题，在待展示的页面中包含需要不同技术栈进行渲染的多个不同的组件时，将多个组件在同一个页面中渲染并展示。

应清楚地理解，本公开描述了如何形成和使用特定示例，但本公开的原理不限于这些示例的任何细节。相反，基于本公开公开的内容的教导，这些原理能够应用于许多其它实施例。

图4是根据另一示例性实施例示出的一种页面渲染方法的流程图。图4所示的流程是对图2所示的流程中S206“利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段”的详细描述，

如图4所示，在S402中，提取组件。

在S404中，根据组件信息确定组件渲染器。

在S406中，通过组件渲染器对组件进行渲染，生成页面片段。在脚本语言中引用组件数据对应的组件渲染器对待展示组件进行渲染，生成页面片段。

在S408中，判断是否该网页中组件已经全部渲染完毕。

在S410中，将页面片段组合生成网页页面。

根据本公开的页面渲染方法，渲染的页面有页面结构化数据组成，能够加快页面渲染的处理速度。

根据本公开的页面渲染方法，通过WebWorker/Node.js语言渲染网页组件，能够支持多种技术栈的组件的渲染。

根据本公开的页面渲染方法，通过统一的模型来调用渲染器，使得网页渲染平台具有良好的向后扩展性，可以支持新的前端技术栈。

在一个实施例中，待展示页面有10个Vue组件和10个React组件组成，渲染流程如下：

加载该页面的结构化数据，分析出页面包含10个React组件和10个Vue组件。

依次获取每个React/Vue组件，拿到每个组件的元数据信息，在元数据信息中取出技术栈、技术栈依赖的版本和属性配置数据

对于每个组件，根据步骤3拿到的组件相关信息，在Web Worker，引用相应的技术栈渲染器对组件结合组件的数据进行渲染，输出渲染后的页面代码片段

基于渲染后的页面代码片段，根据页面结构化数据信息将这些代码片段组装成完整的页面，完成渲染。

本领域技术人员可以理解实现上述实施例的全部或部分步骤被实现为由CPU执行的计算机程序。在该计算机程序被CPU执行时，执行本公开提供的上述方法所限定的上述功能。所述的程序可以存储于一种计算机可读存储介质中，该存储介质可以是只读存储器，磁盘或光盘等。

此外，需要注意的是，上述附图仅是根据本公开示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。

图5是根据一示例性实施例示出的一种页面渲染装置的框图。页面渲染装置50包括：获取页面模块502，渲染器模块504，渲染模块506，以及组合模块508。

获取页面模块502用于根据页面请求获取待展示页面，所述待展示页面中包括多个待展示组件；可例如根据所述多个待展示组件的组件信息确定所述多个组件渲染器。

渲染器模块504用于根据所述多个待展示组件确定多个组件渲染器；可例如根据所述多个待展示组件的组件信息确定所述多个组件渲染器。可例如，在某网页中存在三个待展示的组件：第一组件，第二组件，第三组件，根据第一组件的组件信息确定与其相配的第一渲染器，根据第二组件的组件信息确定与其相配的第二渲染器，类似于此，为第三组件确定第三渲染器。其中，第一渲染器、第二渲染器、第三渲染器可为使用同一个技术栈的渲染器，也可为互不相同的使用多个技术栈的渲染器，本申请不以此为限。

渲染模块506用于利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段；可例如，利用所述多个组件渲染器与所述多个待展示组件的组件数据分别对所述多个待展示组件进行渲染，生成多个页面片段。

组合模块508用于将所述多个页面片段进行组合以完成页面渲染。可例如，根据页面结构化数据将所述多个页面片段进行组合以完成页面渲染。

根据本公开的页面渲染装置，通过为页面中使用不同协议栈的组件提供对应的渲染器的方式进行组件渲染，得到多个网页片段后经过组合生成展示网页的方法，能够解决目前存在的技术难题，在待展示的页面中包含需要不同技术栈进行渲染的多个不同的组件时，将多个组件在同一个页面中渲染并展示。

图6是根据一示例性实施例示出的一种电子设备的框图。

下面参照图6来描述根据本公开的这种实施方式的电子设备200。图6显示的电子设备200仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图6所示，电子设备200以通用计算设备的形式表现。电子设备200的组件可以包括但不限于：至少一个处理单元210、至少一个存储单元220、连接不同系统组件(包括存储单元220和处理单元210)的总线230、显示单元240等。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元210执行，使得所述处理单元210执行本说明书上述电子处方流转处理方法部分中描述的根据本公开各种示例性实施方式的步骤。例如，所述处理单元210可以执行如图2，图4中所示的步骤。

所述存储单元220可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)2201和/或高速缓存存储单元2202，还可以进一步包括只读存储单元(ROM)2203。

所述存储单元220还可以包括具有一组(至少一个)程序模块2205的程序/实用工具2204，这样的程序模块2205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线230可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备200也可以与一个或多个外部设备300(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备200交互的设备通信，和/或与使得该电子设备200能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口250进行。并且，电子设备200还可以通过网络适配器260与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。网络适配器260可以通过总线230与电子设备200的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备200使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、或者网络设备等)执行根据本公开实施方式的上述方法。

图7示意性示出本公开示例性实施例中一种计算机可读存储介质示意图。

参考图7所示，描述了根据本公开的实施方式的用于实现上述方法的程序产品400，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本公开的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

所述计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该计算机可读介质实现如下功能：根据页面请求获取待展示页面，所述待展示页面中包括多个待展示组件；根据所述多个待展示组件确定多个组件渲染器；利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段；以及将所述多个页面片段进行组合以完成页面渲染。

本领域技术人员可以理解上述各模块可以按照实施例的描述分布于装置中，也可以进行相应变化唯一不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块，也可以进一步拆分成多个子模块。

通过以上的实施例的描述，本领域的技术人员易于理解，这里描述的示例实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施例的方法。

以上具体地示出和描述了本公开的示例性实施例。应可理解的是，本公开不限于这里描述的详细结构、设置方式或实现方法；相反，本公开意图涵盖包含在所附权利要求的精神和范围内的各种修改和等效设置。

此外，本说明书说明书附图所示出的结构、比例、大小等，均仅用以配合说明书所公开的内容，以供本领域技术人员了解与阅读，并非用以限定本公开可实施的限定条件，故不具技术上的实质意义，任何结构的修饰、比例关系的改变或大小的调整，在不影响本公开所能产生的技术效果及所能实现的目的下，均应仍落在本公开所公开的技术内容得能涵盖的范围内。同时，本说明书中所引用的如“上”、“第一”、“第二”及“一”等的用语，也仅为便于叙述的明了，而非用以限定本公开可实施的范围，其相对关系的改变或调整，在无实质变更技术内容下，当也视为本公开可实施的范畴。

Claims (13)

1.一种页面渲染方法，其特征在于，包括：

根据页面请求获取待展示页面，所述待展示页面中包括多个待展示组件；

根据所述多个待展示组件确定多个组件渲染器；

利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段；以及

将所述多个页面片段进行组合以完成页面渲染。

2.如权利要求1所述的方法，其特征在于，所述待展示页面通过页面结构化数据组建，所述页面结构化数据包括：待展示组件的组件信息与组件数据。

3.如权利要求2所述的方法，其特征在于，根据所述多个待展示组件确定多个组件渲染器包括：

根据所述多个待展示组件的组件信息确定所述多个组件渲染器。

4.如权利要求3所述的方法，其特征在于，根据所述多个待展示组件确定所述多个组件渲染器包括：

根据待展示组件的组件信息确定所述多个待展示组件中每一个待展示组件的技术栈和依赖关系；以及

根据所述技术栈和所述依赖关系确定所述待展示组件的组件渲染器。

5.如权利要求1所述的方法，其特征在于，利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段包括：

为所述多个待展示组件分配多个渲染进程；

通过所述多个渲染进程对所述多个待展示组件进行渲染，生成多个页面片段。

6.如权利要求1所述的方法，其特征在于，利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段包括：

利用所述多个组件渲染器与所述多个待展示组件的组件数据分别对所述多个待展示组件进行渲染，生成多个页面片段。

7.如权利要求6所述的方法，其特征在于，利用所述多个组件渲染器与所述多个待展示组件的组件数据分别对所述多个待展示组件进行渲染，生成多个页面片段包括：

依次提取所述多个待展示组件中的每一个待展示组件的组件数据；

在脚本语言中引用组件数据对应的组件渲染器对待展示组件进行渲染，生成页面片段。

8.如权利要求7所述的方法，其特征在于，在脚本语言中引用组件数据对应的组件渲染器对待展示组件进行渲染，生成页面片段包括：

在脚本语言中引用React渲染器对待展示组件进行渲染，生成页面片段；以及

在脚本语言中引用Vue渲染器对待展示组件进行渲染，生成页面片段。

9.如权利要求2所述的方法，其特征在于，将所述多个页面片段进行组合以完成页面渲染包括：

根据页面结构化数据将所述多个页面片段进行组合以完成页面渲染。

10.如权利要求2所述的方法，其特征在于，所述页面结构化数据为树形结构的数据。

11.一种页面渲染装置，其特征在于，包括：

获取页面模块，用于根据页面请求获取待展示页面，所述待展示页面中包括多个待展示组件；

渲染器模块，用于根据所述多个待展示组件确定多个组件渲染器；

渲染模块，用于利用所述多个组件渲染器分别对所述多个待展示组件进行渲染，生成多个页面片段；以及

组合模块，用于将所述多个页面片段进行组合以完成页面渲染。

12.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-10中任一所述的方法。

13.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-10中任一所述的方法。