uni-app跨平臺移動應用開發

目錄

第1章環境搭建與基礎知識1

1.1uniapp初識1

1.1.1uniapp的產生背景1

1.1.2uniapp是什麼2

1.1.3創建uniapp項目2

1.1.4uniapp開發規範6

1.2uniapp多端運行演示8

1.2.1多端運行——Web端8

1.2.2多端運行——小程序11

1.2.3多端運行——Android、iOS19

1.2.4多端運行——鴻蒙端24

本章小結32

課後練習32

第2章Vue 3+uniapp核心語法34

2.1前置基礎語法34

2.1.1認識目錄基礎35

2.1.2學會新建頁面36

2.1.3認識基礎組件37

2.2UTS常用數據類型47

2.2.1UTS簡介47

2.2.2數據類型分類48

2.2.3基礎類型49

2.2.4Date日期類型51

2.2.5Array數組類型52

2.2.6Map類型53

2.2.7type自定義類型54

2.3UTS流程控制57

2.3.1條件判斷語句57

2.3.2循環語句59

2.3.3跳轉語句60

2.4UST中函數的使用62

2.4.1函數的定義與調用62

2.4.2函數類型65

2.4.3默認參數和剩余參數66

2.5類68

2.5.1類的基本概念68

2.5.2構造函數68

2.5.3實例屬性和實例方法70

2.5.4靜態屬性和靜態方法71

2.5.5類的繼承73

2.5.6覆蓋方法74

2.6接口76

2.7泛型77

2.7.1泛型函數77

2.7.2泛型類79

2.7.3泛型接口80

2.8UTS中的模塊化操作81

2.9Vue 3語法初體驗83

2.10setup()函數84

2.11響應式數據86

2.11.1ref()函數86

2.11.2reactive()函數87

2.12數據綁定90

2.12.1文本插值90

2.12.2屬性綁定91

2.13條件渲染92

2.13.1vif92

2.13.2vshow94

2.14列表渲染94

2.15計算屬性97

2.16偵聽器99

2.17生命周期100

2.18組件通信103

2.18.1父組件向子組件傳遞數值103

2.18.2子組件向父組件傳遞數據105

2.18.3非父子組件之間的數據傳遞108

2.19Pinia多組件數據共享111

2.19.1Pinia的基本使用111

2.19.2【案例】購物車114

2.20uniapp核心配置120

2.20.1常用配置120

2.20.2uniui擴展組件庫125

2.20.3uniapp內置API127

2.20.4條件編譯131

本章小結134

課後練習135

第3章uniCloud雲開發136

3.1雲開發136

3.1.1雲開發的概念136

3.1.2雲開發環境配置137

3.1.3創建雲端一體項目140

3.2雲數據庫141

3.2.1初識雲數據庫142

3.2.2創建雲數據庫142

3.2.3創建數據表143

3.2.4JQL的基本語法146

3.2.5客戶端操作數據庫150

3.3雲函數154

3.3.1雲對象的基本使用154

3.3.2雲對象調用雲數據庫157

3.3.3客戶端調用雲對象157

3.4雲存儲159

3.4.1雲端操作雲存儲159

3.4.2客戶端操作雲存儲160

3.4.3雲函數操作雲存儲162

本章小結163

課後練習163

第4章git工具+AI輔助165

4.1git的基本使用165

4.1.1git簡介165

4.1.2git的下載和安裝166

4.1.3git常見命令169

4.2git團隊協作175

4.2.1遠程倉庫175

4.2.2遠程倉庫邀請成員179

4.3Visual Studio Code +AI插件180

4.3.1VS Code的下載和安裝180

4.3.2VS Code常用插件181

4.3.3VS Code與HBuilderX協作181

4.3.4VS Code中AI插件的使用183

本章小結186

課後練習186

第5章IT頭條管理後臺187

5.1項目介紹187

5.2Node.js環境的安裝190

5.2.1下載和安裝Node.js190

5.2.2npm的基本使用192

5.3項目架構的搭建194

5.3.1初始化項目194

5.3.2配置路由196

5.3.3配置elementplus199

5.3.4配置axios201

5.4登錄模塊203

5.4.1搭建靜態界面203

5.4.2獲取驗證碼206

5.4.3實現登錄功能209

5.5後臺管理系統基本布局214

5.5.1基本布局214

5.5.2左側菜單216

5.6獲取個人信息218

5.7退出登錄221

5.8文章新增223

5.9文章查詢228

5.10文章編輯234

5.11文章刪除237

5.12數據統計238

本章小結240

第6章IT頭條移動多端241

6.1項目介紹241

6.2項目架構的搭建243

6.2.1創建項目243

6.2.2運行項目243

6.2.3安裝核心模塊244

6.3搭建tabbar246

6.4隱藏默認的頂部導航欄250

6.5封裝全局數據類型250

6.6封裝網絡請求工具252

6.7登錄功能254

6.7.1搭建靜態頁面254

6.7.2實現登錄功能257

6.8搭建頂部導航菜單262

6.8.1新建導航菜單組件262

6.8.2動態渲染頂部導航菜單264

6.9頂部導航欄266

6.10文章列表268

6.10.1動態渲染文章列表268

6.10.2文章列表分頁加載271

6.10.3實現文章列表切換274

6.11側邊欄275

6.11.1側邊欄的顯示與隱藏275

6.11.2頻道數據動態渲染279

6.11.3切換編輯狀態280

6.11.4頻道的添加與移除282

6.11.5頻道切換時控制文章列表渲染284

6.11.6切換顯示搜索面板287

6.12文章搜索289

6.13打包發布293

本章小結293