CN107783762A - 界面生成方法、装置、存储介质和计算机设备 - Google Patents

Abstract

本发明涉及一种界面生成方法、装置、存储介质和计算机设备。方法包括：获取根据JSON数据格式定义的待配置界面元素；获取所述待配置界面元素的关系配置数据，所述关系配置数据为配置所述待配置界面元素与预置界面元素之间关联关系的数据；根据所述关系配置数据查找所述预置界面元素；根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面。上述的界面生成方法、装置、存储介质和计算机设备使得能够更加快捷地生成界面，节约人工编译交互逻辑的时间，从而提高界面生成的效率。

Description

界面生成方法、装置、存储介质和计算机设备

技术领域

本发明涉及计算机技术领域，特别是涉及一种界面生成方法、装置、存储介质和计算机设备。

背景技术

随着计算机技术的发展，各类管理系统大量涌现，比如餐饮的收银系统、人力资源管理系统及文档资料管理系统等。这些管理系统的界面是计算机与用户进行交互的通道，随着用户需求的改变需要不断调整界面以修改样式或完善功能，使界面更加生动便捷。

然而，传统的界面生成方法大多是采用硬编码方式实现的，硬编码是指在计算机程序编辑中将可变变量用一个固定值来代替的方法，在进行界面修改或完善系统的交互逻辑时，需要开发人员对界面的代码进行手动修改和编译，这使得界面生成要耗费大量时间，且难以进行批量修改，从而导致界面生成的效率较低。

发明内容

基于此，有必要针对界面生成效率较低问题，提供一种界面生成方法、装置、存储介质和计算机设备。

一种界面生成方法，包括：获取根据JSON数据格式定义的待配置界面元素；获取所述待配置界面元素的关系配置数据，所述关系配置数据为配置所述待配置界面元素与预置界面元素之间关联关系的数据；根据所述关系配置数据查找所述预置界面元素；根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面。

在其中一个实施例中，所述根据所述关系配置数据查找所述预置界面元素，包括：提取所述关系配置数据中的所述预置界面元素标识，所述预置界面元素标识为全局唯一标识；根据所述预置界面元素标识，查找与所述关系配置数据对应的所述预置界面元素。

在其中一个实施例中，所述根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面，包括：判断所述待配置界面元素是否为所述预置界面元素的下一级界面元素；若是，则将所述待配置界面元素作为所述预置界面元素的子节点；导出所述预置界面元素对应的父节点与所述待配置界面元素对应的子节点所构成的树状结构数据；根据所述关系配置数据和所述树状结构数据生成目标界面。

在其中一个实施例中，所述获取根据JSON数据格式定义的待配置界面元素，包括：通过预设的框架从界面初始化接口获取根据JSON数据格式定义的待配置界面元素，所述预设的框架中包含filter过滤器；检测所述待配置界面元素的接口参数是否与预设接口参数一致；若否，则通过所述filter过滤器将所述待配置界面元素的接口参数修正为预设接口参数；所述根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面，包括：根据修正后待配置界面元素、所述预置界面元素和所述关系配置数据渲染所述预设的框架，生成目标界面。

在其中一个实施例中，在所述根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面之后，还包括：通过所述目标界面接收作用于所述待配置界面元素的关联触发数据；根据所述关联触发数据查找所述预置界面元素的预置元素配置文件；按照所述关系配置数据所配置的关联关系修改所述预置元素配置文件。

在其中一个实施例中，所述关联关系包括依赖关系和/或交互关系。

一种界面生成装置，所述装置包括：待配置界面元素获取模块，用于获取根据JSON数据格式定义的待配置界面元素；关系配置数据获取模块，用于获取所述待配置界面元素的关系配置数据，所述关系配置数据为配置所述待配置界面元素与预置界面元素之间关联关系的数据；预置界面元素查找模块，用于根据所述关系配置数据查找所述预置界面元素；目标界面生成模块，用于根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面。

在其中一个实施例中，所述目标界面生成模块还用于判断所述待配置界面元素是否为所述预置界面元素的下一级界面元素；若是，则将所述待配置界面元素作为所述预置界面元素的子节点；导出所述预置界面元素对应的父节点与所述待配置界面元素对应的子节点所构成的树状结构数据；根据所述关系配置数据和所述树状结构数据生成目标界面。

一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述各个实施例中所述界面生成方法的步骤。

一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述各个实施例中所述界面生成方法的步骤。

