前端页面生成方法、装置、计算机系统和可读存储介质

技术领域

本公开涉及物联网、人工智能技术领域，更具体地，涉及一种前端页面生成方法、前端页面生成装置、计算机系统、计算机可读存储介质和计算机程序产品。

背景技术

随着互联网技术的快速发展，前端技术逐渐深入到日常生活的诸多领域，并通常以前端页面的形式提供给用户，前端页面的产出不可避免的需要前端工程师完成编码、布局、适配等工作内容，由于应用环境和需要实现的功能越来越复杂，前端页面的实现势必需要投入更大的前端开发成本。

在实现本公开构思的过程中，发明人发现相关技术中至少存在如下问题：复杂的业务场景使得前端开发工作耗时耗力。

发明内容

有鉴于此，本公开提供了一种前端页面生成方法、前端页面生成装置、计算机系统、计算机可读存储介质和计算机程序产品。

本公开的一个方面提供了一种前端页面生成方法，包括：获取目标代码文件，其中，所述目标代码文件为根据初始页面转化得到，所述初始页面为利用前端组件拼装得到；根据客户端系统的目标配置信息将所述目标代码文件转换为适配于所述目标配置信息的目标客户端代码文件，其中，所述客户端系统为用于对所述初始页面进行页面渲染的系统；以及根据所述目标客户端代码文件完成所述初始页面在所述客户端系统的页面渲染。

根据本公开的实施例，所述目标配置信息包括软硬件配置信息，所述方法还包括：获取所述客户端系统的软硬件配置信息，其中，所述软硬件配置信息包括客户端系统的数据类型信息和/或用于承载所述客户端系统的设备的屏幕尺寸信息；以及将所述目标代码文件转换为适配于所述软硬件配置信息的目标客户端代码文件。

根据本公开的实施例，所述目标配置信息包括用户反馈信息，所述方法还包括：获取来自所述客户端系统的用户反馈信息，其中，所述用户反馈信息中包括与页面渲染格式相关的用户偏好特征；以及将所述目标代码文件转换为适配于所述用户偏好特征的目标客户端代码文件。

根据本公开的实施例，根据客户端系统的目标配置信息将所述目标代码文件转换为适配于所述目标配置信息的目标客户端代码文件包括：获取页面布局模型，其中，所述页面布局模型为以目标代码文件样本和目标配置信息样本作为输入，以适配于所述目标配置信息样本的客户端代码文件作为输出训练得到；以及将所述目标代码文件输入所述页面布局模型，输出所述目标客户端代码文件。

根据本公开的实施例，所述获取目标代码文件包括：确定与构建所述初始页面相关的目标组件；在低代码开发平台中将所述目标组件进行拼装，得到所述初始页面；以及利用所述低代码开发平台输出用于表征所述初始页面的目标代码文件。

根据本公开的实施例，根据所述目标客户端代码文件完成所述初始页面在所述客户端系统的页面渲染包括：根据所述目标客户端代码文件确定对所述初始页面转化得到的原生组件和组件排布方式；以及根据所述原生组件和组件排布方式实现所述初始页面在所述客户端系统的页面渲染。

根据本公开的实施例，根据所述目标客户端代码文件完成所述初始页面在所述客户端系统的页面渲染包括：将所述目标客户端代码文件发送至所述客户端系统，以使得所述初始页面在所述客户端系统完成页面渲染。

本公开的另一个方面提供了一种前端页面生成装置，包括：获取模块，用于获取目标代码文件，其中，所述目标代码文件为根据初始页面转化得到，所述初始页面为利用前端组件拼装得到；转换模块，用于根据客户端系统的目标配置信息将所述目标代码文件转换为适配于所述目标配置信息的目标客户端代码文件，其中，所述客户端系统为用于对所述初始页面进行页面渲染的系统；以及页面渲染模块，用于根据所述目标客户端代码文件完成所述初始页面在所述客户端系统的页面渲染。

