界面生成方法、装置和系统与流程

本申请涉及信息技术领域，并且更具体地，涉及一种界面生成方法、装置和系统。

背景技术：

在进行界面实现时，可以基于业务需求，首先进行界面的设计，包括绘制界面的格局以及包含的具体控件，并说明各个UI控件对应的业务需求功能。

在完成界面的绘制之后，可以采用开发工具，使用代码开发实现设计的界面。界面显示的格局以及所代表的业务含义，在开发完毕完成那一刻就是固定的格局和业务含义，不能按照用户的实时业务需求变更，界面生成的灵活性不高，导致界面的使用具有一定的局限性。

技术实现要素：

本申请实施例提供了一种界面生成方法、装置和系统，可以实现按需生成匹配业务需求的用户界面，实现了用户界面的灵活生成，使得用户可以使用与用户需求所对应的用户界面，克服了固定界面使用的局限性

第一方面，提供了一种界面生成方法，包括：

界面生成装置获取用户的业务需求；

所述界面生成装置根据所述用户的业务需求，确定用于实现所述业务需求所需的界面元素，以及用于实现所述业务需求所需的界面元素之间的关联关系；

所述界面生成装置根据用于实现所述业务需求所需的界面元素，以及用于实现所述业务需求所需的界面元素之间的关联关系，生成用户界面。

因此，在本申请实施例中，界面生成装置可以根据用户的业务需求，确定用于实现所述业务需求所需的界面元素，以及用于实现所述业务需求所需的界面元素之间的关联关系；并根据用于实现所述业务需求所需的界面元素，以及用于实现所述业务需求所需的界面元素之间的关联关系，生成用户界面，从而可以实现界面生成装置可以按需生成匹配业务需求的用户界面，实现了用户界面的灵活生成，使得用户可以使用与用户需求所对应的用户界面，克服了固定界面使用的局限性。

结合第一方面，在第一方面的第一种可能的实现方式中，用于实现所述业务需求所需的界面元素，包括：用于实现所述业务需求所需的UI控件、用于实现所述业务需求所需的业务逻辑；用于实现所述业务需求所需的界面元素之间的关联关系，包括：每个用于实现所述业务需求所需的UI控件与至少一个用于实现所述业务需求所需的业务逻辑相关联；或，

用于实现所述业务需求所需的界面元素，包括：用于实现所述业务需求所需的显示单元、用于实现所述业务需求所需的UI控件、用于实现所述业务需求所需的业务逻辑；用于实现所述业务需求所需的界面元素之间的关联关系，包括：每个用于实现所述业务需求所需的显示单元与至少一个用于实现所述业务需求所需的UI控件相关联，每个用于实现所述业务需求所需的UI控件与至少一个用于实现所述业务需求所需的业务逻辑相关联。

其中，用户界面可以包括至少一个显示单元，每个显示单元可以包括至少一个UI控件，也即UI控件可以呈现于显示单元内。或者，用户界面也可以不进行显示单元的划分，也即用户界面包括至少一个控件。UI控件可以是无业务语义的UI控件，或者有语义的UI控件。业务逻辑可以用于处理用户针对UI控件的输入。

结合第一方面或其上述任一种可能的实现方式，在第一方面的第二种可能的实现方式中，所述生成用户界面，包括：

从界面元素代码库中，获取用于实现所述业务需求所需的界面元素的实现代码；

根据用于实现所述业务需求所需的界面元素的实现代码，以及用于实现所述业务需求所需的界面元素之间的关联关系，生成所述用户界面。

因此，在确定用于实现用户的业务需求的界面元素之后，从界面元素的代码库中，获取界面元素的实现代码，可以实现在获取到用户的业务需求时，自动生成与业务需求相匹配的用户界面，无需人工使用开发工具进行界面级的实现代码的开发和编辑工作。

结合第一方面或其上述任一种可能的实现方式，在第一方面的第三种可能的实现方式中，所述方法还包括：所述界面生成装置从模板库中获取界面生成模板，所述界面生成模板包括背景区域和空白区域；

所述生成用户界面，包括：

将用于实现所述业务需求所需的界面元素的实现代码，以及用于实现所述业务需求所需的界面元素之间的关联关系，写入所述界面生成模板的空白区域中，以生成所述用户界面。

结合第一方面或其上述任一种可能的实现方式，在第一方面的第四种可能的实现方式中，所述确定用于实现所述业务需求所需的界面元素，以及用于实现所述业务需求所需的界面元素之间的关联关系，包括：

基于所述用户的业务需求，以及基于业务需求与至少两种界面元素之间的多层次对应关系，确定每种界面元素中用于实现所述业务需求所需的界面元素，以及确定用于实现所述业务需求所需的界面元素之间的关联关系。

因此，根据用户的业务需求与用户界面的多层次对应关系，确定用于实现用户的业务需求的界面元素以及界面元素之间的关联关系，可以实现在获取到用户的业务需求时，自动生成与业务需求相匹配的用户界面，无需人工使用开发工具进行界面级的实现代码的开发和编辑工作。

结合第一方面或其上述任一种可能的实现方式，在第一方面的第五种可能的实现方式中，所述确定每种界面元素中用于实现所述业务需求所需的界面元素，包括：

将所述多层次对应关系指示的界面元素中与所述用户的环境信息相匹配的界面元素，确定为用于实现所述业务需求所需的界面元素。

