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

Abstract

本公开提供了一种页面渲染方法及装置、电子设备和计算机可读存储介质，可以应用于网络技术领域和金融科技领域。该方法包括：响应于接收到页面渲染指令，根据页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识；根据至少一个目标接口标识，确定与至少一个目标接口标识各自对应的配置数据，配置数据包括至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段；根据至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段，确定与至少一个目标接口标识各自对应的目标脚本；根据与至少一个目标接口标识各自对应的目标脚本，渲染与至少一个目标接口标识各自对应的目标页面。

Description

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

技术领域

本公开涉及网络技术领域和金融科技领域，更具体地，涉及一种页面渲染方法及装置、电子设备、计算机可读存储介质和计算机程序产品。

背景技术

随着网络技术的发展，软件应用程序的开发需求与日俱增，低代码(Low-Code)技术应运而生。

低代码可以指基于图形化拖拽和参数化配置等更为高效的方式，通过在图形界面中使用可视化建模来组装和配置应用程序，实现快速构建、数据编排、连接生态和中台服务。

在实现本公开构思的过程中，发明人发现相关技术中至少存在如下问题：无法保障应用程序开发的效率和准确性。

发明内容

有鉴于此，本公开提供了一种页面渲染方法及装置、电子设备、计算机可读存储介质和计算机程序产品。

根据本公开的一个方面，提供了一种页面渲染方法，包括：

响应于接收到页面渲染指令，根据上述页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识；

根据上述至少一个目标接口标识，确定与上述至少一个目标接口标识各自对应的配置数据，其中，上述配置数据包括至少一个目标对象名称字段和与上述至少一个目标对象名称字段各自对应的目标对象值字段；

根据上述至少一个目标对象名称字段和与上述至少一个目标对象名称字段各自对应的目标对象值字段，确定与至少一个目标接口标识各自对应的目标脚本；以及

根据上述与至少一个目标接口标识各自对应的目标脚本，渲染与至少一个目标接口标识各自对应的目标页面。

根据本公开的实施例，上述根据上述至少一个目标接口标识，确定与上述至少一个目标接口标识各自对应的配置数据包括：

针对上述至少一个目标接口标识中的每个目标接口标识，

在预先定义的表格对象中，创建与上述目标接口标识对应的表格页面；

根据上述目标接口标识，获取与上述目标接口标识对应的待处理数据；

根据与上述目标接口标识对应的表格页面和待处理数据，构建与上述目标接口标识对应的至少一个目标键值关系；以及

根据与上述目标接口标识对应的上述至少一个目标键值关系，确定与上述目标接口标识对应的上述配置数据。

根据本公开的实施例，上述根据上述目标接口标识，获取与上述目标接口标识对应的待处理数据包括：

根据上述目标接口标识，确定与上述目标接口标识对应的目标开发语言和目标开发框架；

根据上述目标开发语言和上述目标开发框架，确定目标数据结构和目标数据类型；以及

根据上述目标接口标识、上述目标数据结构和目标数据类型，获取与上述目标接口标识对应的待处理数据。

根据本公开的实施例，上述根据上述目标接口标识、上述目标数据结构和目标数据类型，获取与上述目标接口标识对应的待处理数据包括：

根据上述目标接口标识、上述目标数据结构和目标数据类型，确定与上述目标接口标识对应的入参对象和出参对象；

根据上述与目标接口标识对应的入参对象，获取与上述入参对象对应的入参数据；

根据上述与目标接口标识对应的出参对象，获取与上述出参对象对应的出参数据；以及

根据上述与入参对象对应的入参数据和上述与出参对象对应的出参数据，确定上述待处理数据。

根据本公开的实施例，上述根据与上述目标接口标识对应的表格页面和待处理数据，构建与上述目标接口标识对应的至少一个目标键值关系包括：

根据与上述目标接口标识对应的入参对象和出参对象，确定对象名称字段；

根据与入参对象对应的入参数据和上述与出参对象对应的出参数据，确定与上述对象名称字段对应的对象值字段；以及

利用上述表格页面，根据上述对象名称字段和与上述对象名称字段对应的对象值字段，构建与上述目标接口标识对应的至少一个目标键值关系。

根据本公开的实施例，上述根据与上述目标接口标识对应的上述至少一个目标键值关系，确定与上述目标接口标识对应的上述配置数据包括：

针对上述至少一个目标键值关系中的每个目标键值关系，

根据上述目标键值关系中的上述对象名称字段，确定与上述目标键值关系对应的目标校验规则；

根据上述目标校验规则，对上述目标键值关系进行校验，得到与上述目标键值关系对应的校验结果；以及

根据上述校验结果，确定上述配置数据。

根据本公开的实施例，上述根据上述目标键值关系中的上述对象名称字段，确定与上述目标键值关系对应的目标校验规则包括：

根据上述对象名称字段，对第一预设校验规则集合中的至少一条第一预设校验规则分别进行匹配，得到匹配结果；

在上述匹配结果表征上述第一预设校验规则集合中存在与上述对象名称字段匹配成功的第一预设校验规则的情况下，根据上述第一预设校验规则集合，确定上述目标校验规则；以及

在上述匹配结果表征上述第一预设校验规则集合中不存在与上述对象名称字段匹配成功的第一预设校验规则的情况下，根据第二预设校验规则集合，确定上述目标校验规则。

根据本公开的实施例，上述根据上述校验结果，确定上述配置数据包括：

在上述校验结果表征上述目标键值关系校验未通过的情况下，删除上述目标键值关系；以及

在上述校验结果表征上述目标键值关系校验通过的情况下，将上述目标键值关系确定为上述配置数据。

根据本公开的实施例，上述根据上述至少一个目标对象名称字段和与上述至少一个目标对象名称字段各自对应的目标对象值字段，确定与至少一个目标接口标识各自对应的目标脚本包括：

