CN111813409A - 一种交互界面的代码生成方法、装置、设备及存储介质 - Google Patents

Abstract

本发明公开了一种交互界面的代码生成方法、装置、设备及存储介质。该方法包括获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息；基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息；基于所述各元素的类型信息调用对应的初始代码；基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。通过将交互界面的目标代码由手动输入转成化成自动生成，实现了自动完成耗时且易错的工作，提高了开发效率和正确率。

Description

一种交互界面的代码生成方法、装置、设备及存储介质

技术领域

本发明实施例涉及业务处理技术领域，尤其涉及一种交互界面的代码生成方法、装置、设备及存储介质。

背景技术

随着计算机技术的不断发展，网络游戏成为被越来越多的用户接受和应用。

在网络游戏的开发过程中，使用数值配置文件是实现运行时对游戏控制的有效手段，但是在实际的开发过程中，为了接入数值配置需要手工编写大量的代码己完成复杂数据的读取、校验和格式转换等，大量的手工编写代码消耗大量的时间，并且容易出错。

发明内容

本发明提供一种交互界面的代码生成方法、装置、设备及存储介质，实现了自动来完成这些耗时且易错的工作，提高了开发效率和正确率。

第一方面，本发明实施例提供了一种交互界面的代码生成方法，包括：

获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息；

基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息；

基于所述各元素的类型信息调用对应的初始代码；

基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。

第二方面，本发明实施例还提供了一种交互界面的代码生成装置，包括：

元素信息获取模块，用于获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息；

路径信息确定模块，用于基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息；

初始代码调用模块，用于基于所述各元素的类型信息调用对应的初始代码；

目标代码生成模块，用于基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。

第三方面，本发明实施例还提供了一种设备，所述设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本发明任意实施例提供的交互界面的代码生成方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明任意实施例提供的交互界面的代码生成方法。

本发明实施例提供的一种交互界面的代码生成方法，通过获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息；

基于各元素之间的所属关系以及元素与控件的所属关系，确定各元素的路径信息；基于各元素的类型信息调用对应的初始代码；基于各元素在代码中的变量信息、各元素的路径信息和各元素的类型信息对应的初始代码，生成交互界面的目标代码。通过将交互界面的目标代码由手动输入转成化成自动生成，实现了自动完成耗时且易错的工作，提高了开发效率和正确率。

附图说明

图1为本发明实施例一提供的交互界面的代码生成方法的流程图；

图2为本发明实施例二提供的交互界面的代码生成方法的流程图；

图3为本发明实施例二提供的代码编辑页面的示例图；

图4为本发明实施例三提供的交互界面的代码生成方法的流程图；

图5为本发明实施例四提供的交互界面的代码生成装置的结构示意图；

图6为本发明实施例五提供的设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

实施例一

图1为本发明实施例一种的交互界面的代码生成方法的流程图，本实施例可以适用于对交互界面的代码进行处理的情况，该方法可以由生成交互界面代码的装置执行，该生成交互界面代码的装置可以采用软件和/或硬件的方式实现。如图1所示，该方法具体包括：

S110、获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息。

本发明实施例中，交互界面通过识别用户的输入信息和操作过程，经过处理后，向用户提供消息，以供阅读和分析等。其中，交互界面可以是但不限于命令语言用户界面、图形用户界面、直接操作用户界面、多媒体用户界面和多通道用户界面。交互界面由多个控件组成，其中，控件可以是但不限于活动控件、静态控件和被动控件。具体的，活动控件可以与用户交互,当用户操作活动控件时,该控件可以激发相应的事件，例如：按键控件。具体的，静态控件只用于显示应用状态,用户不能对静态控件执行任何操作，例如：文本控件、图形控件。具体的，被动控件可以接受用户操作,通常仅用于接受用户输入的值,不会激发任何方法，例如：输入框控件。不同交互界面中包括不同类型和/或不同数量的控件。对于任一控件，该控件可以是包括至少一个元素，且元素之间可以是并列关系或者存在从属关系。

