学习网址：鸿蒙2.x系统应用开发前端基础入门教程-12集全完结_哔哩哔哩_bilibili文档地址：技术胖-华为鸿蒙系统应用OpenHarmonyJS前端开发基础入门教程-完结(jspang.com)自定义组件的创立举例：{{title}}点击这里查看隐藏文本{showObj}}">helloworld/*comp.css*/.item{width:700px;flex-direction:column;height:300px;align-items:center;margin-top:100px;}.text-style{width:100%;text-align:center;font-

和vscode一样，我们在使用DevEcoStudio时也是可以参照的，看一个页面也可以把它当成一个网页来看，同理，就像每一个网页都是由大大小小不同的块有序堆积而成的一样，在鸿蒙系统里，页面同样是由一个个“块”堆积而成的。我们看下面这张图可以直观理解。而接下来，我们就来一起看看一些常用的基本组件的介绍常用基础组件组件介绍组件（Component）是界面搭建与显示的最小单位，HarmonyOSArkUI声明式开发范式为开发者提供了丰富多样的UI组件，我们可以使用这些组件轻松的编写出更加丰富、漂亮的界面。组件根据功能可以分为以下五大类：基础组件、容器组件、媒体组件、绘制组件、画布组件。其中基础组件

主要目录配置文件作用stage模型EntryAbility.ts:应用入口配置文件pages:页面配置resources:资源配置文件main_pages.json：创建页面配置en_US:英文配置zh_CN:中文配置module.json5:应用配置app.json模块AppScope>app.json5是应用的全局的配置文件，用于存放应用公共的配置信息。bundleName是包名。vendor是应用程序供应商。versionCode是用于区分应用版本。versionName是版本号。icon对于应用的显示图标。label是应用名。distributedNotificationEnabled

1.主要目录配置文件作1用（stage模型和FA模型下）1.stage模型 主要模块为app.json模块、entry模块和module.json模块。app.json模块：  icon是应用图标，可在pages中添加图片，从而改变图标；  label是应用名称；  bundleName是包名；  vendor是应用程序供应商；  versionCode是用于区分应用版本；  ets用于存放编写的代码；  resources模块内的公共资源；  configuration存放工程应用及的配置文件。entry模块：  如何编写页面：entry-->src-->main-->ets-->pages

一，主要目录配置文件作用1.ets文件夹内用于存放编写的代码文件2.configuration存放相应模块的配置文件3.resource对应模块内公共资源4.外层的configuretion用来存放工程应用级的配置文件5.开发初期阶段主要的开发都集中在est文件夹中6.AppScopeNode主要用于存放整个应用公共的信息与资源7.pages用于存放页面8.Index为初始页面1、stage模型其中常用模块为app.json模块，entry模块，module.json模块。app.json5中，icon是应用图标，可在pages中添加图片，从而改变图标；label是应用名称，具体如何改名，见F

鸿蒙第一节笔记主要目录配置文件作用stage模型-entry模块>src>main>ets>pages>index.ets这个是写代码的界面entry模块>src>main>ets>entryability>EntryAbility.ts应用入口配置文件entry模块>src>main>resources>en_US>element>string.json英文配置（字符数据文件）entry模块>src>main>resources>zh_CN>element>string.json中文配置（字符数据文件）entry模块>src>main>resources>base>element>strin

组件组件（Component）是界面搭建与显示的最小单位，我们可以使用组件轻松的编写出丰富、漂亮的界面。组件根据功能可以分为以下五大类：基础组件、容器组件、媒体组件、绘制组件、画布组件。其中基础组件是视图层的基本组成单元，包括Text、Image、TextInput、Button、LoadingProgress。TEXT组件Text组件用于在界面上展示一段文本信息，可以包含子组件Span。文本样式针对包含文本元素的组件，例如Text、Span、Button、TextInput等，可使用fontColor、fontSize、fontStyle、fontWeight、fontFamily这些文本样

主要目录配置文件作用（stage模型和FA模型下）（1）、在stage模型下 其中详细：AppScope中存放应用全局所需要的资源文件。entry是应用的主模块，存放HarmonyOS应用的代码、资源等。node_modules是工程的依赖包，存放工程依赖的源文件。build-profile.json5是工程级配置信息，包括签名、产品配置等。hvigorfile.ts是工程级编译构建任务脚本，hvigor是基于任务管理机制实现的一款全新的自动化构建工具，主要提供任务注册编排，工程模型管理、配置管理等核心能力。package.json是工程级依赖配置文件，用于记录引入包的配置信息。在AppSco

Ability内页面的跳转和数据传递Ability的数据传递包括有Ability内页面的跳转和数据传递、Ability间的数据跳转和数据传递，本章节主要讲解Ability内页面的跳转和数据传递。在一个应用包含一个Ability的场景下，可以通过新建多个页面来实现和丰富应用的内容。这会涉及到Ability内页面的新建以及Ability内页面的跳转和数据传递。打开DevEcoStudio，选择一个EmptyAbility工程模板，创建一个工程，例如命名为MyApplication。在src/main/ets/entryability目录下，初始会生成一个Ability文件EntryAbility.

前言本文是我HarmonyOS应用开发的第三次培训笔记，作为一名梅科尔工作室IOT组的开发者，同时也是在学习鸿蒙开发技术的开发者，见证了华为的进步，希望华为雨越来越好，也希望中国的开发者越来越强，在此也感谢金奇哥的讲解。学习资料：千锋教育鸿蒙系统开发教程，HarmonyOS2.0鸿蒙应用开发实战教程（开发属于自己的第一个鸿蒙APP）_哔哩哔哩_bilibili通用属性-通用-组件-基于JS扩展的类Web开发范式-手机、平板、智慧屏和智能穿戴开发-JSAPI参考-HarmonyOS应用开发千锋教育鸿蒙系统开发教程，HarmonyOS2.0鸿蒙应用开发实战教程（开发属于自己的第一个鸿蒙APP）_哔