CN114491354A - 一种页面生成方法、装置及计算机可读存储介质 - Google Patents

Abstract

本申请实施例提出了一种页面生成方法、装置及计算机可读存储介质。该方法包括：获取目标接口的接口元数据，接口元数据包括接口基本信息、参数以及返回值中的一种或多种；根据接口元数据确定待生成的目标页面的页面类型；根据接口元数据以及页面类型生成目标页面的页面配置文件；利用页面配置文件生成目标页面，目标页面包括页面布局和数据、页面交互逻辑。通过本申请，可以通过接口元数据直接生成对应的功能页面，从而提高页面生成的效率。

Description

一种页面生成方法、装置及计算机可读存储介质

技术领域

本申请涉及互联网技术领域，尤其涉及一种页面生成方法、装置及计算机可读存储介质。

背景技术

随着互联网科技技术的快速发展，应用程序、网站等互联网产品的页面设计，通常直接影响用户对于互联网产品的接受程度或者喜爱程度。网页页面是一种呈现文字、图形等信息的可视化信息载体，常常用于传播和推广各种产品或业务，因此，为用户提供符合用户喜好的页面对互联网产品来说至关重要。

目前，主要是通过配置生成相应的页面，这就需要学习了解页面相关的配置规则，由于所需要生成的页面的不同，对应的配置规则也会多样化，这样会导致额外的学习成本。因此，如何提高页面生成的效率是当前亟待解决的技术问题。

发明内容

本申请实施例提出了一种页面生成方法、装置、计算机设备及计算机可读存储介质，可以通过接口元数据直接生成对应的功能页面，从而提高页面生成的效率。

本申请实施例一方面提供一种页面生成方法，该方法具体包括：

获取目标接口的接口元数据，所述接口元数据包括接口基本信息、参数以及返回值中的一种或多种；

根据所述接口元数据确定待生成的目标页面的页面类型；

根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件；

利用所述页面配置文件生成所述目标页面，所述目标页面包括页面布局和数据、页面交互逻辑。

本申请一方面提供一种页面生成装置，该装置具有实现上述的模型训练方法的功能。所述功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。所述硬件或软件包括：

获取单元，用于获取目标接口的接口元数据，所述接口元数据包括接口基本信息、参数以及返回值中的一种或多种；

确定单元，用于根据所述接口元数据确定待生成的目标页面的页面类型；

生成单元，用于根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件；

生成单元，还用于利用所述页面配置文件生成所述目标页面，所述目标页面包括页面布局和数据、页面交互逻辑。

本申请实施例一方面提供了一种计算机设备，包括存储器和处理器，存储器存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述各实施例中的方法。

本申请实施例一方面提供了一种计算机存储介质，计算机存储介质存储有计算机程序，计算机程序包括程序指令，程序指令当被处理器执行时，执行上述各实施例中的方法。

本申请实施例一方面提供了一种计算机程序产品或计算机程序，计算机程序产品或计算机程序包括计算机指令，计算机指令存储在计算机可读存储介质中，计算机指令被计算机设备的处理器执行时，执行上述各实施例中的方法。

通过本申请实施例的页面生成方法，计算机设备可以获取目标接口的接口元数据，其中，接口元数据包括接口基本信息、参数以及返回值中的一种或多种；然后，计算机设备可以根据接口元数据确定待生成的目标页面的页面类型；然后，计算机设备根据接口元数据以及页面类型可以生成目标页面的页面配置文件；最后，计算机设备利用页面配置文件可以直接生成包括页面布局和页面数据以及页面交互逻辑的目标页面。本申请通过获取到的接口元数据，可以根据页面配置文件直接生成相应的功能页面，节省了开发配置的时间成本，从而提高了页面生成的效率。

附图说明

为了更清楚地说明本申请实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的一种页面生成系统的架构示意图；

图2a是本申请实施例提供的另一种页面生成系统的结构示意图；

图2b是本申请实施例提供的一种接口配置的代码示意图；

图2c是本申请实施例提供的一种页面生成的触发操作示意图；

图2d是本申请实施例提供的一种页面布局的代码示意图；

图2e是本申请实施例提供的一种页面交互逻辑的代码示意图；

图3是本申请实施例提供的一种页面生成方法的流程示意图；

图4是本申请实施例提供的一种生成页面配置文件的流程示意图；

图5是本申请实施例提供的一种生成页面配置文件的流程示意图；

图6a是本申请实施提供的一种字段类型与控件之间的映射关系表的示意图；

图6b是本申请实施例提供的一种字段与控件之间的绑定关系表的示意图；

图7是本申请实施例提供的另一种生成页面配置文件的流程示意图；

图8是本申请实施例提供的一种页面生成装置的结构示意图；

图9是本申请实施例提供的一种计算机设备的结构示意图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素，此外，本申请不同实施例中具有同样命名的部件、特征、要素可能具有相同含义，也可能具有不同含义，其具体含义需以其在该具体实施例中的解释或者进一步结合该具体实施例中上下文进行确定。