针对上述至少一个目标接口标识中的每个目标接口标识，

调用与上述目标接口标识对应的脚本生成模板；以及

利用上述脚本生成模板，根据上述至少一个目标对象名称字段和与上述至少一个目标对象名称字段各自对应的目标对象值字段，生成与上述目标接口标识对应的目标脚本。

根据本公开的实施例，上述目标统一资源定位地址用于指示目标Swagger用户界面。

根据本公开的实施例，上述响应于接收到页面渲染指令，根据上述页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识包括：

根据上述目标统一资源定位地址，展示与上述目标统一资源定位地址对应的上述目标Swagger用户界面；以及

根据上述目标Swagger用户界面，获取与上述目标Swagger用户界面对应的上述至少一个目标接口标识。

根据本公开的实施例，上述页面渲染方法还包括：

在第一目标界面中展示与上述至少一个目标接口标识各自对应的目标脚本；以及

在第二目标界面中展示与上述至少一个目标接口标识各自对应的目标页面。

根据本公开的另一个方面，提供了一种页面渲染装置，包括：

获取模块，用于响应于接收到页面渲染指令，根据上述页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识；

第一确定模块，用于根据上述至少一个目标接口标识，确定与上述至少一个目标接口标识各自对应的配置数据，其中，上述配置数据包括至少一个目标对象名称字段和与上述至少一个目标对象名称字段各自对应的目标对象值字段；

第二确定模块，用于根据上述至少一个目标对象名称字段和与上述至少一个目标对象名称字段各自对应的目标对象值字段，确定与至少一个目标接口标识各自对应的目标脚本；以及

渲染模块，用于根据上述与至少一个目标接口标识各自对应的目标脚本，渲染与至少一个目标接口标识各自对应的目标页面。

根据本公开的另一个方面，提供了一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个指令，

其中，当上述一个或多个指令被上述一个或多个处理器执行时，使得上述一个或多个处理器实现如本公开所述的方法。

根据本公开的另一个方面，提供了一种计算机可读存储介质，其上存储有可执行指令，上述可执行指令被处理器执行时使处理器实现如本公开所述的方法。

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

根据本公开的实施例，由于配置数据是根据至少一个目标接口标识确定的，至少一个目标接口标识是根据页面渲染指令中的目标统一资源定位地址获取的，因而配置数据能够表征至少一个目标接口标识各自对应的目标对象名称字段和目标对象值字段，由此提高了数据集成的效率。在此基础上，由于目标页面是根据与至少一个目标接口标识各自对应的目标脚本渲染得到的，目标脚本是根据至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段确定的，由此能够降低前端和后端人员之间的联调成本，因而至少部分的克服了相关技术中无法保障应用程序开发的效率和准确性的技术问题，进而能够提高应用程序开发和页面渲染的效率和准确性。

附图说明

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

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

图2示意性示出了根据本公开实施例的页面渲染方法的流程图；

图3示意性示出了根据本公开实施例的根据至少一个目标接口标识，确定与至少一个目标接口标识各自对应的配置数据方法的示例示意图；

图4示意性示出了根据本公开实施例的根据目标接口标识，获取与目标接口标识对应的待处理数据方法的示例示意图；

图5示意性示出了根据本公开实施例的根据与目标接口标识对应的表格页面和待处理数据，构建与目标接口标识对应的至少一个目标键值关系方法的示例示意图；

图6示意性示出了根据本公开实施例的根据与目标接口标识对应的至少一个目标键值关系，确定与目标接口标识对应的配置数据方法的示例示意图；

图7示意性示出了根据本公开的实施例的页面渲染装置的框图；以及

图8示意性示出了根据本公开实施例的适于实现页面渲染方法的电子设备的框图。

具体实施方式

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

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

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

在使用类似于“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的系统等)。

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

在本公开的技术方案中，在获取或采集用户个人信息之前，均获取了用户的授权或同意。

在相关技术中，通常在创建好表单后，需要对应用系统数据源进行映射，例如，对该数据源下的数据库、表进行映射，同时提供表结构展现对应字段信息及字段描述，以实现低代码表单数据的绑定设计。

但是，由于该方案效率较低，依赖后端数据库表机构，需要对照数据源一一核对填写，如果数据库或者表发生变化，则会影响到前端数据结构的绑定，要重新进行二次开发。

为了至少部分地解决相关技术中存在的技术问题，本公开提供了一种页面渲染方法及装置、电子设备和计算机可读存储介质，可以应用于网络技术领域和金融科技领域。该页面渲染方法包括：响应于接收到页面渲染指令，根据页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识；根据至少一个目标接口标识，确定与至少一个目标接口标识各自对应的配置数据，其中，配置数据包括至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段；根据至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段，确定与至少一个目标接口标识各自对应的目标脚本；以及，根据与至少一个目标接口标识各自对应的目标脚本，渲染与至少一个目标接口标识各自对应的目标页面。

需要说明的是，本公开实施例提供的页面渲染方法和装置可用于网络技术领域和金融科技领域，例如应用于计算机技术领域。本公开实施例提供的页面渲染方法和装置也可用于除网络技术领域和金融科技领域之外的任意领域，例如应用于软件开发技术领域。本公开实施例提供的页面渲染方法和装置的应用领域不做限定。

图1示意性示出了根据本公开实施例的可以应用页面渲染方法的系统架构。需要注意的是，图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的其他终端设备中。

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

应注意，以下方法中各个操作的序号仅作为该操作的表示以便描述，而不应被看作表示该各个操作的执行顺序。除非明确指出，否则该方法不需要完全按照所示顺序来执行。

图2示意性示出了根据本公开实施例的页面渲染方法的流程图。

如图2所示，该页面渲染方法200包括操作S210～S240。

在操作S210，响应于接收到页面渲染指令，根据页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识。