上述实施例中，获取根据JSON数据格式定义待配置界面元素之后，还要获取配置该待配置界面元素与预置界面元素之间关联关系的关系配置数据，通过关系配置数据确定预置界面元素之后，可生成包含待配置界面元素与预置界面元素的目标界面，且待配置界面元素与预置界面元素之间具有关联关系。通过将目标界面拆分成细粒度的界面元素，提高了用户对界面进行配置的可操作性，使得能够更精准地生成目标界面，且在生成界面前通过获取待配置界面元素的关系配置数据，通过关系配置数据配置待配置界面元素与预置界面元素之间关联关系，提高界面元素及相应的关系配置数据的重复使用率，使得能够更加快捷地生成界面，节约人工编译交互逻辑的时间，从而提高界面生成的效率。

附图说明

图1为一个实施例中界面生成方法的应用环境图；

图2为一个实施例中界面生成方法的流程图；

图3为一个实施例中目标界面的示意图；

图4为一个实施例中通过由待配置界面元素、预置界面元素生成的树状结构数据生成目标界面的流程图；

图5为一个实施例中界面元素构成的树状结构数据的示意图；

图6为一个实施例中通过预设的框架获取的待配置界面元素生成目标界面的流程图；

图7为一个实施例中处理通过目标界面接收的关联触发数据的流程图；

图8为一个实施例中界面生成装置的结构框图；

图9为一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

可以理解，本发明所使用的术语“第一”、“第二”等可在本文中用于描述各种元件，但这些元件不受这些术语的限制。这些术语仅用于将第一个元件与另一个元件区分。举例来说，在不脱离本发明的范围的情况下，可以将第一界面元素称为第二界面元素，且类似地，可将第二界面元素称为第一界面元素。第一界面元素和第二界面元素两者都是界面元素，但其不是同一界面元素。

本发明实施例所提供的界面生成方法，可应用于如图1所示的应用环境中。参照图1，该应用环境包括该应用环境包括第一计算机设备102和第二计算机设备104。第一计算机设备102和第二计算机设备104可为终端也可为服务器。其中，终端包括但不限于手机、平板电脑或者个人数字助理或穿戴式设备等，服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群。第一计算机设备102和第二计算机设备可为相同类型的计算机设备，也可为不同类型的计算机设备。第一计算机设备102可用于执行本发明实施例所提供的界面生成方法。第一计算机设备102与第二计算机设备104网络连接，第一计算机设备102可通过网络连接发送数据至第二计算机设备104。比如说，第一计算机设备102可将生成目标界面发送至第二计算机设备104进行显示，使得用户可对该目标界面进行操作，其中，网络连接包括但不限于无线网络、有线网络等。

在一个实施例中，第一计算机设备102和第二计算机设备104可为同一计算机设备。

在一个实施例中，如图2所示，提供了一种界面生成方法，该方法可以用于如图1所示的应用环境中的第一计算机设备102举例说明，该方法包括：

步骤S202，获取根据JSON数据格式定义的待配置界面元素。

JSON(JavaScript Object Notation，JS对象标记，是一种轻量级的数据交换格式)。待配置界面元素是指需要进行配置的界面元素。其中，界面元素是指通过JSON数据格式定义的对象，包括但不限于布局组件、容器组件及基础组件。布局组件可包括多种类型，比如说，通栏、左边固定、两边固定、右边固定及等分自适应等类型。容器组件是一种允许在其内部添加其他组件的组件，也可包括多种类型，比如说表单容器、表格容器及块容器等类型。基础组件包括但不限于文本框、下拉框、文本域、标签、按钮及表格等。

在一个实施例中，在获取根据JSON数据格式定义的待配置界面元素之前，还包括：根据JSON数据格式定义界面元素。用户可根据需求对界面元素通过JSON数据格式进行定义，比如说，通过配置字段生成界面元素并进行封装。其中，配置字段包括但不限于Type、Layout、expandObject、recordObject、controlObject、validateObject、relationshipObject及conditionObject等。举例来说，通过JSON数据格式定义下拉组件，包括定义下拉组件的宽度、内容、颜色、触发方式等属性。

在一个实施例中，步骤S202之前还包括：接收界面生成指令。其中，界面生成指令是指根据界面生成操作触发生成的指令。界面生成操作包括但不限于用户作用于待配置界面元素的点击操作或拖动操作。当检测到界面生成操作时，获取与该界面生成操作对应的待配置界面元素，使得用户能对该待配置界面元素进行进一步的操作，比如说，用户可对待配置元素进行位置移动操作、属性配置操作等。