应当理解，尽管在本文可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本文范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语"如果"可以被解释成为“在……时”或“当……时”或“响应于确定”。

本申请可以应用于如下场景：前端后端分离的开发场景，具体来说，后端负责逻辑开发，编写具体功能逻辑，提供对应功能接口给前端调用；前端根据接口定义直接调用页面配置文件生成包括页面布局和页面数据以及页面交互逻辑的目标页面，具体的，前端负责获取目标接口的接口元数据时，根据接口元数据确定待生成的目标页面的页面类型，根据页面类型和接口元数据生成目标页面的页面配置文件。通过本方法，可以在接口定义完成后，获取到接口元数据，生成对应功能页面，节省功能页面开发时间。

请参见图1，图1是本申请实施例提供的一种数据处理的系统架构的示意图。该数据处理的系统架构图包括：服务器140以及计算机设备集群，其中，计算机设备集群可以包括：计算机设备110、计算机设备120、...、计算机设备130等。计算机设备集群与服务器140可以通过有线或无线通信方式进行直接或间接地连接，本申请在此不做限制。

图1所示的服务器140可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN(Content Delivery Network，内容分发网络)、以及大数据和人工智能平台等基础云计算服务的云服务器。

图1所示的计算机设备110、计算机设备120、计算机设备130等可以是手机、平板电脑、笔记本电脑、掌上电脑、移动互联网设备(MID，mobile internet device)、车辆、路边设备、飞行器、可穿戴设备，例如智能手表、智能手环、计步器等，等具有页面生成功能的智能设备。

在一种可能的实现方式中，以计算机设备110为例，计算机设备110获取目标接口的接口元数据，所述接口元数据包括接口基本信息、参数以及返回值中的一种或多种；计算机设备110根据所述接口元数据确定待生成的目标页面的页面类型；计算机设备110根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件；计算机设备110利用所述页面配置文件生成所述目标页面，所述目标页面包括页面布局和数据、页面交互逻辑。

在一种可能的实现方式中，计算机设备110获取目标接口的接口元数据之后，其中，接口元数据包括接口基本信息、参数以及返回值中的一种或多种；计算机设备110将接口元数据发送至服务器140，服务器140根据接口元数据确定待生成的目标页面的页面类型；服务器140根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件；然后，服务器140将页面配置文件发送至计算机设备110，以使计算机设备110利用页面配置文件生成包括页面布局和页面数据以及页面交互逻辑的目标页面。

需要说明的是，本申请可以应用于前端后端分离的开发场景，具体来说，后端可以具体为服务器140，前端可以具体为计算机设备集群中的任意计算机设备，如计算机设备110。服务器140负责根据接口元数据确定待生成的目标页面的页面类型，以及根据页面类型和接口元数据生成目标页面的页面配置文件。即服务器140负责逻辑开发，编写具体功能逻辑，提供对应功能接口给计算机设备110调用；计算机设备110根据接口定义直接调用页面配置文件生成包括页面布局和页面数据以及页面交互逻辑的目标页面。

可以理解的是，本申请实施例描述的系统架构示意图是为了更加清楚的说明本申请实施例的技术方案，并不构成对于本申请实施例提供的技术方案的限定，本领域普通技术人员可知，随着系统架构的演变和新业务场景的出现，本申请实施例提供的技术方案对于类似的技术问题，同样适用。

请参见图2a-图2e，图2a-图2e是本申请实施例提供的一种页面生成方法的场景示意图。如图2a所示，图2a是本申请实施例提供的另一种页面生成系统的结构示意图。该页面生成系统可以包括文档中心、配置生成器以及代码生成器。

在一种可能的实现方式中，首先，文档中心主要是用于获取接口元数据，文档中心包括Api Json工具，具体方法可以为通过调用Api Json工具调用目标接口从而获取到接口元数据。然后，将接口元数据发送至配置生成器，其中，配置生成器主要是用于生成页面配置文件，配置生成器包括文本格式转换器，具体可以包括：通过文本格式转换器，例如ApiJson Parser将文档中心获取得到的接口元数据进行格式转换，以实现将获取到的接口元数据的数据格式转换为能够生成页面配置文件对应的数据格式，具体的，配置生成器还可以根据接口元数据确定待生成的页面的页面类型，页面类型具体可以包括表单以及列表，配置生成器可以根据对应的页面类型生成相应的页面配置文件。最后，代码生成器获取配置生成器生成的页面配置文件，代码生成器可以根据配置生成文件用配置生成页面布局和页面数据(超文本标记语言，Html)以及交互逻辑代码(Js)。

举例来说，如图2b所示，图2b是本申请实施例提供的一种接口配置的代码示意图。具体的，根据本申请提供的页面生成方法，实现了一个编辑器的插件，这里采用的是vscode插件。如图2b所示，首先，计算机设备获取用户提交的接口调用请求，其中，接口调用请求携带有目标接口的接口标识符，如图2b，接口标识符为“800a01c3f81d5320d4c5e7320f08743d”；然后，计算机设备响应接口调用请求，并根据接口标识符通过代码注解或者反射的方式获取目标接口的接口元数据，如图2c，图2c是本申请实施例提供的一种页面生成的触发操作示意图，用户点击“QfCodeBuilder”即可触发vscode插件自动显示接口文档。最后，计算机设备根据接口文档，可以一键生成页面布局。如图2d，图2d是本申请实施例提供的一种页面布局的代码示意图，可以一键生成页面交互逻辑，如图2e，图2e是本申请实施例提供的一种页面交互逻辑的代码示意图。

