鴻蒙HarmonyOS 6開發之路 卷3：項目實踐篇

"馬劍威鴻蒙極客、華為開發者專家（HDE）、CSDN 博客專家、華為雲雲享專家、阿裏雲開發者社區專家博主、華為開發者學堂鴻蒙生態應用開發高級講師。賈振鋒鴻蒙極客、華為開發者專家（HDE），擁有12年軟件開發和移動端研發經驗，以及企業內訓和咨詢經驗。”雙一流” “211工程” 高校外聘技術專家，HarmonyOS應用開發者高級講師。邢朋輝北京科技大學碩士，擁有12年以上的開發和教學經驗，鴻蒙極客、華為開發者專家（HDE），華為開發者學堂鴻蒙生態應用開發高級講師，深耕鴻蒙、Java、嵌入式、人工智能等技術領域。"

目    錄

 

第一部分  端雲一體化元服務項目開發

第1章  元服務 2

1.1  元服務簡介 2

1.2  第一個元服務 7

1.2.1  元服務開發流程 7

1.2.2  第一個元服務需求 8

1.2.3  元服務創建前的準備 8

1.2.4  創建元服務項目 8

1.2.5  開發元服務的頁面 17

1.2.6  新建元服務卡片 20

1.2.7  真機運行元服務 23

1.3  元服務框架 24

1.3.1  應用模型 24

1.3.2  分包 24

1.3.3  預加載 28

1.3.4  跳轉 29

1.4  元服務開發 30

1.4.1  UI開發 30

1.4.2  服務卡片開發 32

1.4.3  HTTP數據請求 35

1.4.4  數據存儲 37

1.5  發布元服務 38

1.5.1  元服務審核指南 38

1.5.2  打包發布版本 39

第2章  雲開發 49

2.1  雲開發簡介 49

2.1.1  雲開發概述 49

2.1.2  雲開發的優勢 49

2.1.3  雲開發應用場景 50

2.1.4  雲開發服務準備 52

2.1.5  雲開發的工作原理 56

2.1.6  創建雲開發項目 57

2.2  雲函數 61

2.2.1  雲函數簡介 61

2.2.2  創建雲函數 62

2.2.3  配置雲函數 63

2.2.4  開發函數 64

2.2.5  調試雲函數 66

2.2.6  部署函數 72

2.2.7  端側調用函數 74

2.3  雲對象 76

2.3.1  雲對象簡介 76

2.3.2  創建雲對象 76

2.3.3  開發雲對象 78

2.3.4  調試雲對象 80

2.3.5  部署雲對象 85

2.4  雲數據庫 87

2.4.1  雲數據庫簡介 87

2.4.2  創建對象類型 87

2.4.3  添加數據條目 92

2.4.4  部署雲數據庫 94

2.4.5  端側訪問雲數據庫 97

2.5  雲存儲 101

2.5.1  雲存儲簡介 101

2.5.2  設置雲存儲配置項 102

2.5.3  初始化雲存儲實例 103

2.5.4  上傳指定文件至雲側 103

第3章  元服務實戰項目 106

3.1  HappyNote概述 106

3.2  HappyNote需求分析 107

3.3  HappyNote的創建 110

3.3.1  創建元服務端雲一體化項目HappyNote 110

3.3.2  配置手工簽名 116

3.3.3  MVVM模型 116

3.4  代碼結構 117

3.5  用戶模塊 118

3.5.1  功能概述 118

3.5.2  詳細設計 119

3.5.3  數據存儲設計 120

3.5.4  關鍵實現 122

3.5.5  功能擴展方向 126

3.6  會議模塊 126

3.6.1  功能概述 126

3.6.2  詳細設計 127

3.6.3  數據存儲設計 128

3.6.4  關鍵實現 128

3.6.5  功能擴展方向 133

3.7  記錄模塊 134

3.7.1  功能概述 134

3.7.2  詳細設計 134

3.7.3  數據存儲設計 135

3.7.4  關鍵實現 136

3.7.5  功能擴展方向 138

3.7.6  小結 139

3.8  首頁模塊 139

3.8.1  功能概述 139

3.8.2  詳細設計 139

3.8.3  關鍵實現 140

3.8.4  功能擴展方向 144

3.9  服務卡片模塊 145

3.9.1  功能概述 145

3.9.2  詳細設計 145

3.9.3  關鍵實現 145

3.9.4  功能擴展方向 148

第4章  AI輔助快速開發後端服務原型 149

4.1  概述 149

4.1.1  快速驗證產品概念的重要性 149

4.1.2  為什麼選擇Node.js + MySQL作為後端技術棧 150

4.1.3  AI輔助編程的作用 150

4.1.4  實際應用場景 151

4.2  AI輔助開發核心工具詳解 151

4.2.1  AI工具的優缺點 151

4.2.2  組合使用策略 154

4.2.3  進階技巧 154

4.2.4  訪問與限制 154

4.3  AI輔助快速開發後端原型系統實戰 155

4.3.1  Node.js + MySQL基礎環境搭建 155

4.3.2  AI輔助生成MySQL中的tb_users表的建表語句 159

4.3.3  AI輔助生成數據庫表初始化的23條記錄的SQL語句 159

4.3.4  AI輔助生成發布用戶服務的Node.js代碼 160

4.3.5  AI輔助生成Node.js的Web服務的基於curl的測試代碼 162

第二部分  鴻蒙原生開發項目—狀元秀

第5章  狀元秀項目的背景與需求 166

5.1  項目開發背景 166

5.2  功能需求 167

5.3  技術選型 169