步骤S204，获取待配置界面元素的关系配置数据。

关系配置数据为配置待配置界面元素与预置界面元素之间关联关系的数据。其中，关联关系是一种交互逻辑，通过配置关联关系可实现待配置元素与预置界面元素之间的数据联动或交互联动。关系配置数据可为待配置界面元素通过schema配置生成的数据。其中，schema为定义界面元素的各种属性的一种模式。可通过schema配置生成界面元素的配置文件，配置文件中可包括关系配置数据，还可包括定义界面元素本身属性的配置数据。

在一个实施例中，关联关系包括依赖关系和/或交互关系。

其中，依赖关系包括但不限于值依赖、存在依赖、验证依赖、配置依赖及权限依赖等其中一种或多种。值依赖举例来说是指第一界面元素的值为某个预设的值、或值在预设的范围、或值满足预设模式、或值满足预设类型时，第二界面元素只能为相应的特定值或值类型；存在依赖举例来说是指第一界面元素为预设值时，第二界面元素在界面上相应的显示或隐藏；验证依赖举例来说是指第一界面元素为预设值时，第二界面元素的验证有相应的验证规则，比如必填或非必填；权限依赖举例来说是指第一界面元素在权限验证为预设值时，相应的变更第二界面元素的配置项中的权限参数，比如修改第二界面元素的显示权限。可以将待配置界面元素作为第一界面元素，则预置界面元素可作为第二界面元素；还可以将待配置界面元素作为第二界面元素，则预置界面元素可作为第一界面元素。

其中，交互关系是指当检测到第一界面元素发生预设的内置事件时，相应的变更第二界面元素的配置项中的参数。举例来说，在地区选择的时候，第一界面元素和第二界面元素都是下拉框组件，第一界面元素是一级地区，第二界面元素是二级地区，则第二界面元素的下拉检索依赖第一界面元素的值，当接收到作用于第一界面元素的值选择指令时，根据该值选择指令通过第一界面元素显示相应的值，该值选择指令还用于指示第二界面元素显示空值。

在一个实施例中，关联关系还可以是两个以上界面元素之间的关系，比如说，第一界面元素是一个表格组件，第二界面元素是一个查询按钮组件，第三界面元素是一个具有多个单元的表单组件。检测到作用于第二界面元素的点击操作时生成查询事件请求，第一界面元素根据生成的查询事件请求获取第三界面元素中多个单元的数据，第三界面元素会生成数据更新请求以更新第一界面元素的数据。同样，也可以将待配置界面元素作为第一界面元素、第二界面元素或第三界面元素中的一种。

步骤S206，根据关系配置数据查找预置界面元素。

预置界面元素是指预先存在的界面元素，与待配置文件同样也是根据JSON数据格式定义的对象，包括但不限于布局组件、容器组件及基础组件。

在一个实施例中，步骤S206包括：提取关系配置数据中的预置界面元素标识，预置界面元素标识为全局唯一标识；根据预置界面元素标识，查找与关系配置数据对应的预置界面元素。

每个界面元素都预设有全局唯一标识，预置界面元素也有相应的全局唯一标识，预置界面元素标识。待配置界面元素的关系配置数据通过引用预置界面元素的预置界面元素标识，来确定待配置界面元素与预置界面元素之间关联关系。相应的，待配置界面元素也有全局唯一标识，可用于其他界面元素进行引用生成相应的关系配置数据。通过给界面元素设置全局唯一标识，使得能够通过引用了全局唯一标识的关系配置数据精准地确定相应的界面元素，从而节约查找预置界面元素的时间，提高配置关联关系的效率。

步骤S208，根据待配置界面元素、预置界面元素和关系配置数据生成目标界面。

目标界面可以是网页界面，也可以是系统界面。比如说餐饮的收银系统、人力资源管理系统及文档资料管理系统等类型的管理系统界面。获取到待配置界面元素，并根据关系配置数据查找到相应的预置界面元素之后，可生成包含目标界面，且目标界面中的待配置界面元素与预置界面元素之间具有关系配置数据所配置的关联关系。

