# thirdFrame

**Repository Path**: nabunana/third-frame

## Basic Information

- **Project Name**: thirdFrame
- **Description**: 个人学习ArkTS和H5三方框架之间的双向数据交互
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-30
- **Last Updated**: 2026-03-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# Third-Frame

鸿蒙应用开发示例项目集 | HarmonyOS Application Development Demo Collection

## 项目简介

本仓库包含多个鸿蒙（HarmonyOS）应用开发示例项目，涵盖设计模式、NDK开发、容器组件和H5交互等核心技术场景，为开发者提供丰富的参考示例。

## 项目结构

```
third-frame/
├── DesignPattern/     # 设计模式示例
├── NDK/               # Native 开发示例
├── containers/        # 容器组件示例
├── h5Demo/            # H5 与 ArkTS 交互示例
├── developTemplate/   # 应用开发模板
└── ohrouter-master/   # HMRouter 路由框架
```

## 子项目介绍

### 1. DesignPattern - 设计模式示例

实现常见设计模式的鸿蒙应用示例，包括：

**创建型模式**
- Singleton（单例模式）
- Factory（工厂模式）
- AbstractFactory（抽象工厂模式）
- Builder（建造者模式）
- Prototype（原型模式）

**结构型模式**
- Adapter（适配器模式）
- Bridge（桥接模式）
- Composite（组合模式）
- Decorator（装饰器模式）
- Facade（外观模式）
- Flyweight（享元模式）
- Proxy（代理模式）

**行为型模式**
- ChainOfResponsibility（责任链模式）
- Command（命令模式）
- Interpreter（解释器模式）
- Iterator（迭代器模式）
- Mediator（中介者模式）
- Memento（备忘录模式）
- Observer（观察者模式）
- State（状态模式）
- Strategy（策略模式）
- TemplateMethod（模板方法模式）
- Visitor（访问者模式）

### 2. NDK - Native 开发示例

展示如何在鸿蒙应用中集成 C/C++ 代码：
- 使用 CMake 构建 Native 模块
- JNI 接口调用
- 基础数学运算示例（sum 函数）

### 3. containers - 容器组件示例

ArkUI 容器组件的用法演示：
- Column（列容器）
- Row（行容器）
- Flex（弹性容器）
- Grid（网格容器）
- List（列表容器）
- Stack（堆叠容器）
- Swiper（轮播容器）
- Tabs（标签容器）
- WaterFlow（瀑布流容器）
- RelativeContainer（相对容器）
- Scroll（滚动容器）

### 4. h5Demo - H5 交互示例

展示 ArkTS 与 HTML5 的双向交互：
- H5 调用 ArkTS 方法
- ArkTS 调用 H5 函数
- 数据传递示例

### 5. developTemplate - 应用开发模板

提供分层架构的鸿蒙应用模板，包含：
- **模型层**：数据模型定义（User、ArticleItem、BannerItem、ApiResult）
- **服务层**：业务逻辑服务（HttpService、HomeService、UserService、DetailService）
- **视图模型层**：状态管理与业务逻辑（HomeViewModel、UserViewModel、DetailViewModel）
- **视图层**：页面组件（Index、LoginPage、MainPage、UserPage、DetailPage）
- **路由管理**：页面跳转与参数传递（RouterManager、RouterParams）
- **公共组件**：通用 UI 组件与工具类

### 6. ohrouter-master - HMRouter 路由框架

完整的鸿蒙路由框架解决方案，包含：
- **HMRouterLibrary**：路由框架核心库
- **HMRouterPlugin**：编译插件
- **HMRouterTransitions**：转场动画库
- **HMRouterExamples**：使用示例
- **TestCases**：测试用例

主要特性：
- 注解式路由定义
- 拦截器支持
- 页面生命周期管理
- 自定义转场动画
- 服务路由
- 与系统 Navigation/NavDestination 组件混用支持

## 技术栈

- **框架**：ArkUI（方舟开发框架）
- **语言**：ArkTS、TypeScript、C/C++
- **构建工具**：hvigor、CMake
- **目标平台**：HarmonyOS

## 快速开始

### 环境要求

- HarmonyOS SDK
- Node.js 14+
- hvigor 构建工具
- DevEco Studio（推荐）

### 编译运行

各子项目均为独立的鸿蒙应用，可使用 DevEco Studio 打开对应目录进行编译运行：

1. 打开 DevEco Studio
2. 选择 `Import Project`
3. 选择目标子项目目录（如 `DesignPattern`）
4. 点击 `Run` 运行

## 许可证

MIT License