结合第一方面或其上述任一种可能的实现方式，在第一方面的第六种可能的实现方式中，所述用户的环境信息包括所述用户的终端设备信息、运营商信息和用户信息中的至少一种。

其中，该运营商信息可以是但不限于运营商的标识、名称和运营范围等；终端设备的信息可以是但不限于用于标识终端设备的唯一性的终端设备的标识或终端设备的型号；用户信息可以是但不限于用户的年龄、性别和喜好等。

因此，在本申请实施例中，可以根据用户的环境信息以及用户的业务需求，生成与环境信息和用户的业务需求相匹配的用户界面，并一步提高了用户界面的灵活性，提升了用户体验。

结合第一方面或其上述任一种可能的实现方式，在第一方面的第七种可能的实现方式中，所述多层次对应关系包括：

业务需求与UI控件的对应关系、以及UI控件与业务逻辑的对应关系；或，

业务需求与显示单元的对应关系、显示单元与UI控件的对应关系、以及UI控件与业务逻辑的对应关系。

结合第一方面或其上述任一种可能的实现方式，在第一方面的第八种可能的实现方式中，在所述界面生成装置确定每种界面元素中用于实现所述业务需求所需的界面元素，以及确定用于实现所述业务需求所需的界面元素之间的关联关系之前，所述方法还包括：

对应关系生成装置确定样本数据，所述样本数据包括多种业务需求、多种界面元素、所述多种业务需求中每种业务需求与所述多个界面元素中至少一种界面元素之间的关系数据，以及所述多种界面元素之间的关系数据；

根据所述样本数据，训练生成所述多层次对应关系。

结合第一方面或其上述任一种可能的实现方式，在第一方面的第九种可能的实现方式中，所述对应关系生成装置确定样本数据，包括：

对多个网页的用户界面的超文本标记语言HTML语句进行解析分析，以确定所述样本数据；和/或

根据业务工作人员的操作日志，确定所述样本数据。

结合第一方面或其上述任一种可能的实现方式，在第一方面的第十种可能的实现方式中，所述界面生成装置获取用户的业务需求，包括：

获取用户输入的业务描述；

对所述业务描述进行自然语言分析或语句相似度计算，得到关键字；

根据所述关键字，查找业务需求库，得到所述用户的业务需求。

第二方面，提供了一种界面生成装置，可以执行上述第一方面或第一方面的任意可选的实现方式中的界面生成装置执行的操作。具体地，该界面生成装置可以包括用于执行上述第一方面或第一方面的任意可能的实现方式中的界面生成装置执行的操作的模块单元。

第三方面，提供了一种界面生成装置，包括：存储器和处理器，该存储器用于存储指令，该处理器用于执行该存储器存储的指令，并且当该处理器执行该存储器存储的指令时，该执行使得该处理器执行第一方面或第一方面的任意可选的实现方式中界面生成装置的相应操作。

第四方面，提供了一种计算机存储介质，该计算机存储介质中存储有程序代码，该程序代码用于指示执行上述第一方面或第一方面的任意可选的实现方式界面生成装置执行的操作。

第五方面，提供了一种对应关系生成装置，可以执行上述第一方面或第一方面的任意可选的实现方式中的对应关系生成装置执行的操作。具体地，该对应关系生成装置可以包括用于执行上述第一方面或第一方面的任意可能的实现方式中的对应关系生成装置执行的操作的模块单元。

第六方面，提供了一种对应关系生成装置，包括：存储器和处理器，该存储器用于存储指令，该处理器用于执行该存储器存储的指令，并且当该处理器执行该存储器存储的指令时，该执行使得该处理器执行第一方面或第一方面的任意可选的实现方式中对应关系生成装置的相应操作。

第七方面，提供了一种计算机存储介质，该计算机存储介质中存储有程序代码，该程序代码用于指示执行上述第一方面或第一方面的任意可选的实现方式对应关系生成装置的操作。

第八方面，提供了一种界面生成系统，包括第二或第三方面中的界面生成装置，以及包括第五或第六方面中的对应关系生成装置。

附图说明

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

图1是根据本申请实施例的应用系统的示意性图。

图2是根据本申请实施例的界面生成装置的示意性框图。

图3a是根据本申请实施例的用户界面的示意性图。

图3b是根据本申请实施例的UI控件的示意性图。

图3c是根据本申请实施例的UI控件的示意性图。

图4是根据本申请实施例的界面生成方法的示意性流程图。

图5是根据本申请实施例的界面生成方法的示意性流程图。

图6是根据本申请实施例的界面生成方法的示意性流程图。

图7是根据本申请实施例的界面生成装置的示意性框图。

图8是根据本申请实施例的对应关系生成装置的示意性框图。

图9是根据本申请实施例界面生成系统的示意性框图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请实施例提供的界面生成方法、装置和设备，可以应用于计算机上，该计算机包括硬件层、运行在硬件层之上的操作系统层，以及运行在操作系统层上的应用层。该硬件层包括CPU(Central Processing Unit)、内存管理单元(MMU，Memory Management Unit)和内存(也称为主存)等硬件。该操作系统可以是任意一种或多种通过进程(Process)实现业务处理的计算机操作系统，例如，Linux操作系统、Unix操作系统、Android操作系统、iOS操作系统或windows操作系统等。该应用层包含浏览器、通讯录、文字处理软件、即时通信软件等应用。并且，在本申请实施例中，该计算机可以是任何能够通过运行记录有本申请实施例的界面生成方法的代码的程序，以根据本申请实施例的界面生成方法对以生成界面即可。本申请实施例的界面生成方法的执行主体可以是计算机设备，或者，是计算机设备中能够调用程序并执行程序的功能模块。