举例来说，如图3所示，提供了一个目标界面的示意图。该目标界面包括左边固定布局组件302、容器组件304、下拉框组件306及按钮组件308。可将按钮组件308作为待配置界面元素，将按钮组件308作为预置界面元素。生成该目标界面之前，可通过按钮组件308的关系配置数据配置按钮组件308与下拉框组件306之间的关联关系。比如说，只有在检测到作用于下拉框组件306中下拉框内容的选择操作之后，才能触发按钮组件308的权限，将选择的下拉框内容发送至相应的服务器或终端。

上述实施例中，获取根据JSON数据格式定义待配置界面元素之后，还要获取配置该待配置界面元素与预置界面元素之间关联关系的关系配置数据，通过关系配置数据确定预置界面元素之后，可生成包含待配置界面元素与预置界面元素的目标界面，且待配置界面元素与预置界面元素之间具有关联关系。通过将目标界面拆分成细粒度的界面元素，提高了用户对界面进行配置的可操作性，使得能够更精准地生成目标界面，且在生成界面前通过获取待配置界面元素的关系配置数据，通过关系配置数据配置待配置界面元素与预置界面元素之间关联关系，提高每个界面元素及相应的关系配置数据的重复使用率，使得能够更加快捷地生成界面，节约人工编译交互逻辑的时间，从而提高界面生成的效率。

在一个实施例中，如图4所示，根据待配置界面元素、预置界面元素和关系配置数据生成目标界面，包括以下步骤：

步骤S402，判断待配置界面元素是否为预置界面元素的下一级界面元素。

获取待配置界面元素与预置界面元素之后，可确定待配置界面元素与预置界面元素的界面元素类型，界面元素类型包括但不限于布局组件、容器组件及基础组件等类型。其中，基础组件可作为容器组件的下一级界面元素，也可作为布局组件的下一级界面元素。容器组件可作为布局组件的下一级界面元素。当待配置界面元素为预置界面元素的下一级界面元素时，执行步骤S404；否则，执行步骤S406，不作处理。

步骤S404，将待配置界面元素作为预置界面元素的子节点。

每个界面元素都可作为一个节点，获取待配置界面元素之后，可将待配置界面元素作为预置界面元素对应节点的子节点进行存储，形成树状结构数据。

举例来说，当要构建左右两个下拉框，首先要选择一个三列容器组件，加入界面布局中，且界面布局对应有界面布局组件，然后将第一下拉框组件和第二下拉框组件分别拖拽至该三列容器组件内的左列和右列，这样构成的树状结构中，如图5所示，界面布局组件为根节点，三列容器组件为界面布局组件的子节点，第一下拉框组件和第二下拉框组件分别为三列容器组件的子节点。

步骤S408，导出预置界面元素对应的父节点与待配置界面元素对应的子节点所构成的树状结构数据。

树状结构数据中包含预置界面元素与待配置界面元素对应的子节点等多个界面元素对应的节点。每个节点都包含用于配置的固定字段，其中，固定字段用于描述节点对应的界面元素本身的属性，固定字段还用于描述界面元素之间的关联关系。

在一个实施例中，多种类型的界面元素之间可以互相嵌套，生成由多个界面元素对应的节点所构成的树状结构数据。比如说，如图5所示的树状结构中的界面布局组件根节点下除了可将容器组件作为子节点，还可直接将基础组件作为布局组件根节点的子节点；再比如，还可将其他容器组件，比如表单容器组件，置入三列容器组件中作为三列容器组件的子节点，还可将其他基础组件置入表单容器组件实现多个类型组件的嵌套。

步骤S410，根据关系配置数据和树状结构数据生成目标界面。

举例来说，可以左边固定布局组件302作为树状结构数据的根节点，以容器组件304及按钮组件308作为左边固定布局组件302对应根节点的子节点，以下拉框组件306作为容器组件304对应节点的子节点，构成具有四个节点的树状结构数据，并根据该树状结构数据及下拉框组件306与按钮组件308之间的关系配置数据生成如图3所示的目标界面。

通过将每个界面元素作为一个节点生成树状结构数据，使得能够实现布局组件、容器组件及基础组件等界面元素的互相嵌套，当界面需要修改界面元素关系时时，不需要大幅度的改变代码，而可以直接调整节点位置，节约了界面生成的时间。