通过本申请实施例所涉及的页面生成方法，在文档中心获取到接口元数据之后，配置生成器可以根据接口元数据生成表单对应的页面配置文件或者列表对应的页面配置文件，最后，代码生成器根据页面配置文件一键生成包括页面布局和页面交互逻辑的页面，相比于现有方法中需要学习了解配置规则才能生成相应的页面，本申请可以根据接口元数据一键生成功能页面，提高了页面生成效率。

请参见图3，图3是本申请实施例提供的一种页面生成方法的流程示意图。该页面生成方法应用于计算机设备，如图3所示，该页面生成方法可包括步骤S310～S340。其中：

步骤S310：获取目标接口的接口元数据，所述接口元数据包括接口基本信息、参数以及返回值中的一种或多种。

在一种可能的实现方式中，用户将携带有目标接口的接口标识符打包为接口调用请求，用户通过用户终端向计算机设备发送接口调用请求，计算机设备接收用户终端发送的接口调用请求。然后，计算机设备响应接口调用请求，并根据接口标识符通过代码注解或者反射的方式获取目标接口的接口元数据。

具体实现时，计算机设备可以通过反射或借助现有第三方组件等方式获取到目标接口对应的接口元数据。其中，在计算机学中，反射(reflection)是指计算机程序在运行时(run time)可以访问、检测和修改它本身状态或行为的一种能力，用比喻来说，反射就是程序在运行的时候能够“观察”并且修改自己的行为。其中，第三方组件包括但不限于：swagger、javadoc等。其中，接口元数据包括但不限于：接口基本信息、参数以及返回值。

a.接口基本信息具体可以包括如表1.1所示：

接口信息	说明	示例
			名称	接口名称	xx查询接口
请求方式	GET/POST	POST
			URL	接口调用地址	/xx/xxx

表1.1接口基本信息b.参数信息具体可以包括如表1.2所示：

表1.2.参数信息c.返回值具体可以包括如表1.3所示：

表1.3.返回值

步骤S320：根据所述接口元数据确定待生成的目标页面的页面类型。

具体实现时，计算机设备可以根据接口元数据包括的参数确定待生成的目标页面的页面类型，或者计算机设备可以根据接口元数据包括的返回值确定待生成的目标页面的页面类型，或者计算机设备根据接口命名规则确定待生成的目标页面的页面类型。

在一种可能的实现方式中，页面类型可以包括表单以及列表。计算机设备根据接口命名规则中的关键字确定待生成的目标页面的页面类型。举例来说，若接口命名规则中包括关键字“表单”，则计算机设备确定待生成的目标页面的页面类型为表单，又如，若接口命名规则中包括关键字“列表”，则计算机设备确定待生成的目标页面的页面类型为列表。还如，程序开发人员可以提前定义好页面类型与页面标识之间的映射关系，例如“1：list(列表)”和“2：form(表单)”，当计算机设备调用目标接口时，若用户输入“1”，则表明待生成的目标页面的页面类型为列表，同理，若用户输入“2”，则表明待生成的目标页面的页面类型为表单。

在一种可能的实现方式中，页面类型可以包括表单以及列表。计算机设备获取预设属性集合，其中，预设属性集合包含第一属性集合和第二属性集合，第一属性集合可以包括表单对应的必要属性，第二属性集合可以包括列表对应的必要属性，需要说明的是，必要属性是根据对应的参数基类或者返回值基类确定的。

具体实现时，第一属性集合可以包括表单返回值基类。其中，表单返回值基类可以包括新增表单返回值基类以及修改表单返回值基类。

其中，新增表单对应的返回值基类BaseResponse，包含必要属性如表2.1所示：

名称	类型	说明
			Success	bool	表示调用是否成功
Msg	String	提示信息

表2.1新增表单返回值基类BaseResponse

其中，修改表单对应的返回值基类BaseResponse<T>，包含必要属性如表2.2所示：

名称	类型	说明
			Success	bool	表示调用是否成功
Msg	String	提示信息
			Data	T(Object)	泛型(对象类型)，包含所需的所有字段

表2.2修改表单返回值基类BaseResponse<T>

具体实现时，第二属性集合可以包括列表参数基类以及列表返回值基类。

其中，列表参数基类ListBaseRequest，包含必要属性如表3.1所示：

名称	类型	说明
			PageIndex	Int	列表分页属性，当前显示第几页
PageSize	Int	列表分页属性，每页显示多少条
			AllowPaging	Bool	列表分页属性，是否允许和显示分页

表3.1列表参数基类ListBaseRequest其中，列表返回值基类ListBaseResponse，包含必要属性如表3.2所示：