在操作S220，根据至少一个目标接口标识，确定与至少一个目标接口标识各自对应的配置数据，其中，配置数据包括至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段。

在操作S230，根据至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段，确定与至少一个目标接口标识各自对应的目标脚本。

在操作S240，根据与至少一个目标接口标识各自对应的目标脚本，渲染与至少一个目标接口标识各自对应的目标页面。

根据本公开的实施例，可以基于低代码(Low-Code)进行接口开发和页面渲染。低代码可以指快速设计和开发软件应用程序并且手动编码最少的方法。低代码通过在图形界面中使用可视化建模来组装和配置应用程序，使得开发人员可以跳过基础架构进行接口开发和页面渲染。

根据本公开的实施例，可以将生成页面渲染指令的代码预先写入脚本中，响应于检测到用户利用用户终端在预定页面发起的页面渲染操作，用户终端可以运行该脚本，生成页面渲染指令。在用户终端生成页面渲染指令之后，可以将页面渲染指令发送至服务器，以便于服务器根据页面渲染指令中的目标统一资源定位地址(Uniform ResourceLocator，URL)，获取与至少一个目标接口标识。

根据本公开的实施例，预定页面可以包括Swagger用户界面(User Interface，UI)。预定页面可以具有对应的预定页面数据。预定页面数据可以包括主应用代码和组件数据。目标统一资源定位地址可以用于指示目标Swagger用户界面。Swagger可以指应用程序界面(Application Program Interface，API)测试和管理工具。Swagger可以使客户端和文件系统作为服务器以同样的速度来更新。Swagger提供了一个规范和完整的框架，可以用于生成、描述、调用和可视化RESTful风格的Web服务，通过Swagger衍生出来的一系列项目和工具，可以生成各种格式的API接口文档。

根据本公开的实施例，API可以指一组定义、程序及协议的集合，通过API可以实现计算机软件之间的相互通信。API能够提供通用功能集。在接收到页面渲染指令之后，可以根据页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识。至少一个目标接口标识可以各自对应有目标接口。用户终端可以通过调用API实现对应用程序的开发，以减轻编程任务。

根据本公开的实施例，在获得至少一个目标接口标识之后，可以根据至少一个目标接口标识，确定与至少一个目标接口标识各自对应的配置数据。配置数据可以包括至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段。目标对象名称字段可以包括以下至少之一：基本调用信息参数、请求参数和响应参数。基本调用信息参数可以包括以下至少之一：请求URL、路径参数和请求方法。请求参数可以包括以下至少之一：请求头和请求体。响应参数可以包括以下至少之一：响应头和响应体。

根据本公开的实施例，在获得与至少一个目标接口标识各自对应的配置数据之后，可以根据至少一个目标接口标识，调用与至少一个目标接口标识各自对应的脚本生成模板。利用与至少一个目标接口标识各自对应的脚本生成模板，对与至少一个目标接口标识各自对应的目标对象名称字段和目标对象值字段进行处理，得到与至少一个目标接口标识各自对应的目标脚本。目标脚本可以指使用预定描述性语言，依据预定格式编写的可执行文件。目标脚本可以属于超文本标记语言(Hyper Text Markup Language，HTML)格式。

根据本公开的实施例，在获得与至少一个目标接口标识各自对应的目标脚本之后，可以根据与至少一个目标接口标识各自对应的目标脚本，确定目标页面中至少一个UI单元各自的单元信息。根据至少一个UI单元各自的单元信息，确定至少一个图元的图元信息。根据至少一个图元的图元信息绘制目标页面。在获得与至少一个目标接口标识各自对应的目标页面之后，可以展示与至少一个目标接口标识各自对应的目标页面。

根据本公开的实施例，由于配置数据是根据至少一个目标接口标识确定的，至少一个目标接口标识是根据页面渲染指令中的目标统一资源定位地址获取的，因而配置数据能够表征至少一个目标接口标识各自对应的目标对象名称字段和目标对象值字段，由此提高了数据集成的效率。在此基础上，由于目标页面是根据与至少一个目标接口标识各自对应的目标脚本渲染得到的，目标脚本是根据至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段确定的，由此能够降低前端和后端人员之间的联调成本，因而至少部分的克服了相关技术中无法保障应用程序开发的效率和准确性的技术问题，进而能够提高应用程序开发和页面渲染的效率和准确性。

下面参考图3～图6，对根据本发明实施例的页面渲染方法200做进一步说明。

根据本公开的实施例，目标统一资源定位地址可以用于指示目标Swagger用户界面。

根据本公开的实施例，操作S210可以包括如下操作。

根据目标统一资源定位地址，展示与目标统一资源定位地址对应的目标Swagger用户界面。根据目标Swagger用户界面，获取与目标Swagger用户界面对应的至少一个目标接口标识。

根据本公开的实施例，可以采用vue和ElementUI来构建表单。在接收到页面渲染指令之后，可以根据目标统一资源定位地址，展示与目标统一资源定位地址对应的目标Swagger用户界面。

根据本公开的实施例，响应于用户在目标Swagger用户界面进行的接口配置操作，可以获取与目标Swagger用户界面对应的至少一个目标接口标识。至少一个目标接口标识可以用于表征待调用的目标接口。可以通过目标Swagger用户界面实现目标接口绑定。

根据本公开的实施例，由于至少一个目标接口标识是根据页面渲染指令中的目标统一资源定位地址获取的，因此避免了能够缩短接口开发周期，降低了接口维护难度。

图3示意性示出了根据本公开实施例的根据至少一个目标接口标识，确定与至少一个目标接口标识各自对应的配置数据方法的示例示意图。

如图3所示，该方法300包括操作S321～S324。

在操作S321，针对至少一个目标接口标识中的每个目标接口标识，在预先定义的表格对象中，创建与目标接口标识对应的表格页面。

在操作S322，根据目标接口标识，获取与目标接口标识对应的待处理数据。