在一个实施例中，可针对界面生成提供一个可视化界面。该可视化界面可分为三个区：界面元素选择区、界面生成组装区、界面元素配置区。接收用户对界面元素选择区中界面元素的选择操作之后，界面生成组装区可用于显示被选中的界面元素，并在用户对界面元素进行位置移动等调整之后生成相应的目标界面，界面元素配置区可用于接收用户输入的界面元素配置数据，比如说关系配置数据等。可通过改变属性配置部分中的参数值对形成的界面进行具体化的配置。或者，界面元素还可通过schema配置为可拖拽形式，可在用户将拖拽至中间的界面生成组装区中之后，根据界面元素的位置关系实现布局组件、容器组件及基础组件之间的相互嵌套，形成相应的树状结构数据并生成包含拖拽界面元素的目标界面。通过提供可视化界面，使得用户能够更加便捷地选择界面元素，从而能够提高生成目标界面的速度。

在一个实施例中，如图6所示，获取根据JSON数据格式定义的待配置界面元素，包括以下步骤：

步骤S602，通过预设的框架从界面初始化接口获取根据JSON数据格式定义的待配置界面元素。

预设的框架是指项目界面生成过程中提取界面的共性部分形成的体系结构，框架不是现成可用的应用系统，是一个需要通过获取一个或多个界面元素实现具体功能的应用系统。可通过Struts、Hibernate或Spring实现框架的构建。其中，预设的框架中包含filter过滤器。filter过滤器是指用于过滤界面生成过程中所获取的数据的中间层组件。filter过滤器也可通过schema配置生成。

步骤S604，检测待配置界面元素的接口参数是否与预设接口参数一致。

由于不同系统中界面元素的接口参数可能不同，因此在获取到待配置界面元素之后，需要检测待配置界面元素中包含的接口参数是否与预设接口参数一致。若为一致，则不对待配置界面元素的接口参数作修改；若否，执行步骤S606。

举例来说，异步表格组件是一种需要发送ajax(Asynchronous JavascriptAndXML，是指一种创建交互式网页应用的网页开发技术)请求给后台进行数据传输的组件，而针对不同的接口开发方，开发的接口格式、输入参数以及异步表格组件关联关系数据的结构都可能不同。当检测到异步表格组件的时候，可生成相应的格式过滤请求，通过框架里提供的filter机制检测该异步表格组件的接口参数是否与预设接口参数一致。

步骤S606，通过filter过滤器将待配置界面元素的接口参数修正为预设接口参数。

filter过滤器中包含预设的机制可对待配置界面元素中的接口参数进行修改，还可以将无法调整的待配置界面元素进行过滤。

在一个实施例中，通过预设的框架从界面初始化接口获取根据JSON数据格式定义的待配置界面元素之后，还包括：通过该预设的框架查找全局filter过滤器对象中注册的响应filter过滤器。通过相应的响应filter过滤器将待配置界面元素的接口参数修正为预设接口参数。

步骤S608，根据修正后待配置界面元素、预置界面元素和关系配置数据渲染预设的框架，生成目标界面。

渲染是指绘制目标界面的过程。通过filter过滤器对待配置界面元素的接口参数进行修正之后，可获得修正后待配置界面元素。生成的目标界面中可包括修正后待配置界面元素和预置界面元素，相应地，预置界面元素的接口参数也为预设接口参数。

上述实施例中，通过在预设的框架中预置filter过滤器，使得界面生成方法可以适用于多种系统，进一步地提升了界面元素的重复利用率，提高了界面生成的效率。

在一个实施例中，每个界面元素，包括待配置界面元素与预置界面元素，都包含预设的配置字段，包括但不限于：Type:“界面元素类型”；Name:“界面元素全局唯一标识”；Layout：“界面元素的子节点”，是一个数组，包含该界面元素与其他界面元素的节点关系；expandObject：“界面元素扩展字段设置”，用于存放了该界面元素的一些扩展配置字段，可以支持界面元素的多种形态的切换，比如说调整长宽颜色或交互逻辑等；recordObject：“界面元素与数据接口绑定配置”；controlObject:“界面元素权限字段”，用来控制界面元素的各种权限，比如说控制界面元素是否出现或控制界面元素在不同状态时具有相应的权限属性，权限属性包括但不限于编辑权限、显示权限及操作权限等；validateObject：用来处理界面元素的一些校验逻辑配置；relationshipObject：用来处理界面元素的一些关联关系配置，可通过relationshipObject包含的具体参数值生成关系配置数据；conditionObject：用来处理一些条件判断，做一些值修改，可以修改所有的Object对象，通过conditionObject最终会得到一个条件断言或者值对象，可通过通过条件断言或值对象对其他字段的具体参数值进行修改。可通过改变字段中的具体参数值，对界面元素进行配置，生成界面元素的配置文件。

