0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

harmony OS NEXT-基本介紹及DevcoStudiop基本使用

程奕紅 ? 來源:jf_34770892 ? 作者:jf_34770892 ? 2025-03-26 16:48 ? 次閱讀

#鴻蒙基本介紹及DevcoStudiop基本使用

1.認(rèn)識(shí)DevcoStudiop工作區(qū)

1.1認(rèn)識(shí)工作區(qū)

image-20241019110156900

開發(fā)節(jié)奏:

  1. 通過左側(cè)目錄找到對(duì)應(yīng)的應(yīng)用文件,在編輯區(qū)進(jìn)行代碼編寫,在右側(cè)看預(yù)覽效果
  2. 快捷鍵:連按兩下shift快速尋找全局內(nèi)容,如文件

image-20241019110440717

1.2如何排錯(cuò)

寫代碼時(shí),我們經(jīng)常會(huì)遇到這種情況,右側(cè)出現(xiàn)不能開啟預(yù)覽器的提示,我們需要打開預(yù)覽器日志查看報(bào)錯(cuò)

  1. 第一種方法

image-20241019111356476

image-20241019111301584

  1. 第二種方法

image-20241019111540879

  1. 第三種方法:通過統(tǒng)一構(gòu)建,暴露哪些文件及代碼無法編譯通過

image-20241019111759517

image-20241019112033341

1.3如何刷新看效果

預(yù)覽器是有熱更新的,原則上寫完右側(cè)自動(dòng)更新,如果不自動(dòng)更新,說明編輯器卡住了,需要連續(xù)點(diǎn)擊兩次預(yù)覽器

image-20241019112446371

注意:刷新只能針對(duì)帶有@Entry和@preview的文件,否則無法查看效果

image-20241019112815477

2.基本介紹

2.1項(xiàng)目的基本結(jié)構(gòu)

  • AppScope>app.json5:應(yīng)用的全局配置信息

image-20241019124811862

image-20241019125311192

image-20241019125628759

image-20241019125841426

  • entry:應(yīng)用/服務(wù)模塊,編譯構(gòu)建生成一個(gè)HAP
    • src>main>ets:用于存放ArkTS源碼
    • src>main>ets>entryability:應(yīng)用/服務(wù)的入口,只能有一個(gè)入口
    • src>main>ets>pages:應(yīng)用/服務(wù)包含的頁面,頁面只能放在pages里,不能放在pages外
    • src>main>resource:用于存放應(yīng)用/服務(wù)模塊所用到的資源文件,如圖形、多媒體、字符串、布局文件等
    • src>main>module.json5:Stage模型模塊配置文件、主要包含HAP的配置信息、應(yīng)用在多媒體設(shè)備上的配置信息以及應(yīng)用的全局配置信息

2.2什么是Stage模型

State

? -Moudle(模塊- -對(duì)應(yīng)HAP包)

? -ability(應(yīng)用服務(wù)入口)

? -pages(頁面)

? -component(自定義組件)

? -resourse(資源)

image-20241019132014457

image-20241019132042999

一個(gè)app里面可以有多個(gè)模塊,就是多個(gè)HAP包,一個(gè)HAP包下可以有多個(gè)ability,一個(gè)ability可以有多個(gè)頁面,一個(gè)頁面下也可以有多個(gè)組件

2.3應(yīng)用模型Stage&FA

鴻蒙的戰(zhàn)略 兼容安卓-把java+前端拉入到開發(fā)陣容中-FA模型,沒有成功

鴻蒙4.0- - -Stage模型,把所有的語言統(tǒng)一了,都是以ArkTs語言,萬物互聯(lián)

換言之-應(yīng)用模型是鴻蒙開發(fā)一切的基礎(chǔ),因?yàn)橹挥谢谠撃P臀覀儾趴梢蚤_發(fā)對(duì)應(yīng)的應(yīng)用和有業(yè)務(wù)

應(yīng)用模型包含以下幾個(gè)要素 應(yīng)用組件->應(yīng)用進(jìn)程>應(yīng)用線程>應(yīng)用任務(wù)管理>應(yīng)用配置文件

鴻蒙工程師->調(diào)包工程師

應(yīng)用模型只有一個(gè)嗎?

前后推出了兩個(gè)模型:FA模型、Stage,目前FA已經(jīng)不在主推,已經(jīng)被砍掉了

  1. Stage模型示意圖

image-20241019133547887

2.4什么是UIAbility-(頁面能力組件)

  • UIAbility組件是一種包含UI界面的應(yīng)用組件,主要用來和用戶交互
  • 官網(wǎng)介紹-UIAbility是 系統(tǒng)調(diào)度的基本單元 ,可以給應(yīng)用提供繪制界面的窗口
  • UIAbility的設(shè)計(jì)理念
    • 原生支持應(yīng)用組件級(jí)的跨端遷移和多段協(xié)同
    • 支持多設(shè)備和多窗口形態(tài)
  • UIAbility組件是系統(tǒng)調(diào)度的基本單元,為應(yīng)用提供繪制頁面的窗口。一個(gè)應(yīng)用可以包含一個(gè)或多個(gè)UIAbility組件。例如,在支付應(yīng)用中,可以將入口功能和收付款功能分別配置為獨(dú)立的UIAbility