本公开的另一方面提供了一种计算机系统，包括：一个或多个处理器；存储器，用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上所述的前端页面生成方法。

本公开的另一方面提供了一种计算机可读存储介质，其上存储有计算机可执行指令，所述指令在被执行时用于实现如上所述的前端页面生成方法。

本公开的另一方面提供了一种计算机程序产品，所述计算机程序产品包括计算机可执行指令，所述指令在被执行时用于实现如上所述的前端页面生成方法。

根据本公开的实施例，通过采用了获取目标代码文件，其中，目标代码文件为根据初始页面转化得到，初始页面为利用前端组件拼装得到；根据客户端系统的目标配置信息将目标代码文件转换为适配于目标配置信息的目标客户端代码文件，其中，客户端系统为用于对初始页面进行页面渲染的系统；以及根据目标客户端代码文件完成初始页面在客户端系统的页面渲染的技术手段，由于可以根据客户端系统的目标配置信息将初始页面转化为适配该目标配置信息的页面，从而无论何种形式的初始页面均可通过转化最终展示于各种客户端系统，所以至少部分地克服了复杂的业务场景使得前端开发工作耗时耗力的技术问题，进而达到了简化前端开发流程的技术效果。

附图说明

通过以下参照附图对本公开实施例的描述，本公开的上述以及其他目的、特征和优点将更为清楚，在附图中：

图1示意性示出了根据本公开实施例的可以应用前端页面生成方法的示例性系统架构；

图2示意性示出了根据本公开实施例的前端页面生成方法的流程图；

图3示意性示出了根据本公开实施例的初始页面展示至不同客户端的示意图；

图4示意性示出了根据本公开实施例的页面布局模型的实施效果示意图；

图5示意性示出了根据本公开的实施例的前端页面生成装置的框图；以及

图6示意性示出了根据本公开实施例的适于实现前端页面生成方法的计算机系统的框图。

具体实施方式

以下，将参照附图来描述本公开的实施例。但是应该理解，这些描述只是示例性的，而并非要限制本公开的范围。在下面的详细描述中，为便于解释，阐述了许多具体的细节以提供对本公开实施例的全面理解。然而，明显地，一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本公开的概念。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。

在使用类似于“A、B和C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。

前端页面的开发过程一般包括UI(User Interface，使用者界面)设计、开发人员编写页面等过程，面对页面展示越来越繁杂、设备屏幕空间越来越大、产品迭代速度越来越快等发展趋势，前端开发过程必然需要考虑硬件适配，如屏幕尺寸的适配等。

发明人在实现本公开构思的过程中发现，前端页面的开发过程存在较高的技术门槛，目前仍需要专业的前端开发人员进行开发，繁杂的业务场景还使得前端开发过程耗时耗力。

本公开的实施例提供了一种前端页面生成方法、前端页面生成装置、计算机系统、计算机可读存储介质和计算机程序产品。该方法包括获取目标代码文件，其中，目标代码文件为根据初始页面转化得到，初始页面为利用前端组件拼装得到；根据客户端系统的目标配置信息将目标代码文件转换为适配于目标配置信息的目标客户端代码文件，其中，客户端系统为用于对初始页面进行页面渲染的系统；以及根据目标客户端代码文件完成初始页面在客户端系统的页面渲染。

图1示意性示出了根据本公开实施例的可以应用前端页面生成方法的示例性系统架构100。需要注意的是，图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所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理，并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。

需要说明的是，本公开实施例所提供的前端页面生成方法一般可以由服务器105执行。相应地，本公开实施例所提供的前端页面生成装置一般可以设置于服务器105中。本公开实施例所提供的前端页面生成方法也可以由不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群执行。相应地，本公开实施例所提供的前端页面生成装置也可以设置于不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群中。或者，本公开实施例所提供的前端页面生成方法也可以由终端设备101、102、或103执行，或者也可以由不同于终端设备101、102、或103的其他终端设备执行。相应地，本公开实施例所提供的前端页面生成装置也可以设置于终端设备101、102、或103中，或设置于不同于终端设备101、102、或103的其他终端设备中。