对于当前交互界面中的各个控件，识别各控件中的元素交互界面。分别确定各元素在代码中对应的变量信息，该变量信息可以是通过外部输入得到，还可以是预先存储的，在识别待各个控件中的元素后，通过调用预先存储的变量信息，匹配得到元素的变量信息。

可选的，可以对交互界面中的各控件中的各元素在代码中对应的变量信息进行手动输入；也可以将各元素进行分类，根据各元素的不同类型预先设置不同的变量信息，并存储于数据库中。具体的，当获取到任一类型元素时，可以相应的从数据库中获取所述类型元素预设对应的变量信息，自动完成对变量信息的设置，替代人为输入操作，提高准确度以及处理效率；其中，变量信息为各元素在代码中对应的名称信息。当然上述实施例只作为可选实施例，也可以根据实际情况进行具体的设置，本实施例对接收变量信息的方式不加以限制。

S120、基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息。

在本实施例中，元素的路径信息是指元素在交互界面中的从属路径。具体的，为任一元素所在的路径和其他元素的路径关系。

可选的，所属关系包括并列关系和从属关系。任一交互界面中包含有不同的控件，交互界面中的控件处于并列关系，各控件中包含有不同的元素，任一元素可以包括一个或多个子元素，该子元素从属于上一元素。具体的，遍历所有的元素，基于各元素或者各控件之间并列关系、各元素之间的从属关系、各元素和控件之间的所属关系、各控件和交互界面之间的所属关系，依次确定任一元素所属的上一元素或者控件，直到成所述元素完整的路径信息。在一些实施例中，可以是将交互界面中的控件以及元素之间的关系通过树状结构体现，其中，交互界面位于树状结构的根节点，各控件为交互界面的子节点，控件中的元素为对应控件的子节点，具有从属关系的元素中，从属元素为所属元素的子节点，并以此类推。对于任一元素，在确定路径信息时，可以是在树状结构中由下向上遍历，依次确定所属的上一节点，直到根节点。将遍历得到的各元素、控件基于遍历顺序形成路径信息。示例性的，控件A中包括元素B和元素C，元素C中包括元素D，相应的，元素D的路径信息为控件A/元素C/元素D，元素B的路径信息为控件A/元素B。

需要说明的是，通过遍历元素确定路径信息的方式只作为可选实施例，也可以依据实际情况进行具体设置，本实施例对确定路径信息的方式不加以限制。

S130、基于所述各元素的类型信息调用对应的初始代码。

在本发明实施例中，交互界面中的各控件中的元素类型包括至少如下一项：编辑框、下拉框、整数框、浮点数框、复选框、文本区域、口期选择器等类型。示例性的，可以是调用类型识别函数，以获取各元素的类型信息。

电子设备中可以是预先设置有代码库，用于存储不同类型信息的元素对应的初始代码。基于各元素的类型信息在代码库中匹配得到对应的初始代码，并基于获取的各元素的类型信息调用对应的初始代码。

S140、基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。

可选的，初始代码中包括变量信息与路径信息对应的空白字段；具体的，空白字段为多个空白字符的集合，用于在代码中预留出变量信息和路径信息的位置。当然，上述获取初始代码的方式只是作为可选实施例，也可以依据实际情况进行具体的设置，本实施例对获取初始代码的方式不加以限制。

在本发明实施例中，对于交互界面中的各控件中的任一元素，基于任一元素类型信息将任一元素的在代码中对应的变量信息和和路径信息添加至初始代码对应位置的空白字段，获得任一元素对应的代码；并依照此方式，获得交互界面中各控件的各元素的代码。

