[发明专利]一种交互界面的代码生成方法、装置、设备及存储介质

权利要求书

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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