5.4  非功能需求 169

第6章  狀元秀項目架構設計 170

6.1  總體架構概述 170

6.1.1  架構圖 170

6.1.2  架構組件 171

6.2  業務架構 171

6.3  技術架構 171

6.4  安全架構 172

6.5  項目演進方向 173

第7章  狀元秀項目的詳細設計與實現 174

7.1  項目詳細設計 174

7.2  代碼結構 175

7.3  頁面結構 176

7.3.1  主頁面框架（Index.ets） 176

7.3.2  登錄認證頁（Login組件） 178

7.3.3  註冊驗證頁（Register組件） 184

7.3.4  試題分類頁（Index分類標簽頁） 187

7.3.5  個人中心頁（“我的”標簽頁） 190

7.3.6  試題練習頁（Begin組件） 194

7.3.7  題庫管理頁（Index首頁登錄態） 198

第三部分  鴻蒙一多項目—萌趣視頻

第8章  萌趣視頻項目的背景與需求 202

8.1  萌趣視頻項目的背景 202

8.2  功能需求 203

8.2.1  用戶註冊功能需求分析 203

8.2.2  用戶登錄功能需求分析 205

8.2.3  短視頻瀏覽和播放功能 206

8.2.4  短視頻評論功能 208

8.2.5  關註作者功能 210

8.2.6  短視頻推薦功能 212

8.2.7  “我的”詳情頁功能 214

8.2.8  視頻分享功能 216

8.2.9  實時消息通知功能 218

第9章  萌趣視頻項目架構設計 221

9.1  萌趣視頻項目總體架構設計 221

9.2  用戶註冊功能架構設計 222

9.3  用戶登錄功能架構設計 224

9.4  短視頻瀏覽和播放功能架構設計 226

9.5  短視頻評論功能架構設計 228

9.6  關註作者功能架構設計 229

9.7  短視頻推薦功能架構設計 231

9.8  “我的”詳情頁功能架構設計 233

9.9  視頻分享功能架構設計 235

9.10  實時消息通知功能架構設計 236

第10章  萌趣視頻項目的實現 238

10.1  代碼結構 238

10.2  實現短視頻瀏覽和播放功能 239

10.2.1  系統交互設計 240

10.2.2  API交互設計 240

10.2.3  數據存儲設計 242

10.2.4  關鍵實現代碼 242

10.2.5  錯誤處理 247

10.2.6  功能擴展方向 247

10.3  實現短視頻評論功能 247

10.3.1  系統交互設計 247

10.3.2  API交互設計 248

10.3.3  數據存儲設計 249

10.3.4  錯誤處理 250

10.3.5  功能擴展方向 250

10.4  實現關註作者功能 250

10.4.1  系統交互設計 251

10.4.2  API交互設計 251

10.4.3  數據存儲設計 253

10.4.4  關鍵實現代碼 253

10.4.5  錯誤處理 255

10.4.6  功能擴展方向 255

10.5  實現短視頻推薦功能 255

10.5.1  系統交互設計 255

10.5.2  API交互設計 256

10.5.3  數據存儲設計 257

10.5.4  關鍵實現代碼 258

10.5.5  錯誤處理 259

10.5.6  功能擴展方向 259

10.6  實現“我的”詳情頁功能 259

10.6.1  系統交互設計 259

10.6.2  API交互設計 261

10.6.3  數據存儲設計 262

10.6.4  關鍵實現代碼 263

10.6.5  錯誤處理 264

10.6.6  功能擴展方向 264

第四部分  基於UniApp開發鴻蒙應用心願集項目

第11章  心願集項目的背景與需求 266

11.1  心願集項目開發背景 266

11.2  功能需求 267

11.2.1  項目目標 267

11.2.2  用戶註冊功能 267

11.2.3  用戶登錄功能 268

11.2.4  用戶資料管理 268

11.2.5  用戶發布心願功能 269

11.2.6  心願日歷功能 269

11.3  非功能需求 269

第12章  心願集項目架構設計 270

12.1  總體架構概述 270

12.2  業務架構 271

12.3  技術架構 271

12.4  安全架構 274

12.5  功能擴展方向 274

第13章  心願集項目詳細設計與實現 275

13.1  心願集項目搭建 275

13.2  用戶註冊功能詳細設計 289

13.2.1  頁面設計 289

13.2.2  數據流設計 290

13.2.3  API交互設計 290

13.2.4  關鍵代碼實現 291

13.2.5  錯誤處理 295

13.2.6  功能擴展方向 295

13.3  用戶登錄功能詳細設計 295

13.3.1  頁面設計 295

13.3.2  數據流設計 296

13.3.3  API交互設計 297

13.3.4  數據存儲設計 299

13.3.5  關鍵代碼實現 300

13.3.6  錯誤處理 305

13.3.7  功能擴展方向 305

13.4  個人資料管理功能詳細設計 305

13.4.1  頁面設計 306

13.4.2  數據流設計 306

13.4.3  API交互設計 307

13.4.4  數據存儲設計 309

13.4.5  關鍵代碼實現 310

13.4.6  錯誤處理 322

13.4.7  功能擴展方向 322

13.5  心願日歷功能詳細設計 322

13.5.1  系統交互設計 322

13.5.2  API交互設計 323

13.5.3  數據存儲設計 325

13.5.4  關鍵代碼實現 325

13.5.5  錯誤處理 331

13.5.6  功能擴展方向 332

13.6  心願集後端API詳細設計 332

13.6.1  用戶管理API 332

13.6.2  心願管理 API 334

13.6.3  API認證機制 335