具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。

图1示出了可以应用本公开的页面排版方法及装置的示例性架构100。

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

终端设备101、102、103可以是支持网络连接从而进行数据交互和数据处理的硬件设备或软件。当终端设备101、102、103为硬件时，其可以是支持网络连接，信息获取、交互、显示、处理等功能的各种电子设备，包括但不限于车载智能设备、监控设备、智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时，可以安装在上述所列举的电子设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块，也可以实现成单个软件或软件模块。在此不做具体限定。

服务器105可以是提供各种服务的服务器，例如，接收用户通过终端设备101、102、103发送的请求信息，采用预设程序中的排版组件进行页面的数据排版，以向用户展示目标页面的服务器。其中，排版组件基于动态库机制被加载至预设程序中。作为示例，服务器105可以是云端服务器。

需要说明的是，服务器可以是硬件，也可以是软件。当服务器为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块)，也可以实现成单个软件或软件模块。在此不做具体限定。

还需要说明的是，本公开的实施例所提供的页面排版方法可以由服务器执行，也可以由终端设备执行，还可以由服务器和终端设备彼此配合执行。相应地，页面排版装置包括的各个部分(例如各个单元)可以全部设置于服务器中，也可以全部设置于终端设备中，还可以分别设置于服务器和终端设备中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。当页面排版方法运行于其上的电子设备不需要与其他电子设备进行数据传输时，该系统架构可以仅包括页面排版方法运行于其上的电子设备(例如服务器或终端设备)。

请参考图2，图2为本公开实施例提供的一种页面排版方法的流程图，其中，流程200包括以下步骤：

步骤201，获取待排版数据。

本实施例中，页面排版方法的执行主体(例如，图1中的终端设备或服务器)可以通过有线网络连接方式或无线网络连接方式从远程，或从本地获取待排版数据。

待排版数据是待向用户展示的目标页面所涉及的JSON(JavaScript ObjectNotation,JS对象简谱)数据，包括文本、图片、表格、显示样式等类型的数据。

步骤202，解析待排版数据，得到表征待排版数据中的各类型的数据之间的关联信息的节点结构树。

本实施例中，上述执行主体可以解析待排版数据，得到表征待排版数据中的各类型的数据之间的关联信息的节点结构树。

同一目标页面的待排版数据中所包括的文本数据、图片数据、表格数据、样式数据等各类型的数据之间存在关联信息，将各类型的数据之间的关联信息转换为节点结构树中对应于上述类型的数据的节点之间的父子、兄弟等关系，可得到表征待排版数据中的各类型的数据之间的关联信息的节点结构树。

在本实施例的一些可选的实现方式中，上述执行主体可以通过如下方式执行上述步骤202：

首先，解析待排版数据，确定待排版数据中的各类型的数据对应的节点。

作为示例，上述执行主体可以通过数据解析器解析待排版数据，确定待排版数据中的每种类型的数据对应的节点。

然后，确定所确定的各节点之间的关联信息，生成节点结构树。

本实现方式中，各节点之间的关联信息在节点关系树中体现为节点之间的父子、兄弟等关系。

本实现方式中，上述执行主体基于先确定各类型数据对应的节点，后确定节点之间的关联信息的节点结构树生成方式，提高了节点结构树的生成效率。

步骤203，基于节点结构树，通过预设程序中的排版组件得到待排版数据的排版后数据。

本实施例中，上述执行主体可以基于节点结构树，通过预设程序中的排版组件得到待排版数据的排版后数据。其中，排版组件基于动态库机制被加载至预设程序中。

预设程序可以是涉及页面的排版功能的任意程序。例如，各种应用程序。在本实施例的一些可选的实现方式中，预设程序为小程序。小程序是一种不需要下载安装即可使用的应用，用户扫一扫触发小程序的条码信息或者搜一下小程序名称即可打开应用。作为示例，小程序可以是百度文库小程序，用于展示百度文库中的数据。

现有的组件一般基于静态库机制加载至目标程序中。静态库的扩展名为.a或.lib。静态库在编译的时候会直接整合到目标程序中，所以利用静态库编译成的可执行文件比较大。基于静态库编译成功的可执行文件可以独立运行，而不需要向外部要求读取静态库的内容；但是从升级难易度来看，如果静态库更新，需要重新编译目标程序，而且静态库的更新不能覆盖目标程序的所有用户。

动态库的扩展名一般为.so或.dll，与静态库被整个整合到目标程序中不同，动态库在编译的时候，在小程序里只有一个“指向”动态库的位置，当小程序的可执行文件需要使用到动态库的机制时，小程序才会去读取动态库来使用。也就是说，小程序的可执行文件无法单独运行，必须结合动态库才能运行。如此，从产品功能升级角度来说，采用动态库机制方便组件升级，只要替换、调整对应动态库即可，不必重新编译目标程序的整个可执行文件。

