[发明专利]基于虚拟文档对象模型的跨平台前端开发系统及方法

摘要

本发明提供一种基于虚拟文档对象模型的跨平台前端开发系统及方法，系统包括：Dom生成器、布局控制器、交互适配器和动画控制器；针对任一原生平台：Dom生成器通过解析输入的XML生成Virtual Dom树，并通过在Virtual Dom树节点中封装该原生平台的视图控件，生成该原生平台的Real Dom树；布局控制器基于预设的界面布局逻辑计算界面布局结果并同步到该原生平台的视图控件中；交互适配器识别该原生平台底层输入事件，基于预先设置的手势控制逻辑将原生平台底层输入事件转换为触摸事件并在Virtual Dom树中分发；动画控制器基于预先设置的动画控制逻辑通过驱动基于Virtual Dom的动画的每一帧来设置Virtual Dom树节点的属性。本发明具备彻底的跨平台前端开发特性。

主权项

一种基于虚拟文档对象模型的跨平台前端开发系统，其特征在于，包括：Dom生成器、布局控制器、交互适配器和动画控制器；其中，针对任一原生平台：所述Dom生成器，用于通过解析输入的XML生成虚拟文档对象模型Virtual Dom树，并通过在所述Virtual Dom树的节点中封装所述原生平台的视图控件，生成所述原生平台的真实文档对象模型Real Dom树；所述布局控制器，用于基于预先设置的界面布局逻辑计算界面布局结果，并将所述界面布局结果同步到所述原生平台的视图控件中；所述交互适配器，用于识别所述原生平台底层的输入事件，基于预先设置的手势控制逻辑将所述原生平台底层的输入事件转换为触摸事件，并将所述触摸事件在所述Virtual Dom树中进行分发；所述动画控制器，用于基于预先设置的动画控制逻辑，通过驱动基于Virtual Dom的动画的每一帧来设置所述Virtual Dom树的节点的属性；其中，多个不同原生平台均利用相同的Virtual Dom，所述Virtual Dom包含统一界面对象模型，并基于界面对象预先设置多个不同原生平台统一的界面布局逻辑、手势控制逻辑和动画控制逻辑，所述Real Dom是多个不同原生平台上对应所述Virtual Dom的真实实现。