图1是根据本申请实施例的应用系统图。如图1所示，系统100包括界面生成装置110、终端设备120和业务服务器130。

界面生成装置110可以根据用户的业务需求生成用户界面。

终端设备120可以将生成的用户界面在终端设备处进行呈现，在进行用户界面的呈现时，需要对生成的用户界面进行解析，生成文档对象模型(Document Object Model，DOM)树或渲染树后进行呈现。

业务服务器130可以为终端设备提供业务服务。

应理解，虽然图1中所示的界面生成装置110独立于终端设备120和业务服务器130，但是本申请实施例并不限于此，例如，界面生成装置110可以集成于终端设备120内，或者，界面生成装置110可以集成于业务服务器130内。

应理解，图1所示的应用系统只是本申请实施例的一种应用场景，不应对本申请实施例构成限定，具体地，系统100还可以包括其他设备。

在一种可选的实现方式中，系统100还可以包括对应关系生成装置，该对应关系生成装置用于生成业务需求与至少两种界面元素之间的多层次关系。

其中，该对应关系生成装置可以独立于终端设备110和业务服务器130存在，或者，也可以集成于终端设备110或业务服务器130内。

在另一种可选的实现方式中，系统100还可以包括存储设备，存储设备可以存储上述多层次对应关系，或者可以存储代码库，例如，界面生成装置进行界面生成用到的用户界面(User Interface，UI)控件(Component)代码库、显示单元代码库、业务逻辑代码库或模板库，由此界面生成装置在需要生成用户界面时，可以从存储服务器中获取所需的UI控件的实现代码、显示单元的实现代码或模板等，并由此生成用户界面。

其中，该存储设备可以独立于终端设备110和业务服务器130存在，或者，也可以集成于所述终端设备110或业务服务器130内。

本申请实施例提到的用于存储多层次对应关系的存储设备以及用于存储代码库的存储设备可以是同一设备，也可以是不同设备。

图2所示为根据本申请实施例的界面生成装置200的结构示意图。可选地，该界面生成装置200可以为图1中所示的界面生成装置120。

如图2所示，界面生成装置200可包括处理器201、存储器202、输入设备203和总线系统204。

存储器202可以包括只读存储器和随机存取存储器，并向处理器301提供指令和数据。存储器202的一部分还可以包括非易失性随机存取存储器(NVRAM)。

处理器201控制界面生成装置200的操作，处理器201还可以称为中央处理单元(Central Processing Unit，简称CPU)。存储器202可以包括只读存储器和随机存取存储器，并向处理器301提供指令和数据。存储器202的一部分还可以包括非易失性随机存取存储器(NVRAM)。具体的应用中，界面生成装置200的各个组件通过总线系统204耦合在一起，其中总线系统204除包括数据总线之外，还可以包括电源总线、控制总线和状态信号总线等。但是为了清楚说明起见，在图中将各种总线都标为总线系统204。

在本申请实施例中，处理器201通过调用存储器202存储的操作指令，使得界面生成装置执行根据本申请实施例的界面生成方法的相应流程，具体可参考下文图4所示的界面生成方法300的相关描述，为避免重复，在此不再赘述。

下文中本申请实施例揭示的界面生成方法300可以应用于处理器201中，或者由处理器201实现。处理器201可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器201中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器301可以是通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器202，处理器201读取存储器202中的信息，结合其硬件完成本申请实施例所公开的方法的步骤。

可选地，界面生成装置200还可以包括显示设备205，显示设备205可以包括液晶显示器、投影等。

可选地，界面生成装置200还可以包括网络接口，界面生成装置200可以通过网络接口与服务端进行通信。

以下对本申请实施例的术语进行说明。

在本申请实施例中，用户界面可以包括至少一个显示单元，每个显示单元可以包括至少一个UI控件，也即UI控件可以呈现于显示单元内。例如，如图3a所示，对于用户需要补电话卡的用户界面，包括补卡类型显示单元、原卡信息显示单元和补卡信息显示单元；补卡类型显示单元可以包括用于选择普通卡或增值业务卡的UI控件；原卡信息显示单元可以包括用于输入原卡类型、原卡卡号和电话号码的UI控件；补卡信息显示单元可以包括用于输入补卡原因的按钮以及用于备注说明的UI控件等。

在本申请实施例中，用户界面也可以不进行显示单元的划分，也即用户界面包括至少一个控件。

在本申请实施例中，UI控件可在用户界面上显示为可视化图形“元件”，如按钮、文件编辑框等，用户针对该UI控件执行输入时，可以引发业务逻辑的运行。

在本申请实施例中，如图3b所示，UI控件可以是无业务语义的UI控件。在通过后台配置文件中注入数据后形成具有业务语义的UI控件，例如，图3c所示的下拉框。

在本申请实施例中，业务逻辑可以用于处理用户针对UI控件的输入。

在本申请实施例中，UI控件库包含控件标识(Identifier，ID)及控件的实现代码；还可以包括控件的功能描述，具体可以为对UI控件进行的自然语言描述，方便工作人员进行代码修改。

本申请实施例中，显示单元库可以包含显示单元ID和显示单元的实现代码；还可以包括控件的功能描述，方便工作人员进行代码修改。

在本申请实施例中，业务逻辑库可以包含业务逻辑标识和业务逻辑的实现代码，业务逻辑可以通过API调用后台服务器中的服务；业务逻辑库还可以包括业务逻辑的功能描述，方便工作人员进行代码修改。

