1# JS-UI框架子系统组件<a name="ZH-CN_TOPIC_0000001125689015"></a> 2 3- [简介](#section11660541593) 4- [目录](#section1464106163817) 5- [接口](#section1096322014288) 6- [使用](#section1529834174016) 7- [相关仓](#section11683135113011) 8 9## 简介<a name="section11660541593"></a> 10 11**JS-UI框架子系统**，是OpenHarmony为开发者提供的一套开发OpenHarmony应用的JS-UI框架。其组成如下所示： 12 13**图 1** JS-UI框架子系统<a name="fig11520531310"></a> 14 15 16JS-UI框架子系统包括JS数据绑定框架（JS Data binding）、JS运行时（JS runtime）和JS框架（JS framework）。 17 18- **JS Data binding** 19 20 JS数据绑定框架使用JavaScript语言提供一套基础的数据绑定能力。 21 22 23- **JS runtime** 24 25 JS运行时用以支持JS代码的解析和执行。 26 27 28- **JS framework** 29 30 JS框架部分使用C++语言提供JS API和组件的框架机制。 31 32 33## 目录<a name="section1464106163817"></a> 34 35JS-UI框架子系统源代码在/foundation/ace/ace\_engine\_lite下，目录结构如下图所示： 36 37``` 38/foundation/ace/ace_engine_lite 39├── frameworks # 框架代码目录 40│ ├── common # 公共工具类目录 41│ ├── examples # 示例代码目录 42│ ├── include # 头文件目录 43│ ├── module_manager # JS模块管理类目录 44│ ├── native_engine # JS引擎适配层目录 45│ ├── packages # 框架JS实现存放目录 46│ ├── src # 源代码存放目录 47│ ├── targets # 各目标设备配置文件存放目录 48│ └── tools # 工具代码存放目录 49├── interfaces # 对外接口存放目录 50│ └── innerkits # 对内部子系统暴露的头文件存放目录 51│ └── builtin # JS-UI框架子系统对外暴露JS三方module API接口存放目录 52└── test # 测试用例目录 53``` 54 55## 接口<a name="section1096322014288"></a> 56 57API介绍请参考[《OpenHarmony Device开发API参考》](https://device.harmonyos.com/cn/docs/develop/apiref/js-framework-file-0000000000611396) 58 59## 使用<a name="section1529834174016"></a> 60 61详见： 62 63[https://gitee.com/openharmony/docs/blob/master/zh-cn/readme/JS-UI框架子系统.md](https://gitee.com/openharmony/docs/blob/master/zh-cn/readme/JS-UI框架子系统.md) 64 65## 相关仓<a name="section11683135113011"></a> 66 67ace\_engine\_lite 68 69