例如，客户端系统的目标配置信息可以原本存储在终端设备101、102、或103中的任意一个(例如，终端设备101，但不限于此)之中，或者存储在外部存储设备上并可以导入到终端设备101中。然后，终端设备101可以在本地执行本公开实施例所提供的前端页面生成方法，或者将客户端系统的目标配置信息发送到其他终端设备、服务器、或服务器集群，并由接收该客户端系统的目标配置信息的其他终端设备、服务器、或服务器集群来执行本公开实施例所提供的前端页面生成方法。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

需要说明的是，本公开前端页面生成方法、前端页面生成装置、计算机系统、计算机可读存储介质和计算机程序产品可用于物联网、人工智能技术领域，也可用于除物联网、人工智能技术领域之外的任意领域，本公开前端页面生成方法、前端页面生成装置、计算机系统、计算机可读存储介质和计算机程序产品的应用领域不做限定。

图2示意性示出了根据本公开实施例的前端页面生成方法的流程图。

如图2所示，该方法包括操作S201～S203。

在操作S201，获取目标代码文件，其中，目标代码文件为根据初始页面转化得到，初始页面为利用前端组件拼装得到。

根据本公开的实施例，上述目标代码文件例如可以为客户端系统能够直接识别的非前端语法格式化文件(如JSON文件)，上述初始页面例如可以为由运维人员等非专业的前端开发人员利用已有的前端组件拼装得到，上述前端组件例如可以包括封装按钮、提示框、栅格布局等组件，其中，栅格布局可提供一种页面布局方式。该些前端组件可以为现有的通用组件，也可以为由前端开发人员根据实际业务需求自行开发设计的专用组件。该些前端组件例如可以存储于前端物料库中，供正式开发时使用。

在操作S202，根据客户端系统的目标配置信息将目标代码文件转换为适配于目标配置信息的目标客户端代码文件，其中，客户端系统为用于对初始页面进行页面渲染的系统。

根据本公开的实施例，上述目标配置信息例如可以包括软硬件配置信息、用户反馈信息和其他信息等，其中，软硬件配置信息例如可以包括上述客户端系统所支持的程序实现方式，以及用于承载上述客户端系统的硬件设备所自有的硬件配置等信息，用户反馈信息例如可以包括使用该客户端系统的用户的用户习惯或一些自定义设置等信息。

在操作S203，根据目标客户端代码文件完成初始页面在客户端系统的页面渲染。

根据本公开的实施例，在利用上述前端组件实现符合业务需求的静态页面(即上述初始页面)的拼装之后，例如可以对拼装得到的该静态页面进行如操作S202所示的转化，最终即可得到能够在客户端系统正常运行并以最佳展示效果进行渲染及展示的页面。

通过本公开的上述实施例，由于可以根据客户端系统的目标配置信息将初始页面转化为适配该目标配置信息的页面，从而无论何种形式的初始页面均可通过转化最终展示于各种客户端系统，所以至少部分地克服了复杂的业务场景使得前端开发工作耗时耗力的技术问题，进而达到了简化前端开发流程的技术效果。

下面参考图3～图4，结合具体实施例对图2所示的方法做进一步说明。

图3示意性示出了根据本公开实施例的初始页面展示至不同客户端的示意图。

根据本公开的实施例，在上述目标配置信息为软硬件配置信息的情况下，上述前端页面生成方法例如可以包括：获取客户端系统的软硬件配置信息，其中，软硬件配置信息包括客户端系统的数据类型信息和/或用于承载客户端系统的设备的屏幕尺寸信息；以及将目标代码文件转换为适配于软硬件配置信息的目标客户端代码文件。