本实施例中，通过小程序中排版组件，按照从上到下、从左到右的顺序，读取节点结构树中的节点，顺序存放到一条虚拟的传送带上。传送带上的“盒子”就是节点，而这条流动的传送带就是文档流。如果读取到的节点A是属于另一个节点B下的子节点，那么在放入传送带的时候，就按照顺序将节点A对应的“盒子”放到节点B对应的“盒子”的内部。如果子节点下还有子节点，在传送带上就继续嵌套到子一级的“盒子”内部。根据节点在节点结构树上的结构，可以嵌套的层级没有限制。文档流排完之后，确定节点的坐标和大小等CSS(Cascading Style Sheets，层叠样式表)属性，作为“盒子”的包装说明。最后，把“盒子”在仓库里一一摆放，以将节点布局到目标页面，得到待排版数据的排版后数据。

需要说明的是，上述确定排版后数据的过程，只是确定出每一个节点在目标页面的位置后，但并没有对目标页面可视化。

在本实施例的一些可选的实现方式中，上述执行主体可以通过如下方式执行上述步骤203：对于节点结构树中的每个节点，通过排版组件中对应于该节点的解析器确定该节点的排版信息，以得到待排版数据的排版后数据。

本实现方式中，排版组件中设置有多种解析器，包括但不限于是文本解析器、图片解析器、表格解析器、公式解析器、iframe解析器等。对应于文本数据、图片数据、表格数据、样式数据等各类型的数据的节点，通过对应于该节点的数据的类型的解析器进行解析，得到该节点的排版信息，从而根据各节点的排版信息得到待排版数据的排版后数据。本实现方式中，基于对应于节点的解析器进行解析，提高了解析效率。

在本实施例的一些可选的实现方式中，上述执行主体在执行上述步骤203之前，首先，根据所接收的动态库开发操作，构建排版组件的动态库；然后，将动态库加载至预设程序中。

上述执行主体支持开发动态库，接收技术人员的动态库开发操作，以构建排版组件的动态库。完成动态库的开发后，在动态库编译的时候，在小程序里“指向”动态库的位置，当小程序的可执行文件需要使用到动态库的机制时，小程序根据动态库的位置去读取动态库来使用。本实现方式中，上述执行主体具备动态库的开发功能，可以根据动态库开发操作灵活地开发排版组件的动态库，提高了排版组件的排版能力。

在本实施例的一些可选的实现方式中，在动态库的应用过程中，上述执行主体可以根据所接收的动态库更新操作，更新动态库，以使得预设程序通过更新后的排版组件执行后续的排版操作。

其中，动态库更新操作包括但不限于增加动态库的函数功能、删除动态库的函数功能、调整动态库中已有的函数功能。基于技术人员的动态库更新操作，上述执行主体可以灵活地进行动态库的版本更新。进一步的，借助于排版组件的动态库机制，可以提高了发布新版本的排版组件的高效性。

在本实施例的一些可选的实现方式中，在得到待排版数据的排版后数据后，上述执行主体可以渲染排版后数据，生成并显示表征排版后数据的目标页面。

作为示例，上述执行主体可以在请求小程序的终端设备中，通过小程序展示目标页面。基于动态库机制实现的排版组件卓越的排版能力，提高了目标页面的显示效果，提升了用户的体验度。

为了进一步提高目标页面的展示效果，提升用户的体验度，在本实施例的一些可选的实现方式中，上述执行主体接收针对于目标页面的交互操作；通过排版组件执行交互操作。

具体的，小程序的接收端终端设备具有页面事件的传递功能，排版组件对渲染出的目标页面可进行dispatchEvent交互操作。其中，交互操作表征用户与目标页面中的展示内容的交互。作为示例，交互操作包括针对于图片、表格、文本的缩放操作、选中操作。

在本实施例的一些可选的实现方式中，上述执行主体还可以获取得到排版后数据的过程中的预设指标信息；根据预设指标信息，生成对于得到排版后数据的过程的监控信息。

其中，预设指标信息为排版组件的排版过程的生命周期中的指标信息，包括但不限于是排版起始时间、排版结束时间、排版用时等信息。通过对排版过程的监控，可以详细地获知整个排版过程，为针对于排版过程的数据分析(例如，是否对排版组件的具体功能进行改进)提供数据基础。

继续参见图3，图3是根据本实施例的页面排版方法的应用场景的一个示意图300。在图3的应用场景中，用户301通过终端设备302向服务器303请求预设程序，以查看百度文库中的数据。首先获取所要查看的数据的待排版数据。然后，解析待排版数据，得到表征待排版数据中的各类型的数据之间的关联信息的节点结构树。最后，基于节点结构树，通过预设程序中的排版组件得到待排版数据的排版后数据。其中，排版组件基于动态库机制被加载至预设程序中。

本实施例中，采用基于动态库机制被加载至预设程序中的排版组件执行预设程序所加载的待排版数据，提高了预设程序的排版性能，以及发布新版本的排版组件的高效性。

继续参考图4，示出了根据本公开的方法的一个页面排版方法实施例的示意性流程400，包括以下步骤：