在操作S323，根据与目标接口标识对应的表格页面和待处理数据，构建与目标接口标识对应的至少一个目标键值关系。

在操作S324，根据与目标接口标识对应的至少一个目标键值关系，确定与目标接口标识对应的配置数据。

根据本公开的实施例，可以通过拖、拉、拽等方式预先定义的表格对象。在获得预先定义的表格对象之后，可以在预先定义的表格对象中，通过拖、拉、拽等方式创建与目标接口标识对应的表格页面。

根据本公开的实施例，在获得与目标接口标识对应的表格页面之后，可以根据目标接口标识，获取与目标接口标识对应的待处理数据。待处理数据属于JSON(JavaScriptObject Notation，JS对象简谱)格式。待处理数据可以包括对象名称字段(即key)和对象值字段(即value)。对象名称字段可以用于表征控件的唯一标识。对象值字段可以用于表征该控件的配置数据。

根据本公开的实施例，在获得与目标接口标识对应的待处理数据之后，可以将待处理数据中的对象名称字段添加至表格页面中的第一预定位置，将待处理数据中的对象值字段添加至表格页面中的第二预定位置，以构建与目标接口标识对应的至少一个目标键值关系。第一预定位置和第二预定位置可以根据实际业务需求进行设置，在此不作限定。例如，第一预定位置和第二预定位置可以位于同一行。

根据本公开的实施例，在获得与目标接口标识对应的至少一个目标键值关系之后，可以根据与目标键值关系对应的目标校验规则，对目标键值关系进行校验，得到与目标键值关系对应的校验结果。在获得与目标键值关系对应的校验结果之后，可以根据与目标键值关系对应的校验结果，确定与目标接口标识对应的配置数据。

根据本公开的实施例，由于表格页面是在预先定义的表格对象中创建的，因此能够提高表格页面搭建的效率。在此基础上，由于配置数据是根据与目标接口标识对应的至少一个目标键值关系确定的，目标键值关系是根据与目标接口标识对应的表格页面和待处理数据构建得到的，因此能够实现可视化编程，进而提高了应用程序开发和页面渲染的效率和准确性。

根据本公开的实施例，操作S322可以包括如下操作。

根据目标接口标识，确定与目标接口标识对应的目标开发语言和目标开发框架。根据目标开发语言和目标开发框架，确定目标数据结构和目标数据类型。根据目标接口标识、目标数据结构和目标数据类型，获取与目标接口标识对应的待处理数据。

根据本公开的实施例，目标数据结构可以指具有结构特性的数据元素的集合。目标数据结构可以包括数据逻辑结构、数据物理结构和数据存储结构。数据逻辑结构可以指反映数据元素之间的逻辑关系的数据结构。逻辑关系可以指数据元素之间的前后间关系。数据逻辑结构可以包括以下至少之一：数组结构(即Array)、栈结构(即Stack)、队列结构(即Queue)、链表结构(即Linked List)、树结构(即Tree)、图结构(即Graph)、堆结构(即Heap)和散列表结构(即Hash)。数据物理结构可以指是数据结构在计算机中的表示。数据存储结构可以包括以下至少之一：顺序存储、链式存储、索引存储和哈希存储。

根据本公开的实施例，目标数据类型可以包括以下至少之一：最小的数据类型(即Byte)、短整型(即Short)、整型(即Int)、长整型(即Long)、浮点型(即Float)、双精度浮点型(即Double)、字符型(即Char)和布尔型(即Boolean)。在获得目标数据结构和目标数据类型之后，可以根据目标接口标识、目标数据结构和目标数据类型，获取与目标接口标识对应的待处理数据。

根据本公开的实施例，由于待处理数据是根据目标接口标识、目标数据结构和目标数据类型获取的，因此实现了基于Swagger的数据集成，使得开发人员的表单生成不仅能够生成静态页面，还能够绑定后端数据，进而节省了前端开发人员集成后端服务的开发过程，由此能够降低前端和后端人员之间的联调成本。

根据本公开的实施例，根据目标接口标识、目标数据结构和目标数据类型，获取与目标接口标识对应的待处理数据可以包括如下操作。

根据目标接口标识、目标数据结构和目标数据类型，确定与目标接口标识对应的入参对象和出参对象。根据与目标接口标识对应的入参对象，获取与入参对象对应的入参数据。根据与目标接口标识对应的出参对象，获取与出参对象对应的出参数据。根据与入参对象对应的入参数据和与出参对象对应的出参数据，确定待处理数据。

根据本公开的实施例，可以根据目标接口标识、目标数据结构和目标数据类型，从JSON数据流中获取与目标接口标识对应的接口信息。接口信息可以包括接口的基础信息和属性信息。基础信息可以包括接口名称、接口地址、出参对象和入参对象。属性信息可以包括接口的出入参对象信息。可以根据与目标接口标识对应的基础信息，确定与目标接口标识对应的入参对象和出参对象。

根据本公开的实施例，在获得与目标接口标识对应的入参对象和出参对象之后，可以根据入参对象，从属性信息中获取与入参对象对应的入参数据。可以根据出参对象，从属性信息中获取与出参对象对应的出参数据。入参数据和出参数据可以包括以下至少之一：接口字段名称、字段类型、字段长度和是否必填。

根据本公开的实施例，在获得与目标接口标识对应的入参数据和出参数据之后，可以根据入参对象和出参对象，在预先定义的表格对象中生成表格。根据入参数据和出参数据，在表格的对应位置进行填充，以确定待处理数据。

图4示意性示出了根据本公开实施例的根据目标接口标识，获取与目标接口标识对应的待处理数据方法的示例示意图。

如图4所示，在400中，可以根据目标接口标识401，确定与目标接口标识401对应的目标开发语言402和目标开发框架403。