根据本公开的实施例，适应于硬件性能、系统复杂度等方面的差异，上述数据类型信息例如可以表现为在不同的客户端系统中配置的不同的数据表示格式。例如，对于硬件性能较差，程序实现较为简单(如图3中设备303)，或对数据精确度要求不高的客户端系统，可以配置整数数据类型；对于程序实现较为复杂(如图3中设备302)，数据精确度要求较高的系统，可以配置浮点数据类型等。不同的数据类型例如可以对应复杂度不同的客户端系统，如基本配置为整数数据类型的客户端系统例如为精简版系统，基本配置为浮点数据类型的客户端系统例如为复杂版系统等。

根据本公开的实施例，上述用于承载客户端系统的设备例如可以包括手机、Pad、电脑等屏幕尺寸不同(如图3中设备301、302和303)的各类设备，为合理利用屏幕空间，页面布局通常需要伴随着屏幕尺寸做出适应性改变。例如，以商品列表为例，在手机中的展示效果可以为一行两个商品信息，在Pad或电脑中的展示效果可以为一行更多个商品信息。

根据本公开的实施例，参见图3所示，在客户端系统及其相关设备中存在数据类型信息不同(如设备302和303)、屏幕尺寸信息(如设备301、302和303)不同等差异的基础上，对于根据同一初始页面转化得到的JSON文件(即上述目标代码文件)，需要在不同的客户端系统或设备中进行页面渲染的情况，可以将JSON文件直接发送至相应的客户端系统或设备，然后该些客户端系统或设备可对该JSON文件进行识别并重新编码，得到上述目标客户端代码文件，最终完成该初始页面适应于各客户端系统或设备的页面渲染，如设备301、302和303可自适应展示开发人员构建的初始页面。

通过本公开的上述实施例，由于初始页面可通过转化的方式直接适配于不同的客户端系统或设备，从而开发人员只需设计初始页面即可实现在不同的客户端系统或设备中的页面展示，而无需在客户端系统或设备改变时对于同一展示内容做针对性的改变设计，简化了开发人员的开发工作，节省了开发成本。

根据本公开的实施例，在上述目标配置信息为用户反馈信息的情况下，上述前端页面生成方法例如可以包括：获取来自客户端系统的用户反馈信息，其中，用户反馈信息中包括与页面渲染格式相关的用户偏好特征；以及将目标代码文件转换为适配于用户偏好特征的目标客户端代码文件。

根据本公开的实施例，上述用户偏好特征例如可以包括图片大小、文字大小、图片和文字的布局方式等。在一实施例中，该用户偏好特征可以从用户在客户端系统中的设置来获取，例如，某一用户在使用客户端系统时设置了图片较大、文字较小的显示效果，则可以确定该用户的用户偏好特征为图片较大、文字较小，并可最终作为用户反馈信息进行反馈；在另一实施例中，该用户偏好特征例如还可以根据使用该客户端系统的用户的用户身份信息来确定，如在根据用户身份信息确定该用户为青年人时，可以将默认字号作为用户反馈信息进行反馈，在确定该用户身份为老年人时，可以将大号字号作为用户反馈信息进行反馈等。

根据本公开的实施例，参见图3所示，设备301、302和303可以为同一用户，也可为不同用户，且每个设备也可以有不同用户登录，上述用户反馈信息例如可以根据当前时间登录设备301、302或303的用户的用户身份或其偏好进行确定。

根据本公开的实施例，在确定了用户反馈信息之后，例如即可确定JSON文件(即上述目标代码文件)的转换方式，例如可以识别得到JSON文件中的图片格式或文字格式等信息，结合该转换方式进行相应的格式转化，从而得到符合用户偏好的页面展示效果。参见图3所示，例如可在同一设备301、302或303上根据登录用户的不同显示不同的展示效果。

通过本公开的上述实施例，由于初始页面可通过转换的方式直接适应不同用户的偏好，从而开发人员只需设计初始页面即可实现针对不同偏好用户的页面展示，而无需用户手动调节，在简化开发工作，节省开发成本的同时，对用户更友好。