如果開發(fā)者希望在任務(wù)視圖中看到一個(gè)任務(wù),則建議使用一個(gè)UIAbility,多個(gè)頁面的方式

如果開發(fā)者希望在任務(wù)視圖中看到多個(gè)任務(wù),或者需要開啟多個(gè)窗口,則建議使用多個(gè)UIAbility開發(fā)多個(gè)不同的模塊

舉例子:支付場(chǎng)景-攜程、智行火車票 付款的時(shí)候-調(diào)用了微信支付/支付寶制服

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 代碼
    +關(guān)注

    關(guān)注

    30

    文章

    4887

    瀏覽量

    70266
  • 鴻蒙
    +關(guān)注

    關(guān)注

    59

    文章

    2526

    瀏覽量

    43787
  • Harmony
    +關(guān)注

    關(guān)注

    0

    文章

    64

    瀏覽量

    2896
收藏 人收藏

    評(píng)論

    相關(guān)推薦
    熱點(diǎn)推薦

    Harmony OS物聯(lián)網(wǎng)應(yīng)用開發(fā)實(shí)戰(zhàn)(基于HiSpark WiFi IoT套件)第三講 課程資料

    本帖最后由 xusiwei1236 于 2020-11-20 14:24 編輯 Harmony OS物聯(lián)網(wǎng)應(yīng)用開發(fā)實(shí)戰(zhàn)(基于HiSpark WiFi IoT套件)第三講 課程資料全套課程資料
    發(fā)表于 09-29 10:47

    Harmony OS物聯(lián)網(wǎng)應(yīng)用開發(fā)實(shí)戰(zhàn)(基于HiSpark WiFi IoT套件)第三講 課程資料

    本帖最后由 xusiwei1236 于 2020-11-20 14:23 編輯 Harmony OS物聯(lián)網(wǎng)應(yīng)用開發(fā)實(shí)戰(zhàn)(基于HiSpark WiFi IoT套件)第三講 課程資料全套課程資料
    發(fā)表于 11-20 14:21

    Harmony os java api對(duì)應(yīng)的實(shí)現(xiàn)代碼沒有開放嗎?

    Harmony os java api對(duì)應(yīng)的實(shí)現(xiàn)代碼沒有開放嗎?
    發(fā)表于 11-30 18:06

    華為認(rèn)為Harmony OS成熟需要5到10年

    上個(gè)月,華為宣布了自主研發(fā)的操作系統(tǒng)Harmony OS(Hongmeng OS)。幾天前,華為在英國倫敦舉行了一次媒體活動(dòng),并討論了其在該系統(tǒng)上的計(jì)劃。Harmony
    的頭像 發(fā)表于 12-23 11:35 ?1719次閱讀

    harmony?os?2.0報(bào)名入口 如何報(bào)名harmonyos2.0報(bào)名?

    華為HarmonyOS2.0公測(cè)怎么申請(qǐng)?如何報(bào)名harmony os 2.0報(bào)名?harmony os 2.0報(bào)名入口在哪里?本文就此問題進(jìn)行解釋。 在第一輪的公測(cè)里面,華為共有19
    的頭像 發(fā)表于 06-08 12:10 ?5445次閱讀

    美的是首批支持 Harmony OS 的家電企業(yè)之一

    據(jù)美的官微消息,搭載 HarmonyOS 的美的產(chǎn)品今天雙十一上市,據(jù)悉,美的是首批支持 Harmony OS 的家電企業(yè)之一。
    的頭像 發(fā)表于 11-11 15:05 ?3829次閱讀

    北京汽車或?qū)⒋钶d華為Harmony OS系統(tǒng)

    誰說燃油車不能更智能?日前,北京汽車發(fā)布了全新SUV的預(yù)告圖,圖中文字顯示,這款車將會(huì)是一款搭載華為Harmony OS系統(tǒng)的燃油車型,主要的宣傳點(diǎn)也是“萬物互聯(lián),智啟新生”。
    的頭像 發(fā)表于 08-12 15:17 ?5159次閱讀

    華為開發(fā)者大會(huì)Harmony OS Connect L0通用方案介紹

    今天的2021華為開發(fā)者大會(huì)上,OpenHarmony分論壇上展示了Harmony OS Connect L0通用方案。 HDC分論壇-OpenHarmony 分論壇推薦鏈接:http://t.elecfans.com/live/1708.html 責(zé)任編輯:haq
    的頭像 發(fā)表于 10-23 14:47 ?1177次閱讀
    華為開發(fā)者大會(huì)<b class='flag-5'>Harmony</b> <b class='flag-5'>OS</b> Connect L0通用方案<b class='flag-5'>介紹</b>

    Harmony OS 設(shè)備開發(fā)學(xué)習(xí)記錄(十四)--Wifi的STA模式連接wifi

    Harmony OS 設(shè)備開發(fā)學(xué)習(xí)記錄(十四)–Wifi的STA模式連接wifi基于hispark wifi套件采用harmony os 2.0全量代碼一、在源碼中建立demo文件在a
    發(fā)表于 12-14 19:09 ?2次下載
    <b class='flag-5'>Harmony</b> <b class='flag-5'>OS</b> 設(shè)備開發(fā)學(xué)習(xí)記錄(十四)--Wifi的STA模式連接wifi

    OpenHarmony生態(tài)論壇:關(guān)于開源Harmony OS教育行業(yè)發(fā)行版介紹

    OpenHarmony生態(tài)論壇:關(guān)于開源Harmony OS教育行業(yè)發(fā)行版,深度賦能智能硬件行業(yè)
    的頭像 發(fā)表于 04-25 15:19 ?1234次閱讀
    OpenHarmony生態(tài)論壇:關(guān)于開源<b class='flag-5'>Harmony</b> <b class='flag-5'>OS</b>教育行業(yè)發(fā)行版<b class='flag-5'>介紹</b>

    華為7月將召開發(fā)布會(huì),亮相Harmony OS 3.0,8月將發(fā)布華為Mate 50

    近日有消息稱,華為將于7月份正式召開一場(chǎng)發(fā)布會(huì)。 這場(chǎng)發(fā)布會(huì)將正式介紹華為的Harmony OS 3.0手機(jī)操作系統(tǒng),而華為下一款旗艦機(jī)Mate 50將會(huì)成為首款搭載該系統(tǒng)的手機(jī),不過Mate 50
    的頭像 發(fā)表于 06-13 16:33 ?6463次閱讀

    Harmony OS網(wǎng)絡(luò)編程實(shí)驗(yàn)指南

    Harmony OS 網(wǎng)絡(luò)編程 實(shí)驗(yàn)指南,十分有用的入門實(shí)驗(yàn)指南。
    發(fā)表于 10-24 11:42 ?0次下載

    harmony OS NEXT-雙向數(shù)據(jù)綁定MVVM以及$$語法糖介紹

    # 鴻蒙Harmony-雙向數(shù)據(jù)綁定MVVM以及$$語法糖介紹 ## 1.1 雙向數(shù)據(jù)綁定概念 在鴻蒙(HarmonyOS)應(yīng)用開發(fā)中,雙向數(shù)據(jù)改變(或雙向數(shù)據(jù)綁定)是一種讓數(shù)據(jù)·模型和UI組件之間
    的頭像 發(fā)表于 04-29 16:52 ?228次閱讀

    harmony OS NEXT-通過用戶首選項(xiàng)實(shí)現(xiàn)數(shù)據(jù)持久化

    # 鴻蒙通過用戶首選項(xiàng)實(shí)現(xiàn)數(shù)據(jù)持久化 ## 1.1 場(chǎng)景介紹 用戶首選項(xiàng)為應(yīng)用提供Key-Value鍵值型的數(shù)據(jù)處理能力,支持應(yīng)用持久化輕量級(jí)數(shù)據(jù),并對(duì)其修改和查詢。當(dāng)用戶希望有一個(gè)全局唯一
    的頭像 發(fā)表于 04-29 16:38 ?335次閱讀

    harmony OS NEXT-評(píng)論功能小demo

    # 評(píng)論頁面小demo ## 效果展示 ![img](https://i-blog.csdnimg.cn/img_convert/f574e0b18325ee466938a3cb70530209.gif) ## 1.拆解組件,分層搭建 我們將整個(gè)評(píng)論頁面拆解為三個(gè)組件,分別是頭部導(dǎo)航,評(píng)論項(xiàng),回復(fù)三個(gè)部分,然后統(tǒng)一在index界面導(dǎo)入 ![image-20250304150652225](https://i-blog.csdnimg.cn/img_convert/2e234f0fe986014368d8d7f138577e6a.png) ## 2.頭部導(dǎo)航界面搭建 ![image-20250304151026576](https://i-blog.csdnimg.cn/img_convert/c876aa04a505a3c3203c03984a2e1504.png) ```ts @Preview @Component struct HmNavBar { ?// 屬性:是可以被傳
    的頭像 發(fā)表于 04-27 17:38 ?160次閱讀

    電子發(fā)燒友

    中國電子工程師最喜歡的網(wǎng)站

    • 2931785位工程師會(huì)員交流學(xué)習(xí)
    • 獲取您個(gè)性化的科技前沿技術(shù)信息
    • 參加活動(dòng)獲取豐厚的禮品