在获得与目标接口标识401对应的目标开发语言402和目标开发框架403之后，可以根据目标开发语言402和目标开发框架403，确定目标数据结构404和目标数据类型405。

在获得目标数据结构404和目标数据类型405之后，可以根据目标接口标识401、目标数据结构404和目标数据类型405，确定与目标接口标识401对应的入参对象406和出参对象407。

在确定与目标接口标识401对应的入参对象406和出参对象407之后，可以根据与目标接口标识401对应的入参对象406，获取与入参对象对应的入参数据408。根据与目标接口标识401对应的出参对象407，获取与出参对象407对应的出参数据409。

在获得与入参对象对应的入参数据408和与出参对象407对应的出参数据409之后，可以根据与入参对象对应的入参数据408和与出参对象407对应的出参数据409，确定待处理数据410。

根据本公开的实施例，操作S323可以包括如下操作。

根据与目标接口标识对应的入参对象和出参对象，确定对象名称字段。根据与入参对象对应的入参数据和与出参对象对应的出参数据，确定与对象名称字段对应的对象值字段。利用表格页面，根据对象名称字段和与对象名称字段对应的对象值字段，构建与目标接口标识对应的至少一个目标键值关系。

根据本公开的实施例，在获得与目标接口标识对应的入参对象和出参对象之后，可以根据入参对象和出参对象，确定对象名称字段(即key)。可以根据入参数据和出参数据，确定与对象名称字段对应的对象值字段(即value)。

根据本公开的实施例，在获得对象名称字段之后，可以将对象名称字段填充至表格页面的第三预定位置，将与对象名称字段对应的对象值字段填充至表格页面的第四预定位置，以构建与目标接口标识对应的至少一个目标键值关系。第三预定位置和第四预定位置可以根据实际业务需求进行设置，在此不作限定。例如，第三预定位置和第四预定位置可以位于同一行。

根据本公开的实施例，由于对象名称字段是根据与目标接口标识对应的入参对象和出参对象确定的，对象值字段是根据与入参对象对应的入参数据和与出参对象对应的出参数据确定的，因此对象名称字段和对象值字段能够一一对应。在此基础上，由于至少一个目标键值关系是利用表格页面，根据对象名称字段和与对象名称字段对应的对象值字段构建得到的，因此能够自动实现对应字段的绑定，进而提高了页面渲染的效率和准确性。

图5示意性示出了根据本公开实施例的根据与目标接口标识对应的表格页面和待处理数据，构建与目标接口标识对应的至少一个目标键值关系方法的示例示意图。

如图5所示，在500中，可以根据与目标接口标识对应的入参对象501和出参对象502，确定对象名称字段505。根据与入参对象501对应的入参数据503和与出参对象502对应的出参数据504，确定与对象名称字段505对应的对象值字段506。

在获得对象名称字段505和与对象名称字段505对应的对象值字段506之后，可以利用表格页面，根据对象名称字段505和与对象名称字段505对应的对象值字段506，构建与目标接口标识对应的至少一个目标键值关系507。

根据本公开的实施例，操作S324可以包括如下操作。

针对至少一个目标键值关系中的每个目标键值关系，根据目标键值关系中的对象名称字段，确定与目标键值关系对应的目标校验规则。根据目标校验规则，对目标键值关系进行校验，得到与目标键值关系对应的校验结果。根据校验结果，确定配置数据。

根据本公开的实施例，针对至少一个目标键值关系中的每个目标键值关系，可以分别确定与目标键值关系对应的目标校验规则。目标校验规则可以是根据目标键值关系中的对象名称字段确定的。目标校验规则可以用于对目标键值关系进行校验，以确定能否将目标键值关系确定为配置数据。

根据本公开的实施例，在获得与目标键值关系对应的目标校验规则之后，可以根据目标校验规则，对目标键值关系进行校验，得到与目标键值关系对应的校验结果。校验结果可以包括以下之一：目标键值关系校验通过和目标键值关系校验未通过。在获得与目标键值关系对应的校验结果之后，可以根据校验结果，确定配置数据。

根据本公开的实施例，根据目标键值关系中的对象名称字段，确定与目标键值关系对应的目标校验规则可以包括如下操作。

根据对象名称字段，对第一预设校验规则集合中的至少一条第一预设校验规则分别进行匹配，得到匹配结果。在匹配结果表征第一预设校验规则集合中存在与对象名称字段匹配成功的第一预设校验规则的情况下，根据第一预设校验规则集合，确定目标校验规则。在匹配结果表征第一预设校验规则集合中不存在与对象名称字段匹配成功的第一预设校验规则的情况下，根据第二预设校验规则集合，确定目标校验规则。

根据本公开的实施例，可以预先设置第一预设校验规则集合。第一预设校验规则集合可以包括至少一条第一预设校验规则。至少一条第一预设校验规则可以各自对应有第一预设对象名称字段。例如，第一预设对象名称字段为“时间”，则与“时间”对应的第一预设校验规则可以为“渲染为时间控件”。第一预设对象名称字段为“必填”，则与“必填”对应的第一预设校验规则可以为“require＝true”。

根据本公开的实施例，可以根据目标键值关系中的对象名称字段，对对象名称字段和至少一个第一预设对象名称字段分别进行匹配。在对象名称字段与至少一个第一预设对象名称字段中的某一第一预设对象名称字段匹配成功的情况下，可以将与该第一预设对象名称字段对应的第一预设校验规则，确定为目标校验规则。

根据本公开的实施例，可以预先设置第二预设校验规则集合。第二预设校验规则集合可以包括至少一条第二预设校验规则。至少一条第二预设校验规则可以为自定义规则。至少一条第二预设校验规则可以各自对应有第二预设对象名称字段。在对象名称字段与至少一个第二预设对象名称字段中的任意第一预设对象名称字段均未匹配成功的情况下，可以对对象名称字段和至少一个第二预设对象名称字段分别进行匹配。在对象名称字段与至少一个第二预设对象名称字段中的某一第二预设对象名称字段匹配成功的情况下，可以将与该第二预设对象名称字段对应的第二预设校验规则，确定为目标校验规则。