根据本公开的实施例，上述操作S202例如可以包括：获取页面布局模型，其中，页面布局模型为以目标代码文件样本和目标配置信息样本作为输入，以适配于目标配置信息样本的客户端代码文件作为输出训练得到；以及将目标代码文件输入页面布局模型，输出目标客户端代码文件。

图4示意性示出了根据本公开实施例的页面布局模型的实施效果示意图。

根据本公开的实施例，上述目标代码文件样本可以为一个或多个，上述目标配置信息样本例如可以包括屏幕大小、数据类型和用户反馈等信息样本，通过基于该些信息对页面布局模型进行训练，例如即可得到能够实现上述转换过程(如将目标代码文件转换为适配于软硬件配置信息的目标客户端代码文件，以及将目标代码文件转换为适配于用户偏好特征的目标客户端代码文件等)的一种智能模型，如图4所示。

需要说明的是，上述页面布局模型可以设置于用于实现页面渲染及最终展示的设备中，也可以设置于为页面渲染提供初始页面的服务端或其他设备中。

通过本公开的上述实施例，引入了页面布局模型，能够实现上述转换过程的自动化，通过对模型进行训练，还能够适应多样化的业务场景的需求，从而能够真正实现转化过程的智能化。

根据本公开的实施例，上述操作S201例如可以包括：确定与构建初始页面相关的目标组件；在低代码开发平台中将目标组件进行拼装，得到初始页面；以及利用低代码开发平台输出用于表征初始页面的目标代码文件。

根据本公开的实施例，上述目标组件例如可以从上述前端物料库中获取。低代码开发平台作为一种无需编码(零代码)或通过少量代码就可以快速生成应用程序的开发平台，提供了一种图形化的用户界面，使得用户可以通过可视化进行应用程序的开发，同时，通过该低代码开发平台，还可以将用户设计好的应用程序输出为低代码格式。本实施例中例如表现为对上述初始页面的拼装，用户可以在该平台中通过拖拽的操作，选取前端物料库中的相关组件来完成初始页面的可视化设计，并输出低代码JSON文件。

需要说明的是，上述初始页面可以包括静态页面和动态页面，动态页面例如可以通过关联各组件之间的关系来实现。

通过本公开的上述实施例，由于无需考虑实际的设备或系统的需求，面对需要适配不同设备或系统的前端页面的设计，可以不再需要专业的前端开发人员操作，通过引入低代码开发平台，使得具有不同经验水平的开发人员均可以完成该页面设计，简化了开发程序，节省了开发成本。

根据本公开的实施例，上述操作S203例如可以包括：根据目标客户端代码文件确定对初始页面转化得到的原生组件和组件排布方式；以及根据原生组件和组件排布方式实现初始页面在客户端系统的页面渲染。

根据本公开的实施例，结合图3和图4所示，通过将初始页面转化得到的JSON文件输入该页面布局模型，例如可以输出得到最优的适配于相关目标配置信息(如上述软硬件配置信息、用户反馈信息或其他信息等)的组件排布、组件内排布、页面主题等的方案，具体而言，通过识别树形结构的JSON文件中的标题、Tab页标签、内容等信息，可以将JSON文件转换为适配于各客户端系统或设备的原生代码(即上述目标客户端代码文件，可表现为多个原生组件的形式)构建方案，从而可以基于该方案完成同一初始页面在设备301、302或303中的不同的页面渲染。

根据本公开的实施例，在上述页面布局模型设置于上述用于实现页面渲染及最终展示的设备之外的其他服务端或设备上时，上述操作S203例如还可以包括：将目标客户端代码文件发送至客户端系统(即用于实现页面渲染及最终展示的设备)，以使得初始页面在客户端系统完成页面渲染。

通过本公开的上述实施例，为运营人员提供了一种自动生成智能化线上页面的方式，通过该方式，无需开发人员介入即可在不同设备上为不同用户展现最合适的页面。