图4是根据本申请实施例的界面生成方法300的示意性流程图。可选地，该方法可以由图1或图2中所示的界面生成装置实现。

如图4所示，该方法300包括310、320和330。

在310中，界面生成装置获取用户的业务需求。

可选地，在界面生成装置集成于终端设备时，则界面生成装置可以根据用户通过终端设备输入的业务描述，进行自然语言分析或语句相似度计算，获取用户的业务需求。

可选地，在界面生成装置集成于业务服务器时，终端设备可以将用户输入的业务描述发送给界面生成装置，界面生成装置根据该业务描述进行自然语言分析或语句相似度计算，获取用户的业务需求；或者，终端设备可以根据用户输入的业务描述，进行自然语言分析或语句相似度计算，获取用户的业务需求，并将该业务需求发送给界面生成装置。

可选地，从业务描述得到业务需求的实现可以为：根据业务描述进行自然语言分析或语句相似度计算，得到关键字；根据所述关键字，查找业务需求库，得到用户的业务需求。

在一种实现方式中，可以直接获取用户的文本输入，或者获取用户的语音输入之后进行文本转换得到文本，终端设备可以对该文本进行自然语言分析得到关键词，根据关键词查找业务需求库，得到用户的业务需求。

例如，在接收到“老号充话费送手机给老年人使用”或“新用户开户”的业务需求之后，可以对该业务需求进行自然语言分析，并从业务需求库(可以是一种业务流程库，用于给出业务需求对应的流程)中找到匹配的单个业务需求(例如：“充值送手机”)和/或多个业务需求组合(例如：“充值送手机”、“改套餐”、“增值包变更”和“补卡”的组合)等。

在320中，界面生成装置根据所述用户的业务需求，确定用于实现该业务需求所需的界面元素，以及用于实现该业务需求所需的界面元素之间的关联关系。

在一种实现方式中，用于实现该业务需求所需的界面元素，包括：用于实现该业务需求所需的UI控件，以及用于实现该业务需求所需的业务逻辑。

则相应地，用于实现该业务需求所需的界面元素之间的关联关系，包括：每个用于实现该业务需求所需的UI控件与至少一个用于实现该业务需求所需的业务逻辑相关联。

在另一种实现方式中，用于实现该业务需求所需的界面元素，包括：用于实现该业务需求所需的显示单元、用于实现该业务需求所需的UI控件、以及用于实现该业务需求所需的业务逻辑。

则相应地，用于实现该业务需求所需的界面元素之间的关联关系，包括：每个用于实现该业务需求所需的显示单元与至少一个用于实现该业务需求所需的UI控件相关联，每个用于实现该业务需求所需的UI控件与至少一个用于实现该业务需求所需的业务逻辑相关联。

可选地，在本申请实施例中，界面生成装置可以基于业务需求与至少两种界面元素之间的多层次对应关系，确定每种界面元素中用于实现该业务需求所需的界面元素，以及确定用于实现该业务需求所需的界面元素之间的关联关系。

在一种实现方式中，该多层次对应关系包括业务需求与UI控件的对应关系、以及UI控件与业务逻辑的对应关系。

则界面生成装置可以根据用户的业务需求，以及业务需求与UI控件的对应关系，确定用于实现该业务需求所需的UI控件；以及根据用于实现该业务需求所需的UI控件，以及UI控件与业务逻辑的对应关系，确定用于实现该业务需求所需的业务逻辑。

在另一种可选的实现方式中，该多层次对应关系包括业务需求与显示单元的对应关系、显示单元与UI控件的对应关系、以及UI控件与业务逻辑的对应关系。

则界面生成可以根据用户的业务需求，以及业务需求与显示单元的对应关系，确定用于实现该业务需求所需的显示单元；以及根据用于实现该业务需求所需的显示单元，以及显示单元与UI控件的对应关系，确定用于实现该业务需求所需的UI控件；以及根据用于实现该业务需求所需的UI控件，以及UI控件与业务逻辑的对应关系，确定用于实现该业务需求所需的业务逻辑。

可选地，在本申请实施例中，可以根据用户的环境信息，将该多层次对应关系指示的界面元素中与该用户的环境信息相匹配的界面元素，确定为用于实现该业务需求所需的界面元素。

可选地，该用户的环境信息包括该用户的终端设备信息、运营商信息和用户信息中的至少一种。

可选地，本申请实施例提到的该运营商信息可以是但不限于运营商的标识、名称和运营范围等；终端设备的信息可以是但不限于用于标识终端设备的唯一性的终端设备的标识或终端设备的型号；用户信息可以是但不限于用户的年龄、性别和喜好等。

在一种实现方式中，假设该多层次对应关系包括业务需求与UI控件的对应关系、以及UI控件与业务逻辑的对应关系，则可以将业务需求与UI控件的对应关系所指示的UI控件(与用户的业务需求相对应)中，与用户的环境信息相匹配的UI控件，确定为用于实现用户的业务需求所需的UI控件；以及可以将UI控件与业务逻辑的对应关系所指示的业务逻辑(与用于实现用户的业务需求所需的UI控件相对应)中，与用户的环境信息相匹配的业务逻辑，确定为用于实现用户的业务需求所需的业务逻辑。