名称	类型	说明
			TotalCount	Int	数据总条数
Result	Array	数据集合

表3.2列表返回值基类ListBaseRequest

在一种可能的实现方式中，若接口元数据包括第一属性集合中的各个属性，则计算机设备确定待生成页面的目标页面的页面类型为表单。若接口元数据包括第二属性集合中的各个属性，则计算机设备确定待生成页面的目标页面的页面类型为列表。举例来说，若接口元数据中包括Success、Msg，或者，接口元数据中Success、Msg以及Data，则计算机设备可以确定待生成页面的目标页面的页面类型为表单。又如，若接口元数据中包括PageIndex、PageSize以及AllowPaging，或者，接口元数据中包括TotalCount和Result，则计算机设备可以确定待生成页面的目标页面的页面类型为列表。

步骤S330：根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件。

具体实现时，页面配置文件可以包括：呈现形态、数据绑定以及交互行为。其中，呈现形态可以包括页面类型，以及控件类型、位置、名称等，数据绑定可以包括页面控件与接口参数或返回值的映射关系，交互行为可以包括提交或获取数据，以及对应的接口信息。

如图4所示，图4是本申请实施例提供的一种生成页面配置文件的流程示意图。具体实现时，计算机设备根据获取到的接口元数据，首先判断待生成的目标页面的页面类型，具体为判断页面类型为列表还是表单，进一步地，计算机设备根据页面类型和接口元数据，确定目标页面的页面配置文件。

在一种可能的实现方式中，页面类型包括表单。通常来说，对于表单页面，一般的操作包括修改或者新增功能，即计算机设备确定目标页面对应的功能类型，其中，功能类型可以包括新增数据以及更新数据。计算机设备根据接口元数据以及功能类型生成目标页面的页面配置文件。

具体实现时，若功能类型为新增数据，则计算机设备基于接口元数据包括的参数生成目标页面的字段配置；若功能类型为更新数据，则计算机设备基于接口元数据包括的返回值生成目标页面的字段配置。

举例来说，若页面类型为表单，接口元数据可以包括“姓名”、“性别”以及“年龄”。若计算机设备确定目标页面对应的功能类型为新增数据，即代表需要将接口元数据添加到表单中，则此时计算机设备直接将接口元数据中的“姓名”、“性别”以及“年龄”作为目标页面的字段配置。又如，若计算机设备确定目标页面对应的功能类型为更新数据，即代表在目标页面中已经有“姓名”、“性别”以及“年龄”对应的参数，则此时需要计算机设备分别调用“姓名”、“性别”以及“年龄”各自对应的接口参数，得到返回值，并将接口元数据包括的返回值(例如“姓名XXX”、“性别X”以及“年龄XX”)生成目标页面的字段配置。

在一种可能的实现方式中，页面类型包括列表。通常来说，对于列表页面，一般的操作就是查询功能，则计算机设备基于接口元数据包括的参数确定目标页面的字段配置中的查询字段配置；计算机设备基于接口元数据包括的返回值确定目标页面的字段配置中的列表字段配置。

举例来说，若页面类型为表单，接口元数据可以包括“学校”、“年级”、“专业”、“XXXX大学”、“XXXX级”以及“XXXX专业”。则计算机设备可以将“学校”、“年级”、“专业”作为参数，并将“学校”、“年级”、“专业”确定为目标页面的字段配置中的查询字段配置；以及计算机设备可以将“XXXX大学”、“XXXX级”以及“XXXX专业”作为返回值，并将“XXXX大学”、“XXXX级”以及“XXXX专业”确定为目标页面的字段配置中的列表字段配置。

在一种可能的实现方式中，计算机设备根据目标页面的字段配置以及字段类型与控件之间的映射关系，生成目标页面的页面配置文件。具体实现时，首先，计算机设备获取目标页面的字段配置包括的每个字段的字段类型；然后，计算机设备根据每个字段的字段类型以及字段类型与控件之间的映射关系，确定每个字段对应的控件，其中，控件的数量为至少一个；最后，计算机设备建立每个字段与对应的控件之间的绑定关系。计算机设备根据每个字段、控件以及绑定关系生成目标页面的页面配置文件。

步骤S340：利用所述页面配置文件生成所述目标页面，所述目标页面包括页面布局和数据、页面交互逻辑。

具体的，由于页面配置文件中已经包含完整的页面布局以及控件类型信息，因此，生成代码过程只是简单的解析翻译生成过程，即计算机设备根据页面配置文件，结合设计规范、代码规范，通过页面渲染的方法可以生成包括页面布局和页面数据以及页面交互逻辑的目标页面。

其中，计算机设备可以通过呈现形态和数据绑定，生成页面布局和页面数据，页面数据的数据格式具体可以为html格式。进一步地，由于本方法涉及的交互过程只涉及获取数据显示和提交数据，于是计算机设备可采用固定模板生成页面交互逻辑。需要说明的是，本申请所涉及到的页面生成方法也可以不生成页面配置文件，直接生成代码，从而根据代码生成目标页面。本方案通过生成页面配置文件，进而生成目标页面可以有更好的扩展性，即可以由页面配置文件解析生成不同类型的应用功能，从而生成不同类型的功能页面。