在一个实施例中，树状结构数据中，每个节点都包含预设的配置字段，包括但不限于Type、Layout、expandObject、recordObject、controlObject、validateObject、relationshipObject及conditionObject等。可修改子节点对应的配置字段中的具体参数值对该子节点与其他节点的关联关系进行配置，还可以修改父节点对应的配置字段中的具体参数值对该父节点下的子节点间的关联关系进行配置。

在一个实施例中，如图7所示，根据待配置界面元素、预置界面元素和关系配置数据生成目标界面之后，还包括一个处理通过目标界面接收的关联触发数据的步骤。该步骤包括：

步骤S702，通过目标界面接收作用于待配置界面元素的关联触发数据。

关联触发数据是指通过关联触发操作生成的，能够触发待配置界面元素与预置界面元素之间关联关系的数据。其中，关联触发操作包括但不限于用户对目标界面的交互行为或用户输入的交互数据，比如说检测到的作用于待配置界面元素的点击操作、滑动操作、值输入操作、权限验证操作等预设操作。当检测到关联触发操作符合关系配置数据所配置的关联关系的预设条件时，则可生成相应的关联触发数据。

在一个实施例中，接收到用户输入的交互数据之后，还可对交互数据进行过滤，将交互数据处理成预设的数据格式之后再发送给后台，然后再将交互数据与关联关系对应的预设条件进行匹配，若匹配，则执行步骤S704。

步骤S704，根据关联触发数据查找预置界面元素的预置元素配置文件。

当待配置界面元素与预置界面元素的关联关系被触发之后，可查找预置界面元素对应的预置元素配置文件。其中，预置元素配置文件可为通过schema配置的配置字段而生成用于定义预置界面元素属性的配置文件。

步骤S706，按照关系配置数据所配置的关联关系修改预置元素配置文件。

关联关系包括依赖关系和交互关系中的至少一种。可根据关系配置数据所配置的关联关系修改预置元素配置文件中的具体参数值，依次改变预置元素配置的值类型、值范围、模式规则等具体属性。

举例来说，待配置界面元素是一个饼状图组件，预置界面元素是的一个表格组件，当检测到作用于待配置界面元素中预设扇区的点击操作时，查找预置界面元素对应的预置元素配置文件，触发预置元素配置文件的数据获取权限，从而实现预置界面元素中数据的更新。

在一个实施例中，如图8所示，提供了一种界面生成装置800，该装置包括：待配置界面元素获取模块802，用于获取根据JSON数据格式定义的待配置界面元素；关系配置数据获取模块804，用于获取待配置界面元素的关系配置数据，关系配置数据为配置待配置界面元素与预置界面元素之间关联关系的数据；预置界面元素查找模块806，用于根据关系配置数据查找预置界面元素；目标界面生成模块808，用于根据待配置界面元素、预置界面元素和关系配置数据生成目标界面。

在一个实施例中，预置界面元素查找模块806还用于提取关系配置数据中的预置界面元素标识，预置界面元素标识为全局唯一标识；根据预置界面元素标识，查找与关系配置数据对应的预置界面元素。

在一个实施例中，目标界面生成模块808还用于判断待配置界面元素是否为预置界面元素的下一级界面元素；若是，则将待配置界面元素作为预置界面元素的子节点；导出预置界面元素对应的父节点与待配置界面元素对应的子节点所构成的树状结构数据；根据关系配置数据和树状结构数据生成目标界面。

在一个实施例中，待配置界面元素获取模块802还用于通过预设的框架从界面初始化接口获取根据JSON数据格式定义的待配置界面元素，预设的框架中包含filter过滤器；检测待配置界面元素的接口参数是否与预设接口参数一致；若否，则通过filter过滤器将待配置界面元素的接口参数修正为预设接口参数；目标界面生成模块808还用于根据修正后待配置界面元素、预置界面元素和关系配置数据渲染预设的框架，生成目标界面。

在一个实施例中，该装置还包括预置元素配置文件修改模块，用于通过目标界面接收作用于待配置界面元素的关联触发数据；根据关联触发数据查找预置界面元素的预置元素配置文件；按照关系配置数据所配置的关联关系修改预置元素配置文件。

在一个实施例中，关联关系包括依赖关系和/或交互关系。

