[发明专利]一种前端组件与后端组件转换的方法及装置

权利要求书

1.一种前端组件与后端组件转换的方法，应用于电子设备，其特征在于，所述方法包括：

所述电子设备对包含有JavaScript的页面文件进行解析，得到所述页面文件包括的每个组件对应的标签、样式、事件或者属性；

所述电子设备根据所述页面包括的每个前端组件创建对应的文档对象模型DOM组件；

所述电子设备将每个DOM组件与对应的多个后端组件进行映射，并将所述页面中每个组件对应的标签、样式、事件或者属性设置到对应的所述多个后端组件上，其中，所述后端组件按照组件树的层次结构组成，包括：通过组件树节点变换，将多个后端组件组合前端组件。

2.根据权利要求1所述的方法，其特征在于，所述将每个DOM组件与对应的多个后端组件进行映射，包括：

若所述DOM组件有对应的后端组件，则所述DOM组件对应的后端组件由Composed组件与所述DOM组件对应的至少一个后端组件按照组件树的层次结构组成。

3.根据权利要求1所述的方法，其特征在于，所述将每个DOM组件与对应的多个后端组件进行映射，包括：

若所述DOM组件没有对应的后端组件，则所述DOM组件对应的后端组件由根据所述DOM组件的属性和样式的至少一个后端组件按照组件树的层次结构进行拼接。

4.根据权利要求1-3任一项所述的方法，其特征在于，所述电子设备将所述页面中每个组件对应的标签、样式、事件或者属性设置到对应的所述多个后端组件上，包括：

所述电子设备将所述页面对应的通用的标签、样式、事件或者属性映射到所述DOM组件对应的后端容器组件上。

5.根据权利要求1-3任一项所述的方法，其特征在于，所述电子设备将所述页面中每个组件对应的标签、样式、事件或者属性设置到对应的所述多个后端组件上，包括：

所述电子设备将所述页面中一个DOM组件对应的私有的标签、样式、事件或者属性映射到所述DOM组件对应的组件树的子节点上。

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

所述电子设备在所述DOM组件对应的组件树的子节点上挂载扩展功能的后端组件，其中，所述扩展功能包括动画增强效果、触摸事件、手势事件或者渐变动画效果中的至少一种。

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

所述电子设备在所述DOM组件对应的组件树的子节点上挂载扩展功能的后端组件，其中，所述扩展功能包括动画增强效果、触摸事件、手势事件或者渐变动画效果中的至少一种。

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

所述电子设备在所述DOM组件对应的组件树的子节点上挂载扩展功能的后端组件，其中，所述扩展功能包括动画增强效果、触摸事件、手势事件或者渐变动画效果中的至少一种。

9.一种电子设备，其特征在于，所述电子设备包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至8中任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至8中任一项所述的方法。