最后，以完成投诉协查列表查询功能为例，完成查询接口后，通过本申请实施例提供的页面生成方法生成总代码量200多行。由于本方法是一键生成，所以有些字段的呈现顺序或样式需要微调，或者某些字段不需要显示，需开发人员对生成后的代码做微调。本申请实施例中需开发人员再做调整的不到50行，所花费时间是之前的1/4。

通过本申请实施例所提供的页面生成方法，计算机设备可以获取目标接口的接口元数据并根据接口元数据确定待生成的目标页面的页面类型，页面类型可以包括表单和列表；然后，计算机设备根据接口元数据以及页面类型可以分别生成表单对应的页面配置文件和列表对应的页面配置文件；最后，计算机设备利用页面配置文件可以直接生成包括页面布局和页面数据以及页面交互逻辑的目标页面。本申请通过获取到的接口元数据，可以根据页面配置文件直接生成相应的目标页面，节省了开发配置的时间成本，从而提高了页面生成的效率。

请参见图5，图5是本申请实施例提供的一种生成页面配置文件的流程示意图。该方法应用于计算机设备，如图5所示，本申请实施例具体为图3实施例中步骤S330中的一个具体实施例，生成页面配置文件的流程可包括步骤S510～S550。其中：

步骤S510：获取字段类型与控件之间的映射关系。

在一种可能的实现方式中，在生成目标页面的字段配置之后，计算机设备获取字段类型与控件之间的映射关系。其中，字段类型与控件之间的映射关系可以是事先定义好的，计算机设备中可以直接获取得到，映射关系的数据结构可以具体是表格。请参见图6a，图6a是本申请实施提供的一种字段类型与控件之间的映射关系表的示意图。如图6a所示，若字段类型为“String”，则对应的控件为“输入框控件”，若字段类型为“Int”，则对应的控件为“输入框控件”，若字段类型为“Datetime”，则对应的控件为“时间选择控件”，若字段类型为“Enum”，则对应的控件为“下拉选择控件”。其中，针对字段类型为“String”，可以根据字段最大长度生成单行输入框或多行输入框，字段类型为“Enum”，对应的接口元数据会额外获取到Enum类型中的所有元素。

步骤S520：获取所述目标页面的字段配置包括的每个字段的字段类型。

举例来说，若目标页面的字段配置包括5个字段，分别为字段1、字段2、字段3、字段4以及字段5。计算机设备根据图6a所示的字段类型与控件之间的映射关系表，可以确定每个字段的字段类型，假设字段1的字段类型为“String”、字段2的字段类型为“Int”、字段3的字段类型为“Datetime”、字段4的字段类型为“Datetime”、字段5的字段类型为“String”。

步骤S530：根据所述每个字段的字段类型以及所述字段类型与控件之间的映射关系，确定所述每个字段对应的控件，所述控件的数量为至少一个。

举例来说，计算机设备确定字段1对应的控件为“输入框控件”、字段2对应的控件为“输入框控件”、字段3对应的控件为“时间选择控件”、字段4对应的控件为“下拉选择控件”、字段5对应的控件为“输入框控件”。

步骤S540：建立所述每个字段与对应的控件之间的绑定关系。

举例来说，由于同一种类型的空间可能会对应多个字段，例如“输入框控件”对应了3个字段，分别为字段1、字段2以及字段5，则计算机设备需要建立每个字段与对应的控件之间的绑定关系，使得每个字段都能与对应的控件一一对应。绑定关系的数据结构可以包括表格，例如，请参见图6b，图6b是本申请实施例提供的一种字段与控件之间的绑定关系表的示意图。绑定关系可以具体包括：“字段1”和“输入框控件s1”，“字段2”和“输入框控件s2”，“字段3”和“时间选择控件t1”，“字段4”和“下拉选择控件d1”，“字段5”和“输入框控件s3”。需要说明的是，“s1”、“s2”、“t1”、“d1”以及“s3”可以理解为每个控件的唯一标识，从而建立每个字段与对应的控件之间的绑定关系。

步骤S550：根据所述每个字段、所述控件以及所述绑定关系生成所述目标页面的页面配置文件。

具体实现时，若目标页面的页面类型为表单，则计算机设备获取目标页面的字段配置包括的字段的数量；若字段的数量小于预设数量阈值，则计算机设备根据每个字段、控件以及绑定关系生成包括单列表单的页面配置文件；若字段的数量大于或等于预设数量阈值，则计算机设备根据每个字段、控件以及绑定关系生成包括多列表单的页面配置文件。

