JS UI Framework

• Introduction
• Directory Structure
• Available APIs
• Usage
• Repositories Involved

Introduction

The JS UI framework is a set of JS-UI framework provided for you to develop OpenHarmony applications. The following figure shows the framework architecture.

Figure 1 Framework architecture

The JS UI framework consists of the JavaScript data binding framework, JavaScript runtime, and JavaScript framework.

• JavaScript data binding

  Provides a set of basic data binding capabilities through JavaScript.

• JavaScript runtime

  Supports parsing and execution of JavaScript code.

• JavaScript framework

  Provides the framework mechanism of JavaScript APIs and components through the C++ language.

Directory Structure

The source code of the framework is stored in /foundation/ace/ace_engine_lite. The directory structure is as follows:

/foundation/ace/ace_engine_lite
├── frameworks      # Framework code
│   ├── examples    # Sample code
│   ├── include     # Header files
│   ├── packages    # JavaScript implementation
│   ├── src         # Source code
│   ├── targets     # Configuration files of target devices
│   └── tools       # Tool code
├── interfaces      # APIs exposed externally
│   └── innerkits   # Header files for internal subsystems
│       └── builtin # JavaScript third-party module APIs exposed by the JS UI framework
└── test            # Test cases

Available APIs

For details about the APIs, see the JS Application Development.

Usage

For details, go to the readme repository:

https://gitee.com/openharmony/docs/blob/master/en/readme/js-ui-framework.md

Repositories Involved

ace_engine_lite