体验鸿蒙开发第一课

Index.ets:

// 导入页面路由模块
import router from '@ohos.router';
@Entry
@Component
struct Index {@State message: string = '我是没头脑'build() {Row() {Column() {Text(this.message).fontSize(50).fontWeight(FontWeight.Bold) // 添加一个按钮Button() {Text("Open Page").fontSize(30).fontWeight(FontWeight.Bold)}.type(ButtonType.Capsule).margin({top: 20}).backgroundColor('#ff9900').width('80%').height('5%')// 给按钮绑定点击事件.onClick(()=>{console.log("点击了按钮") // 跳转第二个页面router.pushUrl({url: 'pages/second' }).then(()=>{console.log("成功跳转了");})})}.width('100%')}.height('100%')}
}

second.ets:

// Second.ets
import router from '@ohos.router';
@Entry
@Component
struct Second {@State message: string = '你是不高兴'build() {Row() {Column() {Text(this.message).fontSize(50).fontWeight(FontWeight.Bold)Button() {Text('Back').fontSize(25).fontWeight(FontWeight.Bold)}.type(ButtonType.Capsule).margin({top: 20}).backgroundColor('#ff9900').width('80%').height('5%') // 绑定点击事件.onClick(()=>{// 返回上一页面router.back()})}.width('100%')}.height('100%')}
}

代码如上。

开发工具地址：

DevEco Studio-HarmonyOS Next Beta版-华为开发者联盟

-----------------

C:\Users\rogabet\DevEcoStudioProjects\hwrogachat\AppScope

app.json5应用公共配置信息

{
"app": {
"bundleName": "com.example.hwrogachat",
"vendor": "example",
"versionCode": 1000000,
"versionName": "1.0.0",
"icon": "$media:app_icon",
"label": "$string:app_name"
}
}
----------------------

C:\Users\rogabet\DevEcoStudioProjects\hwrogachat\entry\src\main

module.json5当前模块配置信息

{
"module": {
"name": "entry",
"type": "entry",
"description": "$string:module_desc",
"mainElement": "EntryAbility",
"deviceTypes": [
"phone"
],
"deliveryWithInstall": true,
"installationFree": false,
"pages": "$profile:main_pages",
"abilities": [
{
"name": "EntryAbility",
"srcEntry": "./ets/entryability/EntryAbility.ets",
"description": "$string:EntryAbility_desc",
"icon": "$media:layered_image",
"label": "$string:EntryAbility_label",
"startWindowIcon": "$media:startIcon",
"startWindowBackground": "$color:start_window_background",
"exported": true,
"skills": [
{
"entities": [
"entity.system.home"
],
"actions": [
"action.system.home"
]
}
]
}
],
"extensionAbilities": [
{
"name": "EntryBackupAbility",
"srcEntry": "./ets/entrybackupability/EntryBackupAbility.ets",
"type": "backup",
"exported": false,
"metadata": [
{
"name": "ohos.extension.backup",
"resource": "$profile:backup_config"
}
],
}
]
}
}