举例来说，如图7所示，图7是本申请实施例提供的另一种生成目标页面的页面配置文件的流程示意图。具体的，计算机设备获取现有配置，其中，现有配置包括前述根据接口元数据生成的所有配置，现有配置包括目标页面的字段配置中的每个字段，每个字段的字段类型，字段类型与控件之间的映射关系以及每个字段对应的控件等。若目标页面的页面类型为列表，则计算机设备可以生成包括搜索列表的页面配置文件。若目标页面的页面类型为表单，则计算机设备判断目标页面的字段配置包括的字段的数量与预设数量阈值之间的大小关系，具体的，若预设数量阈值为6，字段的数量为8，则计算机设备根据每个字段、控件以及绑定关系生成包括多列表单的页面配置文件。对于多列表单，则多行输入框单独占一行。又如，字段的数量为3，则计算机设备根据每个字段、控件以及绑定关系生成包括单列表单的页面配置文件。

通过本申请实施例提供的页面配置文件的生成方法，对于目标页面的页面类型为表单而言，可以根据字段配置包括的字段的数量与预设数量阈值之间的大小关系，生成包括多列表单或者单列表单的页面配置文件，可以在后续页面渲染过程中，生成的目标页面能够符合用户的审美，提升生成的用户体验感。

请参见图8，图8是本申请实施例提供的一种页面生成装置的结构示意图。图8所示的页面生成装置可以用于执行上述图3～图7所描述的方法实施例中的部分或全部功能。该装置可以是计算机设备，也可以是计算机设备中的装置，或者是能够和计算机设备匹配使用的装置。并且，计算机设备可以是用户终端，也可以是服务器。

在本申请所提供的几个实施例中，应该理解到，所揭露的方法、装置和系统，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的；例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式；例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。该页面生成装置可包括：

获取单元810，用于获取目标接口的接口元数据，所述接口元数据包括接口基本信息、参数以及返回值中的一种或多种；

确定单元820，用于根据所述接口元数据确定待生成的目标页面的页面类型；

生成单元830，用于根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件；

生成单元830，还用于利用所述页面配置文件生成所述目标页面，所述目标页面包括页面布局和数据、页面交互逻辑。

在一种可能的实现方式中，页面类型包括表单；生成单元830根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件，包括：

确定所述目标页面对应的功能类型，所述功能类型包括新增数据以及更新数据；

根据所述接口元数据以及所述功能类型生成所述目标页面的页面配置文件。

在一种可能的实现方式中，生成单元830根据所述接口元数据以及所述功能类型生成所述目标页面的页面配置文件，包括：

若所述功能类型为新增数据，则基于所述接口元数据包括的参数生成所述目标页面的字段配置；

若所述功能类型为更新数据，则基于所述接口元数据包括的返回值生成所述目标页面的字段配置；

在生成所述目标页面的字段配置之后，获取字段类型与控件之间的映射关系；

根据所述目标页面的字段配置以及所述字段类型与控件之间的映射关系，生成所述目标页面的页面配置文件。

在一种可能的实现方式中，页面类型包括列表；生成单元830根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件，包括：

基于所述接口元数据包括的参数确定所述目标页面的字段配置中的查询字段配置；

基于所述接口元数据包括的返回值确定所述目标页面的字段配置中的列表字段配置；

获取字段类型与控件之间的映射关系；

根据所述目标页面的字段配置以及所述字段类型与控件之间的映射关系，生成所述目标页面的页面配置文件。

在一种可能的实现方式中，页面类型包括表单以及列表；生成单元830根据所述接口元数据确定待生成的目标页面的页面类型，包括：

获取预设属性集合，所述预设属性集合包含第一属性集合和第二属性集合，所述第一属性集合包括所述表单对应的必要属性，所述第二属性集合包括所述列表对应的必要属性，所述必要属性是根据对应的参数基类或者返回值基类确定的数据；

若所述接口元数据包括所述第一属性集合中的各个属性，则确定所述待生成页面的目标页面的页面类型为表单；

若所述接口元数据包括所述第二属性集合中的各个属性，则确定所述待生成页面的目标页面的页面类型为列表。

在一种可能的实现方式中，生成单元830根据所述目标页面的字段配置以及所述字段类型与控件之间的映射关系，生成所述目标页面的页面配置文件，包括：

获取所述目标页面的字段配置包括的每个字段的字段类型；

根据所述每个字段的字段类型以及所述字段类型与控件之间的映射关系，确定所述每个字段对应的控件，所述控件的数量为至少一个；

建立所述每个字段与对应的控件之间的绑定关系；

根据所述每个字段、所述控件以及所述绑定关系生成所述目标页面的页面配置文件。

在一种可能的实现方式中，生成单元830根据所述每个字段、所述控件以及所述绑定关系生成所述目标页面的页面配置文件，包括：

若所述目标页面的页面类型为表单，则获取所述目标页面的字段配置包括的字段的数量；

若所述字段的数量小于预设数量阈值，则根据所述每个字段、所述控件以及所述绑定关系生成包括单列表单的页面配置文件；

若所述字段的数量大于或等于所述预设数量阈值，则根据所述每个字段、所述控件以及所述绑定关系生成包括多列表单的页面配置文件。

在一种可能的实现方式中，获取单元810获取目标接口的接口元数据，包括：

获取接口调用请求，所述接口调用请求携带有目标接口的接口标识符；

响应所述接口调用请求，根据所述接口标识符通过代码注解或者反射的方式获取所述目标接口的接口元数据。

