# codelabs

**Repository Path**: SmallSponge/codelabs

## Basic Information

- **Project Name**: codelabs
- **Description**: 分享知识与见解，一起探索代码的独特魅力。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 421
- **Created**: 2021-12-05
- **Last Updated**: 2021-12-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# OpenHarmony Codelabs<a name="ZH-CN_TOPIC_0000001228194435"></a>

-   [概要简介](#section117915431558)
-   [目录](#sectionMenu)
-   [使用说明](#section1954919258619)
-   [约束与限制](#section682025019613)
-   [相关仓](#section01752910717)

## 概要简介<a name="section117915431558"></a>

为帮助开发者快速熟悉HarmonyOS和OpenHarmony的能力以及相关的应用开发流程，我们提供了一系列的基于趣味场景的应用示例，即Codelabs，开发者可以根据我们的文档一步步的学习和完成简单项目的开发。

## 目录<a name="sectionMenu"></a>
- [分布式调度启动远程FA ](https://gitee.com/openharmony/codelabs/tree/master/RemoteStartFA)
- [分布式新闻客户端](https://gitee.com/openharmony/codelabs/tree/master/NewsDemo)
- [分布式亲子早教系统](https://gitee.com/openharmony/codelabs/tree/master/PictureGameOpenHarmony)
- [自定义组件](https://gitee.com/openharmony/codelabs/tree/master/JSCanvasComponet)
- [JS组件购物应用演示](https://gitee.com/openharmony/codelabs/tree/master/ShoppingOpenHarmony)
- [分布式数据库](https://gitee.com/openharmony/codelabs/tree/master/JsDistributedData)
- [关系型数据库](https://gitee.com/openharmony/codelabs/tree/master/JSRelationshipData)
- [轻量级偏好数据库](https://gitee.com/openharmony/codelabs/tree/master/Database)
- [图片编辑模板](https://gitee.com/openharmony/codelabs/tree/master/ImageEditorTemplate)
- [图片常见操作](https://gitee.com/openharmony/codelabs/tree/master/ImageJsDemo)
- [简易视频播放器](https://gitee.com/openharmony/codelabs/tree/master/VideoOpenHarmony)
- [eTs流式布局](https://gitee.com/openharmony/codelabs/tree/master/FlowLayoutEts)
- [eTS转场动画的使用](https://gitee.com/openharmony/codelabs/tree/master/TransitionAnimtaionEts)
- [eTS弹窗](https://gitee.com/openharmony/codelabs/tree/master/CustomDialogEts)
- 常用组件和布局
   - [RatingApplication](https://gitee.com/openharmony/codelabs/tree/master/RatingApplication)
   - [AnimationDemo](https://gitee.com/openharmony/codelabs/tree/master/AnimationDemo)
   - [ClickableJsDemo](https://gitee.com/openharmony/codelabs/tree/master/ClickableJsDemo)
   - [InputApplication](https://gitee.com/openharmony/codelabs/tree/master/InputApplication)
   - [SliderApplication](https://gitee.com/openharmony/codelabs/tree/master/SliderApplication)
   - [SwitchApplication](https://gitee.com/openharmony/codelabs/tree/master/SwitchApplication)
   - [DialogDemo](https://gitee.com/openharmony/codelabs/tree/master/DialogDemo)


## 使用说明<a name="section1954919258619"></a>

1.  将独立的应用示例工程导入DevEco Studio进行编译构建及运行调试。
2.  部分应用示例中含有多个模块，开发者可以选择对单个模块进行编译构建，生成一个HAP应用安装包，也可以对整个工程进行编译构建，生成多个HAP应用安装包。
3.  安装运行后，即可在设备上查看应用示例运行效果，以及进行相关调试。

## 约束与限制<a name="section682025019613"></a>

1.  安装运行应用示例之前，请先通过config.json文件中的"deviceType"字段来确认该应用示例支持的设备类型，可尝试通过修改该字段使其可以在相应类型的设备上运行（config.json文件一般在代码的entry/src/main路径下，不同的Codelabs可能会有不同）。
2.  配置开发环境时，如果您想让应用示例运行到HarmonyOS上，请参考[DevEco Studio使用说明](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/tools_overview-0000001053582387)。如果您想让应用示例运行到OpenHarmony上，请参考[DevEco Studio（OpenHarmony）使用指南](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/Readme-CN.md)。
3.  IDE版本及配套SDK问题，可前往[DevEco Studio版本说明](https://developer.harmonyos.com/cn/docs/documentation/doc-releases/release_notes-0000001057597449)来查看详细的IDE、SDK、插件及Gradle配套版本。
4.  所有HarmonyOS相关Codelabs代码已被全部迁移至[Harmony组织](https://gitee.com/harmonyos)之下的[harmonyos\_codelabs](https://gitee.com/harmonyos/harmonyos_codelabs)仓中，本仓中不再体现。

## 相关仓<a name="section01752910717"></a>

1.  HarmonyOS Codelabs仓：[harmonyos\_codelabs](https://gitee.com/harmonyos/harmonyos_codelabs)
2.  HarmonyOS Codelabs官网：[HarmonyOS Codelabs](https://developer.harmonyos.com/cn/documentation/codelabs/)