可选的，基于生成的交互界面中的各控件的各元素对应的代码依照各元素或者各控件之间并列关系、各元素之间的从属关系、各元素和控件之间的所属关系、各控件和交互界面之间的所属关系，对各元素的初始代码进行对应位置的组合，以形成交互界面的目标代码。当然上述组合形成目标代码的方式只是作为可选实施例，实际上可以根据实际情况进行具体的设置，本实施例对形成交互界面的目标代码的方式不加以限制。示例性的，控件A中包括元素B和元素C，元素C中包括元素D，相应的，元素D从属于元素C，将元素D对应的初始代码添加至元素C的初始代码中，元素B和元素C具有并列关系，将元素B和元素C的初始代码进行并列组合，形成控件A的初始代码。当交互界面中包括多个控件时，将各个控件的初始代码进行组合得到交互界面的目标代码。

本发明实施例提供了一种交互界面的代码生成方法，通过获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息；基于各元素之间的所属关系以及元素与控件的所属关系，确定各元素的路径信息；基于各元素的类型信息调用对应的初始代码；基于各元素在代码中的变量信息、各元素的路径信息和各元素的类型信息对应的初始代码，生成交互界面的目标代码。通过将交互界面的目标代码由手动输入转成化成自动生成，实现了自动完成耗时且易错的工作，提高了开发效率和正确率。

实施例二

图2为本发明实施例二中的交互界面的代码生成方法的流程图，本实施例在上述实施例的基础上进行进一步地优化。如图2所示，所述方法包括：

S210、调用代码编辑器，显示代码编辑页面。

在本发明实施例中，基于要获取的交互界面中的各控件中的各元素在代码中对应的变量信息，调用代码编辑器，并显示代码编辑页面。如图3所示，代码编辑页面中包括有交互界面的类型、待编辑各元素的显示框和各元素对应的信息输入框体的，代码编辑页面中的信息输入框可以输入任一元素在代码中对应的变量信息。

可选的，代码编辑器至少包括如下一项：NOTEPAD++编辑器、VIM编辑器、GNU Emacs编辑器、SUBLIME TEXT编辑器、ATOM编辑器、PSPAD编辑器、GEANY编辑器、ECLIPSE编辑器和JEDIT编辑器等编辑器。

可选的，代码编辑器可以对代码编辑页面中的代码进行语法高亮显示、查询、替换、搜索、跳转命令、自动补全和位置标记等处理。当然，上述代码处理方式只是作为可选实施例，可以根据实际情况设定具体的处理功能。

S220、将所述交互界面中的各控件中的元素在所述代码编辑页面进行区别显示，其中，所述代码编辑页面上设置有各元素对应的信息输入框。

在本发明实施例中，当检测到交互界面的任一控件被选择时，识别被选择的控件中的各个元素，并基于各元素和控件之间的所属关系，或者基于各控件和交互界面之间的所属关系，将交互界面中的各控件中的各元素在代码编辑页面进行区别显示。交各元素可以通过高亮方式区别显示在在代码编辑页面，也可以根据具体情况通过其他方式进行区别显示，例如不同颜色、不同字体字号等显示方式，本实施例对区别显示的方式不加以限制。

可选的，在代码编辑页面中的各元素对应的信息输入框与各元素以同样的方式进行区别显示。示例性的，如图3所示，当图形交互界面中的button元素在代码编辑页面区别显示时，可以在对应区别显示的信息输入框中输入button元素在代码中的变量名称，例如：OnBtnclick。

S230、基于所述代码编辑页面上的信息输入框接收各元素在代码中的变量信息。

在本发明实施例中，基于交互界面中的各控件中的各元素分别进行区别显示，并在与各元素同样区别显示的信息输入框中输入各元素在代码中对应的变量信息。基于区别显示的各元素，在与各元素同样区别显示的信息输入框中输入各元素在代码中对应的变量信息。依照此方式获取交互界面中的各控件中的各元素在代码中对应的变量信息。