请参见图9，图9是本申请实施例提供的一种计算机设备的结构示意图，该计算机设备用于执行图3～图7对应的方法实施例中计算机设备所执行的步骤，该服务器包括：一个或多个处理器910；一个或多个输入设备920，一个或多个输出设备930和存储器940。上述处理器910、输入设备920、输出设备930和存储器940通过总线950连接。存储器940用于存储计算机程序，所述计算机程序包括程序指令，处理器910用于执行存储器940存储的程序指令，执行以下操作：

获取目标接口的接口元数据，所述接口元数据包括接口基本信息、参数以及返回值中的一种或多种；

根据所述接口元数据确定待生成的目标页面的页面类型；

根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件；

利用所述页面配置文件生成所述目标页面，所述目标页面包括页面布局和数据、页面交互逻辑。

在一种可能的实现方式中，所述页面类型包括表单；处理器910根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件，包括：

确定所述目标页面对应的功能类型，所述功能类型包括新增数据以及更新数据；

根据所述接口元数据以及所述功能类型生成所述目标页面的页面配置文件。

在一种可能的实现方式中，处理器910根据所述接口元数据以及所述功能类型生成所述目标页面的页面配置文件，包括：

若所述功能类型为新增数据，则基于所述接口元数据包括的参数生成所述目标页面的字段配置；

若所述功能类型为更新数据，则基于所述接口元数据包括的返回值生成所述目标页面的字段配置；

在生成所述目标页面的字段配置之后，获取字段类型与控件之间的映射关系；

根据所述目标页面的字段配置以及所述字段类型与控件之间的映射关系，生成所述目标页面的页面配置文件。

在一种可能的实现方式中，所述页面类型包括列表；处理器910根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件，包括：

基于所述接口元数据包括的参数确定所述目标页面的字段配置中的查询字段配置；

基于所述接口元数据包括的返回值确定所述目标页面的字段配置中的列表字段配置；

获取字段类型与控件之间的映射关系；

根据所述目标页面的字段配置以及所述字段类型与控件之间的映射关系，生成所述目标页面的页面配置文件。

在一种可能的实现方式中，所述页面类型包括表单以及列表；处理器910根据所述接口元数据确定待生成的目标页面的页面类型，包括：

获取预设属性集合，所述预设属性集合包含第一属性集合和第二属性集合，所述第一属性集合包括所述表单对应的必要属性，所述第二属性集合包括所述列表对应的必要属性，所述必要属性是根据对应的参数基类或者返回值基类确定的数据；

若所述接口元数据包括所述第一属性集合中的各个属性，则确定所述待生成页面的目标页面的页面类型为表单；

若所述接口元数据包括所述第二属性集合中的各个属性，则确定所述待生成页面的目标页面的页面类型为列表。

在一种可能的实现方式中，处理器910根据所述目标页面的字段配置以及所述字段类型与控件之间的映射关系，生成所述目标页面的页面配置文件，包括：

获取所述目标页面的字段配置包括的每个字段的字段类型；

根据所述每个字段的字段类型以及所述字段类型与控件之间的映射关系，确定所述每个字段对应的控件，所述控件的数量为至少一个；

建立所述每个字段与对应的控件之间的绑定关系；

根据所述每个字段、所述控件以及所述绑定关系生成所述目标页面的页面配置文件。

在一种可能的实现方式中，处理器910根据所述每个字段、所述控件以及所述绑定关系生成所述目标页面的页面配置文件，包括：

若所述目标页面的页面类型为表单，则获取所述目标页面的字段配置包括的字段的数量；

若所述字段的数量小于预设数量阈值，则根据所述每个字段、所述控件以及所述绑定关系生成包括单列表单的页面配置文件；

若所述字段的数量大于或等于所述预设数量阈值，则根据所述每个字段、所述控件以及所述绑定关系生成包括多列表单的页面配置文件。

在一种可能的实现方式中，处理器910获取目标接口的接口元数据，包括：

获取接口调用请求，所述接口调用请求携带有目标接口的接口标识符；

响应所述接口调用请求，根据所述接口标识符通过代码注解或者反射的方式获取所述目标接口的接口元数据。

应当理解，本申请实施例中所描述的计算机设备可执行前文图3～图7所对应实施例中对数据处理方法的描述，也可执行前文图8所对应实施例中对页面生成装置的描述，在此不再赘述。另外，对采用相同方法的有益效果描述，也不再进行赘述。

此外，这里需要指出的是：本申请实施例还提供了一种计算机存储介质，且计算机存储介质中存储有前文提及的页面生成装置所执行的计算机程序，且该计算机程序包括程序指令，当处理器执行上述程序指令时，能够执行前文图3～图7所对应实施例中的方法，因此，这里将不再进行赘述。另外，对采用相同方法的有益效果描述，也不再进行赘述。对于本申请所涉及的计算机存储介质实施例中未披露的技术细节，请参照本申请方法实施例的描述。作为示例，程序指令可以被部署在一个计算机设备上，或者在位于一个地点的多个计算机设备上执行，又或者，在分布在多个地点且通过通信网络互连的多个计算机设备上执行，分布在多个地点且通过通信网络互连的多个计算机设备可以组成区块链系统。

