【鸿蒙南向开发】一文总结ACE代码框架

前言

ACE_Engine框架是OpenAtom OpenHarmony（简称“OpenHarmony”）的UI开发框架，为开发者提供在进行应用UI开发时所必需的各种组件，以及定义这些组件的属性、样式、事件及方法，通过这些组件可以方便进行OpenHarmony上UI应用的开发。
ACE_Engine提供的组件分为两种类型，即类Web开发范式类型和声明式开发范式类型。其中类Web开发范式中定义一个页面需要三个文件，html，css和js文件。html文件负责页面布局，css文件负责定义组件的样式，js文件负责业务逻辑实现。而声明式范式仅需要1个ets文件，页面布局和组件的样式以及业务逻辑实现都在此文件中。如图：

二、ACE_Engine框架模块划分

对于类Web开发范式组件，根据组件从前端到后端的过程，可以将整个框架划分为JsFrameWork、DomNode、ComPonent、RenderNode四个模块。其作用分别如下：
• JsFrameWork：
负责解析前端html和css文件，创建出DomNode树。该树的结构和前端页面是一一对应的。
• DomNode：
负责将Dom树转换为Component树。注意一个Dom节点转换过后的Component节点实际上并不是一个单独的节点，而是一棵以rootComponent为根节点的组件树。该树中逐层包裹了对应的功能组件，最内部才是真正的主节点（这样的作用是功能解耦合，将某一特定的功能放到对应的组件中去）。如BoxC