[发明专利]用户界面生成方法、装置、电子设备及存储介质

权利要求书

1.一种用户界面生成方法，其特征在于，包括：

确定待处理的目标前端页面；所述目标前端页面包括预先编写的标记语言标签集合；所述标记语言标签集合用于反映待生成的用户界面中多个界面元素的元素属性以及每个所述元素属性之间的层级关系；

根据所述标记语言标签集合，生成所述目标前端页面对应的元素属性树；所述元素属性树包括按照树结构分布的多个节点，每个节点对应于所述标记语言标签集合中的一个所述元素属性；

根据所述元素属性树，生成对应的格式代码并填充至所述目标前端页面；

根据填充后的所述目标前端页面，生成对应的用户界面。

2.根据权利要求1所述的方法，其特征在于，所述根据所述标记语言标签集合，生成所述目标前端页面对应的元素属性树，包括：

从所述标记语言标签集合中读取得到多个标签，并确定每个所述标签之间的层级关系；

根据每个所述标签中的元素属性以及每个所述标签之间的层级关系，构建所述目标前端页面对应的元素属性树。

3.根据权利要求2所述的方法，其特征在于，所述根据每个所述标签中的元素属性以及每个所述标签之间的层级关系，构建所述目标前端页面对应的元素属性树，包括：

根据每个所述标签中的元素属性，确定每个所述标签对应的节点；

根据每个所述标签之间的层级关系，确定存在直接父子关系的至少一组父子标签；每组所述父子标签包括一个父标签和一个子标签；

在每组所述父子标签中确定所述父标签对应的父节点与所述子标签对应的子节点之间的节点连接关系；

根据每个所述标签对应的节点和所述节点连接关系，构建所述目标前端页面对应的元素属性树。

4.根据权利要求2所述的方法，其特征在于，所述根据每个所述标签中的元素属性以及每个所述标签之间的层级关系，构建所述目标前端页面对应的元素属性树，包括：

将所述标记语言标签集合中读取的首个标签确定为第一标签；根据每个所述标签之间的层级关系，将所述标记语言标签集合中与所述第一标签存在直接父子关系的标签确定为第二标签；根据每个所述标签之间的层级关系，将所述标记语言标签集合中与所述第一标签存在间接父子关系的标签确定为第三标签；

在所述第一标签中存在所述元素属性的情况下，根据所述第一标签中的元素属性构建根节点；

根据每个所述第二标签中的元素属性，构建每个所述第二标签对应的第一子节点；所述第一子节点与所述根节点存在直接父子关系；

根据每个所述第三标签中的元素属性，构建每个所述第三标签对应的第二子节点；所述第二子节点与所述根节点存在间接父子关系；

根据所述根节点、每个所述第一子节点、每个所述第二子节点、所述直接父子关系以及所述间接父子关系，生成所述目标前端页面对应的元素属性树。

5.根据权利要求4所述的方法，其特征在于，所述将所述标记语言标签集合中读取的首个标签确定为第一标签之后，还包括：

在所述第一标签中不存在所述元素属性的情况下，生成错误提示信息；所述错误提示信息用于提示用户所述标记语言标签集合存在编写错误。

6.根据权利要求1所述的方法，其特征在于，所述根据所述元素属性树，生成对应的格式代码，包括：

遍历所述元素属性树中的每个节点，生成与每个所述节点对应的预设代码子段；每个所述预设代码子段之间的嵌套关系对应于所述元素属性树中每个节点之间的节点连接关系。

7.根据权利要求1-6任一项所述的方法，其特征在于，所述目标前端页面为预设框架页面；所述预设框架页面包括从前往后依次排列的所述标记语言标签集合、框架代码以及所述格式代码。