根据本申请的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备可以执行前文图3～图7所对应实施例中的方法，因此，这里将不再进行赘述。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，上述程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，上述存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random AccessMemory，RAM)等。

以上所揭露的仅为本申请较佳实施例而已，当然不能以此来限定本申请之权利范围，因此依本申请权利要求所作的等同变化，仍属本申请所涵盖的范围。

Claims (10)

1.一种页面生成方法，其特征在于，所述方法包括：

获取目标接口的接口元数据，所述接口元数据包括接口基本信息、参数以及返回值中的一种或多种；

根据所述接口元数据确定待生成的目标页面的页面类型；

根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件；

利用所述页面配置文件生成所述目标页面，所述目标页面包括页面布局和数据、页面交互逻辑。

2.根据权利要求1所述的方法，其特征在于，所述页面类型包括表单；所述根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件，包括：

确定所述目标页面对应的功能类型，所述功能类型包括新增数据以及更新数据；

根据所述接口元数据以及所述功能类型生成所述目标页面的页面配置文件。

3.根据权利要求2所述的方法，其特征在于，所述根据所述接口元数据以及所述功能类型生成所述目标页面的页面配置文件，包括：

若所述功能类型为新增数据，则基于所述接口元数据包括的参数生成所述目标页面的字段配置；

若所述功能类型为更新数据，则基于所述接口元数据包括的返回值生成所述目标页面的字段配置；

在生成所述目标页面的字段配置之后，获取字段类型与控件之间的映射关系；

根据所述目标页面的字段配置以及所述字段类型与控件之间的映射关系，生成所述目标页面的页面配置文件。

4.根据权利要求1所述的方法，其特征在于，所述页面类型包括列表；所述根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件，包括：

基于所述接口元数据包括的参数确定所述目标页面的字段配置中的查询字段配置；

基于所述接口元数据包括的返回值确定所述目标页面的字段配置中的列表字段配置；

获取字段类型与控件之间的映射关系；

根据所述目标页面的字段配置以及所述字段类型与控件之间的映射关系，生成所述目标页面的页面配置文件。

5.根据权利要求1所述的方法，其特征在于，所述页面类型包括表单以及列表；所述根据所述接口元数据确定待生成的目标页面的页面类型，包括：

获取预设属性集合，所述预设属性集合包含第一属性集合和第二属性集合，所述第一属性集合包括所述表单对应的必要属性，所述第二属性集合包括所述列表对应的必要属性，所述必要属性是根据对应的参数基类或者返回值基类确定的；

若所述接口元数据包括所述第一属性集合中的各个属性，则确定所述待生成页面的目标页面的页面类型为表单；

若所述接口元数据包括所述第二属性集合中的各个属性，则确定所述待生成页面的目标页面的页面类型为列表。

6.根据权利要求3或4所述的方法，其特征在于，所述根据所述目标页面的字段配置以及所述字段类型与控件之间的映射关系，生成所述目标页面的页面配置文件，包括：

获取所述目标页面的字段配置包括的每个字段的字段类型；

根据所述每个字段的字段类型以及所述字段类型与控件之间的映射关系，确定所述每个字段对应的控件，所述控件的数量为至少一个；

建立所述每个字段与对应的控件之间的绑定关系；

根据所述每个字段、所述控件以及所述绑定关系生成所述目标页面的页面配置文件。

7.根据权利要求6所述的方法，其特征在于，所述根据所述每个字段、所述控件以及所述绑定关系生成所述目标页面的页面配置文件，包括：

若所述目标页面的页面类型为表单，则获取所述目标页面的字段配置包括的字段的数量；

若所述字段的数量小于预设数量阈值，则根据所述每个字段、所述控件以及所述绑定关系生成包括单列表单的页面配置文件；

若所述字段的数量大于或等于所述预设数量阈值，则根据所述每个字段、所述控件以及所述绑定关系生成包括多列表单的页面配置文件。

8.根据权利要求1所述的方法，其特征在于，所述获取目标接口的接口元数据，包括：

获取接口调用请求，所述接口调用请求携带有目标接口的接口标识符；

响应所述接口调用请求，根据所述接口标识符通过代码注解或者反射的方式获取所述目标接口的接口元数据。

9.一种页面生成装置，其特征在于，包括：

获取单元，用于获取目标接口的接口元数据，所述接口元数据包括接口基本信息、参数以及返回值中的一种或多种；

确定单元，用于根据所述接口元数据确定待生成的目标页面的页面类型；

生成单元，用于根据所述接口元数据以及所述页面类型生成所述目标页面的页面配置文件；

所述生成单元，还用于利用所述页面配置文件生成所述目标页面，所述目标页面包括页面布局和数据、页面交互逻辑。

10.一种计算机可读存储介质，其特征在于，所述计算机存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令被处理器执行，用以执行如权利要求1-8任一项所述的方法。

Images