根据本公开的实施例，根据校验结果，确定配置数据可以包括如下操作。

在校验结果表征目标键值关系校验未通过的情况下，删除目标键值关系。在校验结果表征目标键值关系校验通过的情况下，将目标键值关系确定为配置数据。

根据本公开的实施例，校验结果可以用于确定能否将目标键值关系确定为配置数据。校验结果可以包括以下之一：目标键值关系校验通过和目标键值关系校验未通过。在校验结果表征目标键值关系校验未通过，即不能将目标键值关系确定为配置数据的情况下，可以删除目标键值关系。在校验结果表征目标键值关系校验通过，即能够将目标键值关系确定为配置数据的情况下，可以将目标键值关系确定为配置数据。

根据本公开的实施例，由于目标校验规则是根据目标键值关系中的对象名称字段确定的，通过根据目标校验规则，对目标键值关系进行校验，能够提高数据集成的准确性，进而提高了应用程序开发和页面渲染的准确性。

图6示意性示出了根据本公开实施例的根据与目标接口标识对应的至少一个目标键值关系，确定与目标接口标识对应的配置数据方法的示例示意图。

如图6所示，在600中，可以根据对象名称字段601，对第一预设校验规则集合602中的至少一条第一预设校验规则分别进行匹配，得到匹配结果603。在获得匹配结果603之后，可以执行操作S610。

在操作S610，匹配结果表征第一预设校验规则集合中存在与对象名称字段匹配成功的第一预设校验规则？

若是，则可以根据第一预设校验规则集合602，确定目标校验规则604。若否，则可以根据第二预设校验规则集合605，确定目标校验规则604。

在获得目标校验规则604之后，可以根据目标校验规则604，对目标键值关系606进行校验，得到与目标键值关系606对应的校验结果607。在获得校验结果607之后，可以执行操作S620。

在操作S620，校验结果607表征目标键值关系606校验通过？

若否，则可以删除目标键值关系606。若是，则可以将目标键值关系606确定为配置数据608。

根据本公开的实施例，操作S230可以包括如下操作。

针对至少一个目标接口标识中的每个目标接口标识，调用与目标接口标识对应的脚本生成模板。利用脚本生成模板，根据至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段，生成与目标接口标识对应的目标脚本。

根据本公开的实施例，可以预先配置脚本生成模板库。脚本生成模板库可以包括至少一个脚本生成模板。至少一个脚本生成模板可以各自具有对应的接口标识。在获得与至少一个目标接口标识各自对应的配置数据之后，可以根据目标接口标识，在脚本生成模板库确定与目标接口标识对应的脚本生成模板。

根据本公开的实施例，在获得脚本生成模板之后，可以根据脚本生成模板，将配置数据中的至少一个目标对象名称字段填充至第五预定位置，将配置数据中的与至少一个目标对象名称字段各自对应的目标对象值字段填充至第六预定位置，以生成与目标接口标识对应的目标脚本。第五预定位置和第六预定位置可以根据实际业务需求进行设置，在此不作限定。例如，第五预定位置和第六预定位置可以位于同一行。

根据本公开的实施例，页面渲染方法200可以包括如下操作。

在第一目标界面中展示与至少一个目标接口标识各自对应的目标脚本。在第二目标界面中展示与至少一个目标接口标识各自对应的目标页面。

根据本公开的实施例，在获得与至少一个目标接口标识各自对应的目标脚本之后，响应于用户针对至少一个目标接口标识中的某一目标接口标识发起的脚本展示操作，可以在第一目标界面中展示与该目标接口标识对应的目标脚本。

根据本公开的实施例，在获得与至少一个目标接口标识各自对应的目标页面之后，响应于用户针对至少一个目标接口标识中的某一目标接口标识发起的页面展示操作，可以在第二目标界面中展示与该目标接口标识对应的目标页面。

根据本公开的实施例，第一目标界面和第二目标界面的之间的位置关系可以满足预定位置关系条件。预定位置关系条件可以由本领域技术人员根据实际需求进行设置，在此不作限定。例如，预定位置关系条件可以为第一目标界面的展示区域和第二目标界面的展示区域之间间隔预定距离，预定距离可以为5厘米。

以上仅是示例性实施例，但不限于此，还可以包括本领域已知的其他页面渲染方法，只要能够提高应用程序开发和页面渲染的效率和准确性即可。

图7示意性示出了根据本公开的实施例的页面渲染装置的框图。

如图7所示，页面渲染装置700可以包括获取模块710、第一确定模块720、第二确定模块730和渲染模块740。

获取模块710，用于响应于接收到页面渲染指令，根据页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识。

第一确定模块720，用于根据至少一个目标接口标识，确定与至少一个目标接口标识各自对应的配置数据，其中，配置数据包括至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段。

第二确定模块730，用于根据至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段，确定与至少一个目标接口标识各自对应的目标脚本。

渲染模块740，用于根据与至少一个目标接口标识各自对应的目标脚本，渲染与至少一个目标接口标识各自对应的目标页面。

根据本公开的实施例，针对至少一个目标接口标识中的每个目标接口标识，第一确定模块720可以包括创建子模块、第一获取子模块、构建子模块和确定子模块。

创建子模块，用于在预先定义的表格对象中，创建与目标接口标识对应的表格页面。

第一获取子模块，用于根据目标接口标识，获取与目标接口标识对应的待处理数据。

构建子模块，用于根据与目标接口标识对应的表格页面和待处理数据，构建与目标接口标识对应的至少一个目标键值关系。

确定子模块，用于根据与目标接口标识对应的至少一个目标键值关系，确定与目标接口标识对应的配置数据。