上述界面生成装置可以实现为一种计算机程序的形式，计算机程序可以在如图9所示的计算机设备上运行。

在一个实施例中，如图9所示，为一个实施例中计算机设备的内部结构示意图。提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器在执行程序时实现以下步骤：获取根据JSON数据格式定义的待配置界面元素；获取待配置界面元素的关系配置数据，关系配置数据为配置待配置界面元素与预置界面元素之间关联关系的数据；根据关系配置数据查找预置界面元素；根据待配置界面元素、预置界面元素和关系配置数据生成目标界面。

在一个实施例中，上述处理器执行程序时，所实现的根据关系配置数据查找预置界面元素的步骤，具体包括以下步骤：提取关系配置数据中的预置界面元素标识，预置界面元素标识为全局唯一标识；根据预置界面元素标识，查找与关系配置数据对应的预置界面元素。

在一个实施例中，上述处理器执行程序时，所实现的根据待配置界面元素、预置界面元素和关系配置数据生成目标界面的步骤，具体包括以下步骤：判断待配置界面元素是否为预置界面元素的下一级界面元素；若是，则将待配置界面元素作为预置界面元素的子节点；导出预置界面元素对应的父节点与待配置界面元素对应的子节点所构成的树状结构数据；根据关系配置数据和树状结构数据生成目标界面。

在一个实施例中，上述处理器执行程序时，所实现的获取根据JSON数据格式定义的待配置界面元素的步骤，具体包括以下步骤：通过预设的框架从界面初始化接口获取根据JSON数据格式定义的待配置界面元素，预设的框架中包含filter过滤器；检测待配置界面元素的接口参数是否与预设接口参数一致；若否，则通过filter过滤器将待配置界面元素的接口参数修正为预设接口参数；所实现的根据待配置界面元素、预置界面元素和关系配置数据生成目标界面的步骤，包括：根据修正后待配置界面元素、预置界面元素和关系配置数据渲染预设的框架，生成目标界面。

在一个实施例中，上述处理器执行程序时，在所实现的根据待配置界面元素、预置界面元素和关系配置数据生成目标界面的步骤之后，还包括实现以下步骤：通过目标界面接收作用于待配置界面元素的关联触发数据；根据关联触发数据查找预置界面元素的预置元素配置文件；按照关系配置数据所配置的关联关系修改预置元素配置文件。

在一个实施例中，关联关系包括依赖关系和/或交互关系。

在一个实施例中，上述的计算机设备可用作服务器，包括但不限于独立的物理服务器，或者是多个物理服务器构成的服务器集群，该计算机设备还可用作终端，包括但不限于手机、平板电脑或穿戴式设备。如图9所示，该计算机设备包括通过系统总线连接的处理器、非易失性存储介质、内存储器和网络接口。其中，该计算机设备的处理器用于提供计算和控制能力，支撑整个计算机设备的运行。计算机设备的非易失性存储介质存储有操作系统、数据库和计算机程序。该数据库中存储有用于实现以上各个实施例所提供的一种界面生成方法相关的数据，比如待配置界面元素、预置界面元素及关系配置数据等。该计算机程序可被处理器所执行，以用于实现以上各个实施例所提供的一种界面生成方法。计算机设备中的内存储器为非易失性存储介质中的操作系统、数据库和计算机程序提供高速缓存的运行环境。网络接口可以是以太网卡或无线网卡等，用于与外部的终端或服务器进行通信。

本领域技术人员可以理解，图9中示出的计算机设备的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。比如，该图中的计算机设备还可包括显示屏等。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现以下步骤：获取根据JSON数据格式定义的待配置界面元素；获取待配置界面元素的关系配置数据，关系配置数据为配置待配置界面元素与预置界面元素之间关联关系的数据；根据关系配置数据查找预置界面元素；根据待配置界面元素、预置界面元素和关系配置数据生成目标界面。

在一个实施例中，该程序被处理器执行时，所实现的根据关系配置数据查找预置界面元素的步骤，具体包括以下步骤：提取关系配置数据中的预置界面元素标识，预置界面元素标识为全局唯一标识；根据预置界面元素标识，查找与关系配置数据对应的预置界面元素。

在一个实施例中，该程序被处理器执行时，所实现的根据待配置界面元素、预置界面元素和关系配置数据生成目标界面的步骤，具体包括以下步骤：判断待配置界面元素是否为预置界面元素的下一级界面元素；若是，则将待配置界面元素作为预置界面元素的子节点；导出预置界面元素对应的父节点与待配置界面元素对应的子节点所构成的树状结构数据；根据关系配置数据和树状结构数据生成目标界面。