例如，业务需求#1对应于UI控件#1、UI控件#2、UI控件#3、UI控件#4和UI控件#5；而在业务需求#1对应的UI控件中，与运营商A匹配的UI控件可以为UI控件#1、UI控件#2、UI控件#3和UI控件#4；与运营商B匹配的UI控件可以为UI控件#2、UI控件#3和UI控件#5。

例如，UI控件#1对应于业务逻辑#1、业务逻辑#2和业务逻辑#3；而在UI控件#1对应的业务逻辑中，与运营商A匹配的业务逻辑可以为业务逻辑#1；与运营商B匹配的业务逻辑可以为业务逻辑#2和业务逻辑#3。

在一种实现方式中，假设该多层次对应关系包括业务需求与显示单元的对应关系，显示单元与UI控件的对应关系、以及UI控件与业务逻辑的对应关系，则可以将业务需求与显示单元的对应关系所指示的显示单元(与用户的业务需求相对应)中，与用户的环境信息相匹配的显示单元，确定为用于实现用户的业务需求所需的显示单元；在显示单元与UI控件的对应关系所指示的UI控件(与用于实现用户的业务需求所需的显示单元相对应)中，与用户的环境信息相匹配的UI控件，确定为用于实现用户的业务需求所需的UI控件；以及可以将UI控件与业务逻辑的对应关系所指示的业务逻辑(与用于实现用户的业务需求所需的UI控件相对应)中，与用户的环境信息相匹配的业务逻辑，确定为用于实现用户的业务需求所需的业务逻辑。

例如，业务需求#1对应于显示单元#1、显示单元#2、显示单元#3和显示单元#4；而在业务需求#1对应的显示单元中，与运营商A匹配的显示单元可以为显示单元#1、显示单元#2和显示单元#3；与运营商B匹配的显示单元可以为显示单元#2、显示单元#3和显示单元#4。

例如，显示单元#1对应于UI控件#1、UI控件#2和UI控件#3；而在显示单元#1对应的UI控件中，与运营商A匹配的UI控件可以为UI控件#1和UI控件#2；与运营商B匹配的UI控件可以为UI控件#2和UI控件#3。

例如，UI控件#1对应于业务逻辑#1、业务逻辑#2和业务逻辑#3；而在UI控件#1对应的业务逻辑中，与运营商A匹配的业务逻辑可以为业务逻辑#1；与运营商B匹配的业务逻辑可以为业务逻辑#2和业务逻辑#3。

在330中，界面生成装置根据用于实现用户的业务需求所需的界面元素，以及用于实现所述业务需求所需的界面元素之间的关联关系，生成用户界面。

可选地，在本申请实施例中，界面生成装置可以从界面元素代码库中，获取用于实现所述业务需求所需的界面元素的实现代码，具体地，可以根据界面元素的ID，可以从界面元素代码库中，查找与该ID对应的实现代码；根据用于实现所述业务需求所需的界面元素的实现代码，以及用于实现所述业务需求所需的界面元素之间的关联关系，生成所述用户界面。

在一种实现方式中，假设用于实现所述业务需求所需的界面元素包括用于实现所述业务需求所需的UI控件和用于实现所述业务需求所需的业务逻辑，则可以从UI控件代码库中，获取用于实现所述业务需求所需的UI控件的实现代码；以及从业务逻辑代码库中，获取用于实现所述业务需求所需的业务逻辑的实现代码。

在一种实现方式中，假设用于实现所述业务需求所需的界面元素包括用于实现所述业务需求所需的显示单元，用于实现所述业务需求所需的UI控件和用于实现所述业务需求所需的业务逻辑，则可以从显示单元代码库中，获取用于实现所述业务需求所需的显示单元的实现代码，从UI控件代码库中，获取用于实现所述业务需求所需的UI控件的实现代码，以及从业务逻辑代码库中，获取用于实现所述业务需求所需的业务逻辑的实现代码。

可选地，在本申请实施例中，界面生成装置可以从模板库中获取界面生成模板，该界面生成模板包括背景区域和空白区域；并将用于实现所述业务需求所需的界面元素的实现代码，以及用于实现所述业务需求所需的界面元素之间的关联关系，写入所述界面生成模板的空白区域中，以生成所述用户界面。

可选地，该背景区域可以包括各种背景信息，例如，可以包括风格信息，比如，卡通漫画，风景灯光；或者可以包括运营商信息等。

可选地，生成用户界面之后，界面生成装置可以将生成的用户界面发送给浏览器模块，由浏览器模块解析呈现。具体地，可以将满足业务需求的完整HTML页面及附属代码，发送给浏览器模块解析呈现。该浏览器模块可以位于终端设备，也可以位于其他设备上。

因此，在本申请实施例中，界面生成装置可以根据用户的业务需求，确定用于实现所述业务需求所需的界面元素，以及用于实现所述业务需求所需的界面元素之间的关联关系；并根据用于实现所述业务需求所需的界面元素，以及用于实现所述业务需求所需的界面元素之间的关联关系，生成用户界面，从而可以实现界面生成装置可以按需生成匹配业务需求的用户界面，实现了用户界面的灵活生成，使得用户可以使用与用户需求所对应的用户界面，克服了固定界面使用的局限性。

进一步地，可以根据用户的环境信息以及用户的业务需求，生成与环境信息和用户的业务需求相匹配的用户界面，并一步提高了用户界面的灵活性，提升了用户体验。