根据本公开的实施例，第一获取子模块可以包括第一确定单元、第二确定单元和获取单元。

第一确定单元，用于根据目标接口标识，确定与目标接口标识对应的目标开发语言和目标开发框架。

第二确定单元，用于根据目标开发语言和目标开发框架，确定目标数据结构和目标数据类型。

获取单元，用于根据目标接口标识、目标数据结构和目标数据类型，获取与目标接口标识对应的待处理数据。

根据本公开的实施例，获取单元可以包括第一确定子单元、第一获取子单元、第二获取子单元和第二确定子单元。

第一确定子单元，用于根据目标接口标识、目标数据结构和目标数据类型，确定与目标接口标识对应的入参对象和出参对象。

第一获取子单元，用于根据与目标接口标识对应的入参对象，获取与入参对象对应的入参数据。

第二获取子单元，用于根据与目标接口标识对应的出参对象，获取与出参对象对应的出参数据。

第二确定子单元，用于根据与入参对象对应的入参数据和与出参对象对应的出参数据，确定待处理数据。

根据本公开的实施例，构建子模块可以包括第三确定单元、第四确定单元和构建单元。

第三确定单元，用于根据与目标接口标识对应的入参对象和出参对象，确定对象名称字段。

第四确定单元，用于根据与入参对象对应的入参数据和与出参对象对应的出参数据，确定与对象名称字段对应的对象值字段。

构建单元，用于利用表格页面，根据对象名称字段和与对象名称字段对应的对象值字段，构建与目标接口标识对应的至少一个目标键值关系。

根据本公开的实施例，针对至少一个目标键值关系中的每个目标键值关系，确定子模块可以包括第五确定单元、校验单元和第六确定单元。

第五确定单元，用于根据目标键值关系中的对象名称字段，确定与目标键值关系对应的目标校验规则。

校验单元，用于根据目标校验规则，对目标键值关系进行校验，得到与目标键值关系对应的校验结果。

第六确定单元，用于根据校验结果，确定配置数据。

根据本公开的实施例，第五确定单元可以包括匹配子单元、第三确定子单元和第四确定子单元。

匹配子单元，用于根据对象名称字段，对第一预设校验规则集合中的至少一条第一预设校验规则分别进行匹配，得到匹配结果。

第三确定子单元，用于在匹配结果表征第一预设校验规则集合中存在与对象名称字段匹配成功的第一预设校验规则的情况下，根据第一预设校验规则集合，确定目标校验规则。

第四确定子单元，用于在匹配结果表征第一预设校验规则集合中不存在与对象名称字段匹配成功的第一预设校验规则的情况下，根据第二预设校验规则集合，确定目标校验规则。

根据本公开的实施例，第六确定单元可以包括删除子单元和第五确定子单元。

删除子单元，用于在校验结果表征目标键值关系校验未通过的情况下，删除目标键值关系。

第五确定子单元，用于在校验结果表征目标键值关系校验通过的情况下，将目标键值关系确定为配置数据。

根据本公开的实施例，针对至少一个目标接口标识中的每个目标接口标识，第二确定模块730可以包括调用子模块和生成子模块。

调用子模块，用于调用与目标接口标识对应的脚本生成模板。

生成子模块，用于利用脚本生成模板，根据至少一个目标对象名称字段和与至少一个目标对象名称字段各自对应的目标对象值字段，生成与目标接口标识对应的目标脚本。

根据本公开的实施例，目标统一资源定位地址用于指示目标Swagger用户界面。

根据本公开的实施例，获取模块710可以包括展示子模块和第二获取子模块。

展示子模块，用于根据目标统一资源定位地址，展示与目标统一资源定位地址对应的目标Swagger用户界面。

第二获取子模块，用于根据目标Swagger用户界面，获取与目标Swagger用户界面对应的至少一个目标接口标识。

根据本公开的实施例，页面渲染装置700还可以包括第一展示模块和第二展示模块。

第一展示模块，用于在第一目标界面中展示与至少一个目标接口标识各自对应的目标脚本。

第二展示模块，用于在第二目标界面中展示与至少一个目标接口标识各自对应的目标页面。

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

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

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

图8示意性示出了根据本公开实施例的适于实现页面渲染方法的电子设备的框图。图8示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

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

在RAM 803中，存储有电子设备800操作所需的各种程序和数据。处理器801、ROM802以及RAM 803通过总线804彼此相连。处理器801通过执行ROM 802和/或RAM 803中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意，所述程序也可以存储在除ROM802和RAM 803以外的一个或多个存储器中。处理器801也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。

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

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

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

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

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

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

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

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

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

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

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

Claims (15)

1.一种页面渲染方法，包括：

响应于接收到页面渲染指令，根据所述页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识；

根据所述至少一个目标接口标识，确定与所述至少一个目标接口标识各自对应的配置数据，其中，所述配置数据包括至少一个目标对象名称字段和与所述至少一个目标对象名称字段各自对应的目标对象值字段；

根据所述至少一个目标对象名称字段和与所述至少一个目标对象名称字段各自对应的目标对象值字段，确定与至少一个目标接口标识各自对应的目标脚本；以及

根据所述与至少一个目标接口标识各自对应的目标脚本，渲染与至少一个目标接口标识各自对应的目标页面。

2.根据权利要求1所述的方法，其中，所述根据所述至少一个目标接口标识，确定与所述至少一个目标接口标识各自对应的配置数据包括：

针对所述至少一个目标接口标识中的每个目标接口标识，

在预先定义的表格对象中，创建与所述目标接口标识对应的表格页面；

根据所述目标接口标识，获取与所述目标接口标识对应的待处理数据；

根据与所述目标接口标识对应的表格页面和待处理数据，构建与所述目标接口标识对应的至少一个目标键值关系；以及