在一些发明实施例中，还可以对交互界面中的各控件的各元素与各元素在代码中对应的变量信息进行预先设置，并将变量信息存储在代码端。调用代码编辑器，显示代码编辑页面，当确定交互界面中的各控件中的任一元素进行区别显示时，相应的与所述元素同样区别显示的信息输入框中会自动显示所述元素在代码中对应的变量信息，以快速形成所述元素对应的代码，提高开发效率。

S240、基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息。

S250、基于所述各元素的类型信息调用对应的初始代码。

S260、基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。

本发明实施例提供了一种交互界面的代码生成方法，通过将交互界面中的各控件中的各元素分别进行区别显示，并在与各元素同样区别显示的信息输入框中输入各元素在代码中对应的变量信息，并基于各元素之间的所属关系以及元素与控件的所属关系，确定各元素的路径信息，基于各元素的类型信息调用对应的初始代码，基于各元素在代码中的变量信息、各元素的路径信息和各元素的类型信息对应的初始代码，生成交互界面的目标代码。通过手动输入交互界面中的各元素在代码中的变量信息之后自动生成交互界面的目标代码，实现了自动完成耗时且易错的工作，提高了开发效率和正确率。

实施例三

图4为本发明实施例三中的交互界面的代码生成方法的流程图，本实施例在上述实施例的基础上进行进一步地优化。如图4所示，所述方法包括：

S310、获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息。

S320、基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息。

S330、基于所述各元素的类型信息调用对应的初始代码。

S340、确定元素的类型信息为按键类型，调用点击响应函数。

在本发明实施例中，调用代码编辑器，并在代码编辑页面中相应的位置预设确定元素类型是否为按键类型的代码语句，在代码语句中元素类型的对应的空白字段位置输入交互界面中的各控件的各元素在代码中的对应的变量信息，通过执行代码语句，以确定各元素的类型信息是否为按键类型，当确定元素的类型信息为按键时，则调用点击响应函数。

可选的，当确定元素类型信息为按键，在预设调用点击响应函数的代码语句中属于元素在代码中对应的变量信息，以执行代码语句实现点击响应函数的调用。

需要说明的是，上述采用代码语句进行元素类型的确定和响应函数的调用只是作为可选实施例，也可以根据实际情况进行具体的设置，本实施例对此不加以限制。

S350、基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。

在本发明实施例中，对于交互界面中的各控件中的各元素，将各元素在代码中的变量信息和各元素的路径信息添加至各元素的类型信息对应的初始代码对应位置的空白字段，获得各元素对应的代码；基于各元素或者各控件之间并列的并列关系。基于各元素和控件之间的所属关系，或者基于各控件和交互界面之间的所属关系，将各元素对应的代码与按键类型元素的点击响应函数对应的代码进行相应位置的组合，想成交互界面的目标代码，当然上述组合形成目标代码的方式只是作为可选实施例，实际上可以根据实际情况进行具体的设置，本实施例对形成交互界面的目标代码的方式不加以限制。

本发明实施例提供了一种交互界面的代码生成方法，通过获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息；基于各元素之间的所属关系以及元素与控件的所属关系，确定各元素的路径信息；基于各元素的类型信息调用对应的初始代码；基于各元素在代码中的变量信息、各元素的路径信息和各元素的类型信息对应的初始代码以及按键类型元素的点击响应函数，生成交互界面的目标代码。通过手动输入交互界面中的各元素在代码中的变量信息，并通过元素类型调用对应的响应函数，以自动生成交互界面的目标代码，实现了自动完成耗时且易错的工作，提高了开发效率和正确率。

实施例四

图5是本发明实施例四中的交互界面的代码生成装置的结构示意图。如图5所示，所述装置包括：

变量信息获取模块410，用于获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息。

路径信息确定模块420，用于基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息。

初始代码调用模块430，用于基于所述各元素的类型信息调用对应的初始代码。

目标代码生成模块440，用于基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。

可选的，所述变量信息获取模块410包括：

第一变量信息获取子模块，可选的，所述第一变量信息获取子模块包括：