进一步地，根据用户的业务需求与用户界面的多层次对应关系，确定用于实现用户的业务需求的界面元素，以及从界面元素的代码库中，获取界面元素的实现代码，可以实现在获取到用户的业务需求时，自动生成与业务需求相匹配的用户界面，无需人工使用开发工具进行界面级的实现代码的开发和编辑工作。

在上文所述的一种实施例中，界面生成装置可以利用多层次对应关系，确定用于实现用户的业务需求所需的界面元素和界面元素之间的关联关系。在界面生成装置利用多层次对应关系，确定用于实现用户的业务需求所需的界面元素和界面元素之间的关联关系之前，对应关系生成装置可以进行多层次对应关系的训练。

以下将介绍对应关系生成装置如何进行多层次对应关系的训练。

对应关系生成装置可以确定样本数据，所述样本数据包括多种业务需求、多种界面元素、所述多种业务需求中每种业务需求与所述多个界面元素中至少一种界面元素之间的关系数据，以及所述多种界面元素之间的关系数据；根据所述样本数据，训练生成所述多层次对应关系。

在一种实现方式，对应关系生成装置可以对多个网页的用户界面的HTML语句进行解析分析，以确定所述样本数据，并从而根据样本数据，确定多层次对应关系。

例如，通过网络爬虫爬取到网页，识别出网页实现的业务功能(业务需求)，并使用网页分析程序对网页的用户界面的HTML语句进行解析，得到网页中包含的UI控件信息、UI控件对应的业务逻辑信息等。在获取到足够的信息之后，可以建立业务需求与UI控件的对应关系，以及UI控件与业务逻辑的对应关系。

例如，通过网络爬虫爬取到网页，识别出网页实现的业务功能(业务需求)，并使用网页分析程序对网页的用户界面的HTML语句进行解析，得到网页中包含的显示单元信息、以及显示单元中包含的UI控件信息、UI控件对应的业务逻辑信息等。在获取到足够的信息之后，可以建立业务需求与显示单元的对应关系、显示单元与UI控件的对应关系，以及UI控件与业务逻辑的对应关系。

在另一种实现方式中，对应关系生成装置可以根据业务工作人员的操作日志，确定所述样本数据。

例如，通过在前台界面代码中打点(JavaScript中嵌入数据采集的代码)的方式获得工作人员在某一时刻对界面(包含业务需求信息)中某一UI控件(UI控件ID采集)进行操作的日志，从而获得业务需求与UI控件的关系数据；并通过系统日志数据(业务功能处理过程中会产生一条记录信息，记录信息的格式可根据实际情况定义)获得业务逻辑对UI控件操作产生的事件进行的业务逻辑处理，并对业务逻辑ID进行了标识，从而获得了UI控件和业务逻辑间的关系数据。在搜集到了足够的关系数据之后，可以建立业务需求与UI控件的对应关系，以及UI控件与业务逻辑的对应关系。

例如，通过在前台界面代码中打点(JavaScript中嵌入数据采集的代码)的方式获得工作人员在某一时刻对界面(包含业务需求信息)中某一显示单元(根据鼠标的位置判断其所属的显示单元)中的某一UI控件(UI控件ID采集)进行操作的日志，从而获得业务需求与显示单元的关系数据，显示单元和UI控件间的关系数据；并通过系统日志数据(业务功能处理过程中会产生一条记录信息，记录信息的格式可根据实际情况定义)获得业务逻辑对UI控件操作产生的事件进行的业务逻辑处理，并对业务逻辑ID进行了标识，从而获得了UI控件和业务逻辑间的关系数据。在搜集到了足够的关系数据之后，可以建立业务需求与显示单元的对应关系，显示单元与UI控件的对应关系，以及UI控件与业务逻辑的对应数据。

当然，在本申请实施例中，对应关系生成装置可以结合对网页的用户界面的HTML语句的解析分析的结果，以及业务工作人员的操作日志，来确定样本数据。

可选地，在获取到样本数据之后，可以按照机器学习算法，训练生成多层次对应关系；例如，训练生成业务需求与UI控件的对应关系以及UI控件与业务逻辑的关联关系；或者，训练生成业务需求与显示单元的对应关系、显示单元与UI控件的对应关系以及UI控件与业务逻辑的对应关系。

其中，机器学习算法可以是但不限于神经网络算法、蒙特卡罗算法、统计算法或马尔科夫算法等。当然，除了可以通过机器学习算法得到上述各种关联关系，还可以通过其他算法，本申请实施例对此不做限定。

除了上述通过获取工作人员的操作日志以及对网页进行多个网页的用户界面的HTML语句进行解析分析，得到多层次对应关系的关系数据，可以按照机器学习算法，训练得到上述多层次对应关系之外，还可以通过其他方式得到上述多层次对应关系。

例如，人工或众包的方式在终端设备或数据库中标示出用户需求-显示单元、显示单元-UI控件、UI控件-业务逻辑之间的关系数据；

例如，获取设计人员撰写的业务描述文档，业务描述文档中所包含的信息样例为：补卡的界面包含补卡类型显示单元、原卡信息显示单元、新卡信息显示单元、补卡信息显示单元；补卡类型提供2种类型选择，普通卡类型选择和增值业务卡类型选择；原卡信息显示原有卡的原卡类型数据、原卡卡号数据、原卡号群、电话号码数据，这些信息可以直接从数据库表中读取；根据涉设计人员撰写的业务描述文档，生成上述多层次对应关系。