在一个实施例中，该程序被处理器执行时，所实现的获取根据JSON数据格式定义的待配置界面元素的步骤，具体包括以下步骤：通过预设的框架从界面初始化接口获取根据JSON数据格式定义的待配置界面元素，预设的框架中包含filter过滤器；检测待配置界面元素的接口参数是否与预设接口参数一致；若否，则通过filter过滤器将待配置界面元素的接口参数修正为预设接口参数；所实现的根据待配置界面元素、预置界面元素和关系配置数据生成目标界面的步骤，包括：根据修正后待配置界面元素、预置界面元素和关系配置数据渲染预设的框架，生成目标界面。

在一个实施例中，该程序被处理器执行时，在所实现的根据待配置界面元素、预置界面元素和关系配置数据生成目标界面的步骤之后，还包括实现以下步骤：通过目标界面接收作用于待配置界面元素的关联触发数据；根据关联触发数据查找预置界面元素的预置元素配置文件；按照关系配置数据所配置的关联关系修改预置元素配置文件。

在一个实施例中，关联关系包括依赖关系和/或交互关系。

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

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种界面生成方法，包括：

获取根据JSON数据格式定义的待配置界面元素；

获取所述待配置界面元素的关系配置数据，所述关系配置数据为配置所述待配置界面元素与预置界面元素之间关联关系的数据；

根据所述关系配置数据查找所述预置界面元素；

根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面。

2.根据权利要求1所述的方法，其特征在于，所述根据所述关系配置数据查找所述预置界面元素，包括：

提取所述关系配置数据中的所述预置界面元素标识，所述预置界面元素标识为全局唯一标识；

根据所述预置界面元素标识，查找与所述关系配置数据对应的所述预置界面元素。

3.根据权利要求1所述的方法，其特征在于，所述根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面，包括：

判断所述待配置界面元素是否为所述预置界面元素的下一级界面元素；

若是，则将所述待配置界面元素作为所述预置界面元素的子节点；

导出所述预置界面元素对应的父节点与所述待配置界面元素对应的子节点所构成的树状结构数据；

根据所述关系配置数据和所述树状结构数据生成目标界面。

4.根据权利要求1所述的方法，其特征在于，所述获取根据JSON数据格式定义的待配置界面元素，包括：

通过预设的框架从界面初始化接口获取根据JSON数据格式定义的待配置界面元素，所述预设的框架中包含filter过滤器；

检测所述待配置界面元素的接口参数是否与预设接口参数一致；

若否，则通过所述filter过滤器将所述待配置界面元素的接口参数修正为预设接口参数；

所述根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面，包括：

根据修正后待配置界面元素、所述预置界面元素和所述关系配置数据渲染所述预设的框架，生成目标界面。

5.根据权利要求1所述的方法，其特征在于，在所述根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面之后，还包括：

通过所述目标界面接收作用于所述待配置界面元素的关联触发数据；

根据所述关联触发数据查找所述预置界面元素的预置元素配置文件；

按照所述关系配置数据所配置的关联关系修改所述预置元素配置文件。

6.根据权利要求1至5中任一项所述的方法，其特征在于，所述关联关系包括依赖关系和/或交互关系。

7.一种界面生成装置，其特征在于，所述装置包括：

待配置界面元素获取模块，用于获取根据JSON数据格式定义的待配置界面元素；

关系配置数据获取模块，用于获取所述待配置界面元素的关系配置数据，所述关系配置数据为配置所述待配置界面元素与预置界面元素之间关联关系的数据；

预置界面元素查找模块，用于根据所述关系配置数据查找所述预置界面元素；

目标界面生成模块，用于根据所述待配置界面元素、所述预置界面元素和所述关系配置数据生成目标界面。

8.根据权利要求7所述的装置，其特征在于，所述目标界面生成模块还用于判断所述待配置界面元素是否为所述预置界面元素的下一级界面元素；若是，则将所述待配置界面元素作为所述预置界面元素的子节点；导出所述预置界面元素对应的父节点与所述待配置界面元素对应的子节点所构成的树状结构数据；根据所述关系配置数据和所述树状结构数据生成目标界面。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1至6中任意一项所述方法的步骤。

10.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至6中任意一项所述方法的步骤。