第一编辑页面显示单元，用于调用代码编辑器，显示代码编辑页面；

第一元素区别显示单元，用于将所述交互界面中的各控件中的元素在所述代码编辑页面进行区别显示，其中，所述代码编辑页面上设置有各元素对应的信息输入框；

第一变量信息输入单元，用于基于所述代码编辑页面上的信息输入框接收的各元素在代码中的变量信息。

可选的，元素区别显示单元包括：

元素识别子单元，用于当检测到所述交互界面的任一控件被选择时，识别被选择的控件中的各个元素；

元素区别显示子单元，用于基于各元素之间的所属关系，将所述控件的各个元素在所述代码编辑页面进行区别显示。

可选的，所述变量信息获取模块410包括：

第二变量信息获取子模块，可选的，所述第二变量信息获取子模块包括：

第二编辑页面显示单元，用于调用代码编辑器，显示代码编辑页面；

第二变量信息确定单元，用于根据预先设置的元素与变量信息的对应关系，确定交互界面中的各控件中的元素对应的变量信息；

第二变量信息显示单元，用于将所述交互界面中的各控件中的元素以及所述元素对应的变量信息在所述代码编辑页面对应显示。

可选的，路径信息确定模块420包括：

元素遍历单元，用于遍历各个元素，确定所述任一元素依次所属的上一元素，直到所属控件；

路径确定单元，用于基于确实的各上一元素和各元素之间的所属关系，形成所述任一元素的路径信息。

可选的，所述初始代码中包括变量信息与路径信息对应的空白字段；

可选的，目标代码生成模块440包括：

元素代码生成单元，用于对于任一元素，将所述任一元素的在代码中的变量信息和路径信息添加对应初始代码中的对应空白字段，得到所述任一元素的代码；

第一目标代码生成单元，用于基于所述交互界面中各元素的代码形成所述交互界面的目标代码。

可选的，第一目标代码生成单元包括：

第一目标代码生成子单元，用于基于控件与元素之间的所属关系、各元素之间的所述关系将各元素的代码进行组合，得到交互界面的目标代码。

可选的，所述装置还包括：

第一函数调用模块，用于当元素的类型信息为按键时，调用点击响应函数。

可选的，响应函数调用模块包括：

第二目标代码生成单元，用于基于所述各元素在代码中的变量信息、所述各元素的路径信息、所述各元素的类型信息对应的初始代码以及按键类型元素的点击响应函数，生成所述交互界面的目标代码。

本发明实施例提供了一种交互界面的代码生成装置，通过获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息，基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息，基于所述各元素的类型信息调用对应的初始代码，基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。通过将交互界面的目标代码由手动输入转成化成自动生成，实现了自动完成耗时且易错的工作，提高了开发效率和正确率。

实施例五

图6是本发明实施例五中的设备的结构示意图。图6示出了适于用来实现本发明实施方式的示例性设备512的框图。图6显示的设备512仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图6所示，设备512以通用计算设备的形式表现。设备512的组件可以包括但不限于：一个或者多个处理器或者处理单元516，系统存储器528，连接不同系统组件(包括系统存储器528和处理单元516)的总线518。

总线518表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。

设备512典型地包括多种计算机系统可读介质。这些介质可以是任何能够被设备512访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

系统存储器528可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(RAM)530和/或高速缓存存储器532。设备512可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统534可以用于读写不可移动的、非易失性磁介质(图6未显示，通常称为“硬盘驱动器”)。尽管图6中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线518相连。存储器528可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。

具有一组(至少一个)程序模块542的程序/实用工具540，可以存储在例如存储器528中，这样的程序模块542包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块542通常执行本发明所描述的实施例中的功能和/或方法。

设备512也可以与一个或多个外部设备514(例如键盘、指向设备、显示器524等)通信，还可与一个或者多个使得用户能与该设备512交互的设备通信，和/或与使得该设备512能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口522进行。并且，设备512还可以通过网络适配器520与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器520通过总线518与设备512的其它模块通信。应当明白，尽管图6中未示出，可以结合设备512使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