应理解，上述提到的多层次对应关系可以是ID列表的方式实现，例如，业务需要和显示单元的对应关系可以是业务需求ID列表和显示单元ID列表之间的对应关系；显示单元和UI控件的对应关系可以是显示单元ID列表和UI控件ID列表的对应关系；UI控件和业务逻辑的对应关系可以是UI控件列表和业务逻辑ID列表的对应关系；由此，在获取业务需求ID之后，可以根据业务需求ID列表和显示单元ID列表之间的对应关系，得到显示单元ID；并根据显示单元ID和显示单元ID列表和UI控件ID列表的对应关系，得到UI控件ID；并根据UI控件ID和UI控件列表与业务逻辑ID列表的对应关系，得到业务逻辑ID。上述提到的对应关系还可以是函数关系，例如，输入业务需求ID，可以通过函数式，得到显示单元ID。

应理解，本申请实施例提到的对应关系可以指示关联概率，例如，业务需求#1对应显示单元#1的概率是100％，对应显示单元#2的概率是80％，对应显示单元#3的概率是60％。在根据业务需求#1获取显示单元时，假设选取的模板只能呈现一个显示单元，则可以选择显示单元#1，如果能呈现两个显示单元，则可以选择显示单元#1和显示单元#2。

还应理解，上述训练的多层次对应关系还可以附加环境信息。例如，在A(业务需求或界面元素)与B(界面元素)的对应关系中，在不同的环境信息下，相同的A可以对应不同的B。

图5是根据本申请实施例的界面生成方法400的示意性流程图。为了便于理解，图5结合业务需求为移动通信业务需求以及界面生成装置为终端设备为例进行说明，但是本申请实施例并不限于此。

在410中，用户可以通过浏览器输入业务描述，则终端设备获取用户输入的业务描述，例如，业务描述为“充值送手机给老人用”。

在420中，终端设备通过自然语言处理技术或语句相似度计算等技术，分析输入语句的特征，例如，“充值送手机给老人用”对应的特征为“充值送手机”、“给老人用”。

在430中，终端设备将在420中分解出的特征(关键词)搜索业务需求库，生成业务需求序列。例如，业务需求序列为：1)充值送手机业务、2)改套餐业务、3)增值套餐包、4)补卡业务)。

还可以进一步通过人工沟通的方式确认具体的业务需求。例如，1)充值送手机业务为“充399送400话费送x型号手机”；2)改套餐业务为主套餐变更为xx套餐(通话分钟数200分钟)；3)增值套餐包，确定为无需增值业务套餐，4)补卡。

在440中，根据业务需求序列，查找多层次对应关系，得到界面元素，例如与业务需求序列匹配的显示单元、UI控件以及业务逻辑的ID列表。

440中提到的多层次对应关系的使用流程可以如图6所示，

在442中，根据业务需求序列(单业务/多业务组合)，查找业务需求-显示单元的对应关系，查找与业务需求序列相对应的显示单元，将与业务需求序列相对应的显示单元中满足环境信息的显示单元确定为用于实现业务需求所需的显示单元。

例如，输出的显示单元为身份认证显示单元、充值送业务信息填写显示单元、主套餐变更显示单元、补卡类型显示单元、原卡信息显示单元、新卡信息显示单元、补卡信息显示单元、打印显示单元等。

例如，当叠加的环境信息为运营商信息时，身份认证的显示单元可以为与运营商相关的身份认证显示单元，如：运营商#1的身份认证显示单元覆盖的信息为证件号码、身份证信息、住址等信息显示，而运营商#2的身份认证的显示单元覆盖的信息为证件号码、身份证信息、住址、个人信用、联系人信息等信息显示。

例如，当叠加的环境信息为移动终端时，显示单元可以为适合移动终端显示的显示单元。

在444中，通过显示单元-UI控件的对应关系，查找与442中得到显示单元相对应的UI控件，将与442中得到显示单元相对应的UI控件中满足环境信息的UI控件确定为用于实现业务需求所需的UI控件。

例如，证件类型UIListView控件、证件号码UIInput控件、认证Button、生效类型UIButton按钮、补卡类型UIListView、结算按钮、打印按钮等。

例如，当叠加的环境信息为移动终端时，UI控件为适合移动终端显示的UI控件；当叠加的环境信息为个人喜好数据时，UI控件为匹配个人喜好的UI控件。

在446中，通过UI控件-业务逻辑的对应关系，查找与444中得到的UI控件相对应的业务逻辑，将与444中得到UI控件相对应的业务逻辑中满足环境信息的业务逻辑确定为用于实现业务需求所需的业务逻辑。

例如，身份证认证业务逻辑、套餐更改当月生效业务逻辑、结算业务逻辑、打印业务逻辑等。

通过上述442、444和446，从而生成满足业务需求(可叠加环境信息)的显示单元列表、及其对应的UI控件列表、及UI控件对应的业务逻辑列表，具体为“显示单元ID列表、各显示单元包含的UI控件ID列表、及各UI控件对应的业务逻辑ID”的树状界面元素信息树。

在450中，将440中获取的显示单元、及其对应的UI控件列表、及UI控件对应的业务逻辑列表，输出至界面生成器。界面生成器基于这些列表信息，从界面元素代码库中获取代码并组合生成界面。具体可以包括以下操作：

1)从UI控件库中获取对应UI控件的实现代码。

进一步地，可以在业务数据库中查找对应的业务数据，直接放入至该UI控件代码中业务数据标示指示的代码区域，形成UI控件代码。应理解，UI控件的实现代码可以本身包含业务数据，或者，呈现的UI控件本身不具备语义。