根据与所述目标接口标识对应的所述至少一个目标键值关系，确定与所述目标接口标识对应的所述配置数据。

3.根据权利要求2所述的方法，其中，所述根据所述目标接口标识，获取与所述目标接口标识对应的待处理数据包括：

根据所述目标接口标识，确定与所述目标接口标识对应的目标开发语言和目标开发框架；

根据所述目标开发语言和所述目标开发框架，确定目标数据结构和目标数据类型；以及

根据所述目标接口标识、所述目标数据结构和目标数据类型，获取与所述目标接口标识对应的待处理数据。

4.根据权利要求3所述的方法，其中，所述根据所述目标接口标识、所述目标数据结构和目标数据类型，获取与所述目标接口标识对应的待处理数据包括：

根据所述目标接口标识、所述目标数据结构和目标数据类型，确定与所述目标接口标识对应的入参对象和出参对象；

根据所述与目标接口标识对应的入参对象，获取与所述入参对象对应的入参数据；

根据所述与目标接口标识对应的出参对象，获取与所述出参对象对应的出参数据；以及

根据所述与入参对象对应的入参数据和所述与出参对象对应的出参数据，确定所述待处理数据。

5.根据权利要求2所述的方法，其中，所述根据与所述目标接口标识对应的表格页面和待处理数据，构建与所述目标接口标识对应的至少一个目标键值关系包括：

根据与所述目标接口标识对应的入参对象和出参对象，确定对象名称字段；

根据与入参对象对应的入参数据和所述与出参对象对应的出参数据，确定与所述对象名称字段对应的对象值字段；以及

利用所述表格页面，根据所述对象名称字段和与所述对象名称字段对应的对象值字段，构建与所述目标接口标识对应的至少一个目标键值关系。

6.根据权利要求2所述的方法，其中，所述根据与所述目标接口标识对应的所述至少一个目标键值关系，确定与所述目标接口标识对应的所述配置数据包括：

针对所述至少一个目标键值关系中的每个目标键值关系，

根据所述目标键值关系中的所述对象名称字段，确定与所述目标键值关系对应的目标校验规则；

根据所述目标校验规则，对所述目标键值关系进行校验，得到与所述目标键值关系对应的校验结果；以及

根据所述校验结果，确定所述配置数据。

7.根据权利要求6所述的方法，其中，所述根据所述目标键值关系中的所述对象名称字段，确定与所述目标键值关系对应的目标校验规则包括：

根据所述对象名称字段，对第一预设校验规则集合中的至少一条第一预设校验规则分别进行匹配，得到匹配结果；

在所述匹配结果表征所述第一预设校验规则集合中存在与所述对象名称字段匹配成功的第一预设校验规则的情况下，根据所述第一预设校验规则集合，确定所述目标校验规则；以及

在所述匹配结果表征所述第一预设校验规则集合中不存在与所述对象名称字段匹配成功的第一预设校验规则的情况下，根据第二预设校验规则集合，确定所述目标校验规则。

8.根据权利要求6所述的方法，其中，所述根据所述校验结果，确定所述配置数据包括：

在所述校验结果表征所述目标键值关系校验未通过的情况下，删除所述目标键值关系；以及

在所述校验结果表征所述目标键值关系校验通过的情况下，将所述目标键值关系确定为所述配置数据。

9.根据权利要求1至8中任一项所述的方法，其中，所述根据所述至少一个目标对象名称字段和与所述至少一个目标对象名称字段各自对应的目标对象值字段，确定与至少一个目标接口标识各自对应的目标脚本包括：

针对所述至少一个目标接口标识中的每个目标接口标识，

调用与所述目标接口标识对应的脚本生成模板；以及

利用所述脚本生成模板，根据所述至少一个目标对象名称字段和与所述至少一个目标对象名称字段各自对应的目标对象值字段，生成与所述目标接口标识对应的目标脚本。

10.根据权利要求1至8中任一项所述的方法，其中，所述目标统一资源定位地址用于指示目标Swagger用户界面；

所述响应于接收到页面渲染指令，根据所述页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识包括：

根据所述目标统一资源定位地址，展示与所述目标统一资源定位地址对应的所述目标Swagger用户界面；以及

根据所述目标Swagger用户界面，获取与所述目标Swagger用户界面对应的所述至少一个目标接口标识。

11.根据权利要求1至8中任一项所述的方法，还包括，在所述根据所述与至少一个目标接口标识各自对应的目标脚本，渲染与至少一个目标接口标识各自对应的目标页面之后：

在第一目标界面中展示与所述至少一个目标接口标识各自对应的目标脚本；以及

在第二目标界面中展示与所述至少一个目标接口标识各自对应的目标页面。

12.一种页面渲染装置，包括：

获取模块，用于响应于接收到页面渲染指令，根据所述页面渲染指令中的目标统一资源定位地址，获取至少一个目标接口标识；

第一确定模块，用于根据所述至少一个目标接口标识，确定与所述至少一个目标接口标识各自对应的配置数据，其中，所述配置数据包括至少一个目标对象名称字段和与所述至少一个目标对象名称字段各自对应的目标对象值字段；

第二确定模块，用于根据所述至少一个目标对象名称字段和与所述至少一个目标对象名称字段各自对应的目标对象值字段，确定与至少一个目标接口标识各自对应的目标脚本；以及

渲染模块，用于根据所述与至少一个目标接口标识各自对应的目标脚本，渲染与至少一个目标接口标识各自对应的目标页面。

13.一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个指令，

其中，当所述一个或多个指令被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至11中任一项所述的方法。

14.一种计算机可读存储介质，其上存储有可执行指令，所述可执行指令被处理器执行时使处理器实现权利要求1至11中任一项所述的方法。

15.一种计算机程序产品，所述计算机程序产品包括计算机可执行指令，所述计算机可执行指令在被执行时用于实现权利要求1至11中任一项所述的方法。

Images