处理单元516通过运行存储在系统存储器528中的程序，从而执行各种功能应用以及数据处理，例如实现本发明实施例所提供的交互界面的代码生成方法，该方法包括：

获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息；

基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息；

基于所述各元素的类型信息调用对应的初始代码；

基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。

实施例六

本发明实施例六还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明实施例所提供的交互界面的代码生成方法，该方法包括：

获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息；

基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息；

基于所述各元素的类型信息调用对应的初始代码；

基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。

本发明实施例的计算机存储介质，可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或设备上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (11)

1.一种交互界面的代码生成方法，其特征在于，包括：

获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息；

基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息；

基于所述各元素的类型信息调用对应的初始代码；

基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。

2.根据权利要求1所述的方法，其特征在于，所述获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息，包括：

调用代码编辑器，显示代码编辑页面；

将所述交互界面中的各控件中的元素在所述代码编辑页面进行区别显示，其中，所述代码编辑页面上设置有各元素对应的信息输入框；

基于所述代码编辑页面上的信息输入框接收各元素在代码中的变量信息。

3.根据权利要求2所述的方法，其特征在于，将所述交互界面中的各控件中的元素在所述代码编辑页面进行区别显示，包括：

当检测到所述交互界面的任一控件被选择时，识别被选择的控件中的各个元素；

基于各元素之间的所属关系，将所述控件的各个元素在所述代码编辑页面进行区别显示。

4.根据权利要求1所述的方法，其特征在于，所述获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息，包括：

调用代码编辑器，显示代码编辑页面；

根据预先设置的元素与变量信息的对应关系，确定交互界面中的各控件中的元素对应的变量信息；

将所述交互界面中的各控件中的元素以及所述元素对应的变量信息在所述代码编辑页面对应显示。

5.根据权利要求1所述的方法，其特征在于，所述基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息，包括：

遍历各个元素，确定所述任一元素依次所属的上一元素，直到所属控件；

基于确实的各上一元素和各元素之间的所属关系，形成所述任一元素的路径信息。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当元素的类型信息为按键时，调用点击响应函数；

相应的，基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码，包括：

基于所述各元素在代码中的变量信息、所述各元素的路径信息、所述各元素的类型信息对应的初始代码以及按键类型元素的点击响应函数，生成所述交互界面的目标代码。

7.根据权利要求1所述的方法，其特征在于，所述初始代码中包括变量信息与路径信息对应的空白字段；

所述基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码，包括：

对于任一元素，将所述任一元素的在代码中的变量信息和路径信息添加对应初始代码中的对应空白字段，得到所述任一元素的代码；

基于所述交互界面中各元素的代码形成所述交互界面的目标代码。

8.根据权利要求6所述的方法，其特征在于，所述基于所述交互界面中各元素的代码形成所述交互界面的目标代码，包括：

基于控件与元素之间的所属关系、各元素之间的所述关系将各元素的代码进行组合，得到交互界面的目标代码。

9.一种交互界面的代码生成装置，其特征在于，包括：

元素信息获取模块，用于获取交互界面中的各控件中的元素，并接收外部输入的各元素在代码中的变量信息；

路径信息确定模块，用于基于所述各元素之间的所属关系以及元素与控件的所属关系，确定所述各元素的路径信息；

初始代码调用模块，用于基于所述各元素的类型信息调用对应的初始代码；

目标代码生成模块，用于基于所述各元素在代码中的变量信息、所述各元素的路径信息和所述各元素的类型信息对应的初始代码，生成所述交互界面的目标代码。

10.一种设备，其特征在于，所述设备包括

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-8中任一所述的交互界面的代码生成方法。

11.一种包含车辆可执行指令的存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-8中任一所述的交互界面的代码生成方法。

Images