2)从显示单元库中获取对应的显示单元的实现代码。

3)将UI控件的实现代码，放置到对应的显示单元的实现代码中。

4)界面生成器从业务逻辑库获取对应的业务逻辑的实现代码，放置UI控件的实现代码中所指示的业务逻辑代码区域。

5)界面生成器基于这些列表信息，基于编排模板或基于规则，如：按顺序显示显示单元、并排显示显示单元等，将填入了UI控件的实现代码和业务逻辑的实现代码的显示单元的实现代码放置到编排模板/按照规则放置到空页面代码中。

在460中，将满足业务需求的完整HTML页面及附属代码，发送至浏览器解析呈现。

图7是根据本申请实施例的界面生成装置500的示意性框图。如图6所示，该界面生成装置500包括获取单元510、确定单元520和生成单元530。

其中，获取单元510用于获取用户的业务需求；

确定单元520用于根据所述用户的业务需求，确定用于实现所述业务需求所需的界面元素，以及用于实现所述业务需求所需的界面元素之间的关联关系；

生成单元530用于根据用于实现所述业务需求所需的界面元素，以及用于实现所述业务需求所需的界面元素之间的关联关系，生成用户界面。

可选地，用于实现所述业务需求所需的界面元素，包括：用于实现所述业务需求所需的UI控件、用于实现所述业务需求所需的业务逻辑；用于实现所述业务需求所需的界面元素之间的关联关系，包括：每个用于实现所述业务需求所需的UI控件与至少一个用于实现所述业务需求所需的业务逻辑相关联；或，

用于实现所述业务需求所需的界面元素，包括：用于实现所述业务需求所需的显示单元、用于实现所述业务需求所需的UI控件、用于实现所述业务需求所需的业务逻辑；用于实现所述业务需求所需的界面元素之间的关联关系，包括：每个用于实现所述业务需求所需的显示单元与至少一个用于实现所述业务需求所需的UI控件相关联，每个用于实现所述业务需求所需的UI控件与至少一个用于实现所述业务需求所需的业务逻辑相关联。

可选地，所述生成单元530进一步用于：

从界面元素代码库中，获取用于实现所述业务需求所需的界面元素的实现代码；

根据用于实现所述业务需求所需的界面元素的实现代码，以及用于实现所述业务需求所需的界面元素之间的关联关系，生成所述用户界面。

可选地，所述生成单元530进一步用于：

从模板库中获取界面生成模板，所述界面生成模板包括背景区域和空白区域；

将用于实现所述业务需求所需的界面元素的实现代码，以及用于实现所述业务需求所需的界面元素之间的关联关系，写入所述界面生成模板的空白区域中，以生成所述用户界面。

可选地，所述获取单元510进一步用于：

获取用户输入的业务描述；

对所述业务描述进行自然语言分析或语句相似度计算，得到关键字；

根据所述关键字，查找业务需求库，得到所述用户的业务需求。

可选地，所述确定单元520具体用于：

基于所述用户的业务需求，以及基于业务需求与至少两种界面元素之间的多层次对应关系，确定每种界面元素中用于实现所述业务需求所需的界面元素，以及确定用于实现所述业务需求所需的界面元素之间的关联关系。

可选地，所述确定单元520具体用于：

将所述多层次对应关系指示的界面元素中与所述用户的环境信息相匹配的界面元素，确定为用于实现所述业务需求所需的界面元素。

可选地，所述用户的环境信息包括所述用户的终端设备信息、运营商信息和用户信息中的至少一种。

可选地，所述多层次对应关系包括：

业务需求与UI控件的对应关系、以及UI控件与业务逻辑的对应关系；或，

业务需求与显示单元的对应关系、显示单元与UI控件的对应关系、以及UI控件与业务逻辑的对应关系。

应理解，该界面生成装置500可以对应于方法实施例中的界面生成装置，可以方法实施例中的界面生成装置的相应操作，为了简洁，在此不再赘述。

图8是根据本申请实施例的对应关系生成装置600的示意性框图。如图8所示，该对应关系生成装置包括确定单元610和训练单元620。

该确定单元610用于：确定样本数据，所述样本数据包括多种业务需求、多种界面元素、所述多种业务需求中每种业务需求与所述多个界面元素中至少一种界面元素之间的关系数据，以及所述多种界面元素之间的关系数据；该训练单元620用于：根据所述样本数据，训练生成多层次对应关系。

可选地，该获取单元610进一步用于：对多个网页的用户界面的超文本标记语言HTML语句进行解析分析，以确定所述样本数据；和/或，根据业务工作人员的操作日志，确定所述样本数据。

应理解，该对应关系生成装置600可以对应于方法实施例中的对应关系生成装置，可以方法实施例中的对应关系生成装置的相应操作，为了简洁，在此不再赘述。

本申请实施例还提供了一种对应关系生成装置，该装置包括存储器和处理器，该存储器用于存储指令，该处理器用于执行该存储器存储的指令，并且当该处理器执行该存储器存储的指令时，该执行使得该处理器执行上述方法实施例中对应关系生成装置的相应操作，为了简洁，在此不再赘述。

图9是根据本申请实施例的界面生成系统700的示意性框图。如图9所示，该界面生成系统700可以包括界面生成装置710和对应关系生成装置720。

其中，该界面生成装置710可以用于上述方法实施例中界面生成装置执行的相应操作，对应关系生成装置720可以用于实现上述方法实施例中对应关系生成装置的相应操作。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

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

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。