图5示意性示出了根据本公开的实施例的前端页面生成装置的框图。

如图5所示，前端页面生成装置500包括获取模块510、转换模块520和页面渲染模块530。

获取模块510，用于获取目标代码文件，其中，目标代码文件为根据初始页面转化得到，初始页面为利用前端组件拼装得到.

转换模块520，用于根据客户端系统的目标配置信息将目标代码文件转换为适配于目标配置信息的目标客户端代码文件，其中，客户端系统为用于对初始页面进行页面渲染的系统。

页面渲染模块530，用于根据目标客户端代码文件完成初始页面在客户端系统的页面渲染。

根据本公开的上述实施例，通过采用了获取目标代码文件，其中，目标代码文件为根据初始页面转化得到，初始页面为利用前端组件拼装得到；根据客户端系统的目标配置信息将目标代码文件转换为适配于目标配置信息的目标客户端代码文件，其中，客户端系统为用于对初始页面进行页面渲染的系统；以及根据目标客户端代码文件完成初始页面在客户端系统的页面渲染的技术手段，由于可以根据客户端系统的目标配置信息将初始页面转化为适配该目标配置信息的页面，从而无论何种形式的初始页面均可通过转化最终展示于各种客户端系统，所以至少部分地克服了复杂的业务场景使得前端开发工作耗时耗力的技术问题，进而达到了简化前端开发流程的技术效果。

根据本公开的实施例，上述目标配置信息包括软硬件配置信息，上述前端页面生成装置还包括第一获取单元和第一转换单元。

第一获取单元，用于获取客户端系统的软硬件配置信息，其中，软硬件配置信息包括客户端系统的数据类型信息和/或用于承载客户端系统的设备的屏幕尺寸信息。

第一转换单元，用于将目标代码文件转换为适配于软硬件配置信息的目标客户端代码文件。

根据本公开的实施例，上述目标配置信息包括用户反馈信息，上述前端页面生成装置还包括第二获取单元和第二转换单元。

第二获取单元，用于获取来自客户端系统的用户反馈信息，其中，用户反馈信息中包括与页面渲染格式相关的用户偏好特征。

第二转换单元，用于将目标代码文件转换为适配于用户偏好特征的目标客户端代码文件。

根据本公开的实施例，上述转换模块包括第三获取单元和处理单元。

第三获取单元，用于获取页面布局模型，其中，页面布局模型为以目标代码文件样本和目标配置信息样本作为输入，以适配于目标配置信息样本的客户端代码文件作为输出训练得到。

处理单元，用于将目标代码文件输入页面布局模型，输出目标客户端代码文件。

根据本公开的实施例，上述获取模块包括第一确定单元、拼装单元和输出单元。

第一确定单元，用于确定与构建初始页面相关的目标组件。

拼装单元，用于在低代码开发平台中将目标组件进行拼装，得到初始页面。

输出单元，用于利用低代码开发平台输出用于表征初始页面的目标代码文件。

根据本公开的实施例，上述页面渲染模块包括第二确定单元和页面渲染单元。

第二确定单元，用于根据目标客户端代码文件确定对初始页面转化得到的原生组件和组件排布方式。

页面渲染单元，用于根据原生组件和组件排布方式实现初始页面在客户端系统的页面渲染。

根据本公开的实施例，上述页面渲染模块包括发送单元。

发送单元，用于将目标客户端代码文件发送至客户端系统，以使得初始页面在客户端系统完成页面渲染。

根据本公开的实施例的模块、单元中的任意多个、或其中任意多个的至少部分功能可以在一个模块中实现。根据本公开实施例的模块、单元中的任意一个或多个可以被拆分成多个模块来实现。根据本公开实施例的模块、单元中的任意一个或多个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式的硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，根据本公开实施例的模块、单元中的一个或多个可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。