步骤401，根据所接收的动态库开发操作，构建排版组件的动态库。

步骤402，将动态库加载至小程序中。

步骤403，获取待排版数据。

步骤404，解析待排版数据，确定待排版数据中的各类型的数据对应的节点。

步骤405，确定所确定的各节点之间的关联信息，生成节点结构树。

步骤406，对于节点结构树中的每个节点，通过排版组件中对应于该节点的解析器确定该节点的排版信息，以得到待排版数据的排版后数据。

步骤407，渲染排版后数据，生成并显示表征排版后数据的目标页面。

从本实施例中可以看出，与图2对应的实施例相比，本实施例中的页面排版方法的流程400具体说明了动态库的开发过程、待排版数据的得到过程、目标页面的渲染过程，基于动态库开发操作灵活开发排版组件的动态库，提高了加载排版组件的小程序的排版性能，发布新版本的排版组件的高效性，以及目标页面的展示效果。

继续参考图5，作为对上述各图所示方法的实现，本公开提供了一种页面排版装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图5所示，页面排版装置包括：第一获取单元501，被配置成获取待排版数据；解析单元502，被配置成解析待排版数据，得到表征待排版数据中的各类型的数据之间的关联信息的节点结构树；排版单元503，被配置成基于节点结构树，通过预设程序中的排版组件得到待排版数据的排版后数据，其中，排版组件基于动态库机制被加载至预设程序中。

在本实施例的一些可选的实现方式中，解析单元502，进一步被配置成：解析待排版数据，确定待排版数据中的各类型的数据对应的节点；确定所确定的各节点之间的关联信息，生成节点结构树。

在本实施例的一些可选的实现方式中，排版单元503，进一步被配置成：对于节点结构树中的每个节点，通过排版组件中对应于该节点的解析器确定该节点的排版信息，以得到待排版数据的排版后数据。

在本实施例的一些可选的实现方式中，上述装置还包括：构建单元(图中未示出)，被配置成根据所接收的动态库开发操作，构建排版组件的动态库；加载单元(图中未示出)，被配置成将动态库加载至预设程序中。

在本实施例的一些可选的实现方式中，上述装置还包括：更新单元(图中未示出)，被配置成根据所接收的动态库更新操作，更新动态库，以使得预设程序通过更新后的排版组件执行后续的排版操作。

在本实施例的一些可选的实现方式中，上述装置还包括：渲染展示单元(图中未示出)，被配置成渲染排版后数据，生成并显示表征排版后数据的目标页面。

在本实施例的一些可选的实现方式中，上述装置还包括：接收单元(图中未示出)，被配置成接收针对于目标页面的交互操作；交互单元(图中未示出)，被配置成通过排版组件执行交互操作。

在本实施例的一些可选的实现方式中，上述装置还包括：第二获取单元(图中未示出)，被配置成获取得到排版后数据的过程中的预设指标信息；监控单元(图中未示出)，被配置成根据预设指标信息，生成对于得到排版后数据的过程的监控信息。

在本实施例的一些可选的实现方式中，预设程序为小程序。

本实施例中，采用基于动态库机制被加载至预设程序中的排版组件执行预设程序所加载的待排版数据，提高了预设程序的排版性能，以及发布新版本的排版组件的高效性。

根据本公开的实施例，本公开还提供了一种电子设备，该电子设备包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，该指令被至少一个处理器执行，以使至少一个处理器执行时能够实现上述任意实施例所描述的页面排版方法。

根据本公开的实施例，本公开还提供了一种可读存储介质，该可读存储介质存储有计算机指令，该计算机指令用于使计算机执行时能够实现上述任意实施例所描述的页面排版方法。

本公开实施例提供了一种计算机程序产品，该计算机程序在被处理器执行时能够实现上述任意实施例所描述的页面排版方法。

图6示出了可以用来实施本公开的实施例的示例电子设备600的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图6所示，设备600包括计算单元601，其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序，来执行各种适当的动作和处理。在RAM 603中，还可存储设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

设备600中的多个部件连接至I/O接口605，包括：输入单元606，例如键盘、鼠标等；输出单元607，例如各种类型的显示器、扬声器等；存储单元608，例如磁盘、光盘等；以及通信单元609，例如网卡、调制解调器、无线通信收发机等。通信单元609允许设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理，例如页面排版方法。例如，在一些实施例中，页面排版方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元608。在一些实施例中，计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到设备600上。当计算机程序加载到RAM 603并由计算单元601执行时，可以执行上文描述的页面排版方法的一个或多个步骤。备选地，在其他实施例中，计算单元601可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行页面排版方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决传统物理主机与虚拟专用服务器(VPS，Virtual Private Server)服务中存在的管理难度大，业务扩展性弱的缺陷；也可以为分布式系统的服务器，或者是结合了区块链的服务器。

根据本公开实施例的技术方案，采用基于动态库机制被加载至预设程序中的排版组件执行预设程序所加载的待排版数据，提高了预设程序的排版性能，以及发布新版本的排版组件的高效性。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开提供的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。