#jitoa#【OpenHarmony 北向应用开发】初学者了解DevEco Studio基本结构 原创

此博客由金陵科技学院-开放原子开源社-鲍小宇编写

对于Openharmony 北向应用开发的初学者，了解DevEco Studio的基本结构是很重要的，了解了项目代码的基本结构可以让初学者快速上手DevEco Studio的代码编写。下面我们就一起来了解DevEco Studio中项目的基本结构。

Music：整个项目的项目名（自己命名）
External Libraries：项目中要导入的第三方jar包
对于初学者来说，如果想要快速的编写代码，主要需要了解的就是entry这个目录，其他目录可暂时不关心，接下来我们主要讲解有关entry目录的相关内容。

在entry目录中我们写代码的区域主要在src中，src/main/ets/pages中存放页面代码，Index.ets为项目的入口页面。我们可以把所有的代码都写在pages目录下，但是全都写在一起不利于代码的阅读，我们一般将代码进行模块化。模块化将不同功能的模块设计成小耦合度模块，使程序执行出错率降低，提高了源代码的复用率和程序的可维修性。

我们可以在ets目录下新建文件夹来存放模块化代码，这里我们新建了view目录和model目录。
在view目录中存放页面各模块代码，在model中存放需要的设置好的数据，它们都需要使用export关键字，在页面中使用时需要使用import进行导入。
resources中存放所需资源，在element中存放预定义的颜色和字符串等信息，在media中存放图片资源。

在这里我们给个例子，我们可以像这样把代码都写在index中
@Entry
@Component
struct Index {

build() {
Column(){
Row(){
Text(‘文本’)
.fontSize(40)
.padding({
top: 200
})
}
.width(‘100%’)
.height(‘50%’)
.justifyContent(FlexAlign.Center)
.alignItems(VerticalAlign.Top)
}
.width(‘100%’)
.backgroundColor(Color.White)

}
}

也可以在view中新建一个DemoComponent.ets
DemoComponent.ets中的代码如下
@Component
export struct DemoComponent{
build(){
Row(){
Text(‘文本’)
.fontSize(40)
.padding({
top: 200
})
}
.width(‘100%’)
.height(‘50%’)
.justifyContent(FlexAlign.Center)
.alignItems(VerticalAlign.Top)
}
}

此时index.ets中的代码如下

import {DemoComponent} from ‘…/view/DemoComponent’

@Entry
@Component
struct Index {

build() {
Column(){
DemoComponent()
}
.width(‘100%’)
.backgroundColor(Color.White)
}
}
这两种代码所展示的页面效果是一样的。