例如，获取模块510、转换模块520和页面渲染模块530中的任意多个可以合并在一个模块/单元中实现，或者其中的任意一个模块/单元可以被拆分成多个模块/单元。或者，这些模块/单元中的一个或多个模块/单元的至少部分功能可以与其他模块/单元的至少部分功能相结合，并在一个模块/单元中实现。根据本公开的实施例，获取模块510、转换模块520和页面渲染模块530中的至少一个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，获取模块510、转换模块520和页面渲染模块530中的至少一个可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。

需要说明的是，本公开的实施例中前端页面生成装置部分与本公开的实施例中前端页面生成方法部分是相对应的，前端页面生成装置部分的描述具体参考前端页面生成方法部分，在此不再赘述。

图6示意性示出了根据本公开实施例的适于实现前端页面生成方法的计算机系统的框图。图6示出的计算机系统仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图6所示，根据本公开实施例的计算机系统600包括处理器601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。处理器601例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如，专用集成电路(ASIC))，等等。处理器601还可以包括用于缓存用途的板载存储器。处理器601可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。

在RAM 603中，存储有系统600操作所需的各种程序和数据。处理器601、ROM 602以及RAM 603通过总线604彼此相连。处理器601通过执行ROM 602和/或RAM 603中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意，所述程序也可以存储在除ROM602和RAM 603以外的一个或多个存储器中。处理器601也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。

根据本公开的实施例，系统600还可以包括输入/输出(I/O)接口605，输入/输出(I/O)接口605也连接至总线604。系统600还可以包括连接至I/O接口605的以下部件中的一项或多项：包括键盘、鼠标等的输入部分606；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607；包括硬盘等的存储部分608；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器610上，以便于从其上读出的计算机程序根据需要被安装入存储部分608。

根据本公开的实施例，根据本公开实施例的方法流程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读存储介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。在该计算机程序被处理器601执行时，执行本公开实施例的系统中限定的上述功能。根据本公开的实施例，上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。

本公开还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中描述的设备/装置/系统中所包含的；也可以是单独存在，而未装配入该设备/装置/系统中。上述计算机可读存储介质承载有一个或者多个程序，当上述一个或者多个程序被执行时，实现根据本公开实施例的方法。

根据本公开的实施例，计算机可读存储介质可以是非易失性的计算机可读存储介质。例如可以包括但不限于：便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

例如，根据本公开的实施例，计算机可读存储介质可以包括上文描述的ROM 602和/或RAM 603和/或ROM 602和RAM 603以外的一个或多个存储器。

本公开的实施例还包括一种计算机程序产品，其包括计算机程序，该计算机程序包含用于执行本公开实施例所提供的方法的程序代码，当计算机程序产品在电子设备上运行时，该程序代码用于使电子设备实现本公开实施例所提供的前端页面生成方法。

在该计算机程序被处理器601执行时，执行本公开实施例的系统/装置中限定的上述功能。根据本公开的实施例，上文描述的系统、装置、模块、单元等可以通过计算机程序模块来实现。

在一种实施例中，该计算机程序可以依托于光存储器件、磁存储器件等有形存储介质。在另一种实施例中，该计算机程序也可以在网络介质上以信号的形式进行传输、分发，并通过通信部分609被下载和安装，和/或从可拆卸介质611被安装。该计算机程序包含的程序代码可以用任何适当的网络介质传输，包括但不限于：无线、有线等等，或者上述的任意合适的组合。

根据本公开的实施例，可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例提供的计算机程序的程序代码，具体地，可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。程序设计语言包括但不限于诸如Java，C++，python，“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。本领域技术人员可以理解，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合，即使这样的组合或结合没有明确记载于本公开中。特别地，在不脱离本公开精神和教导的情况下，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。

以上对本公开的实施例进行了描述。但是，这些实施例仅仅是为了说明的目的，而并非为了限制本公开的范围。尽管在以上分别描述了各实施例，但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围，本领域技术人员可以做出多种替代和修改，这些替代和修改都应落在本公开的范围之内。