uni-app企業級項目開發實踐
袁龍
相關主題
商品描述
"本書深入地介紹了?uni-app,共分為?13?章。前?3?章集中介紹?uni-app?的基礎知識和核心語法,包括對?Vue2?和?Vue3?生命周期的比較與應用,以及?Vue2?和?Vue3?中的組件傳值與事件調用機制等知識點。從第?4?章起,進入項目實戰部分,指導讀者開發一個功能豐富的在線教育及考試系統。該項目涵蓋登錄與註冊、個人中心、考試、論壇、優惠券、電子書和搜索等多個核心模塊。本書將特別講解考試模塊的數據交互細節,而課程詳情和購買模塊則不在本書講解範圍之內。為了提高項目的兼容性和穩定性,書中采用了?Options API?進行開發。通過閱讀本書,讀者將掌握?uni-app?的進階知識,並積累寶貴的項目實戰經驗,進一步提升開發技?能。 本書的讀者對象包括網頁設計與制作人員、網站建設開發人員、個人網站制作愛好者,以及希望通過實戰項目提升技能的專業人士。同時,本書也適合作為高等院校相關專業的教材和教學參考?書。"
目錄大綱
目錄
第1章 uni-app基礎入門 1
1.1 跨平臺開發的發展歷程 1
1.2 認識 uni-app 2
1.3 創建第一個uni-app項目 3
1.4 uni-app 項目目錄結構 5
1.5 入口文件及入口組件 7
1.6 全局樣式和局部樣式 9
1.7 pages.json 配置文件 10
1.8 uni-app 常用的布局組件 11
1.9 scrollview 組件和 swiper組件 14
1.10 input 組件和 textarea 組件 17
1.11 icon 組件 19
1.12 picker 組件 21
1.13 事件處理 23
第2章 uni-app核心語法 27
2.1 頁面跳轉 27
2.2 頁面通信 29
2.2.1 URL 參數傳遞 29
2.2.2 使用 eventChannel 實現頁面數據傳遞 30
2.2.3 參數逆向傳遞 32
2.2.4 事件總線 33
2.3 頁面生命周期 Options API 34
2.4 頁面生命周期 CompositionAPI 38
2.5 封裝網絡請求 40
2.6 本地存儲 42
2.7 狀態管理與全局數據 43
2.8 文件處理 46
2.9 定位服務 49
2.10 消息通知 52
2.11 分享 API 詳解 56
2.12 動畫 API 詳解 59
第3章 uni-app組件 63
3.1 easycom 組件模式 63
3.2 Options API 組件傳值及事件調用 65
3.3 Composition API 組件傳值及事件調用 66
3.4 Composition API 正向傳參 68
3.5 eventChannel 正向傳參 69
3.6 eventChannel 逆向傳參 70
3.7 組件的生命周期管理Options API 72
3.8 組件的生命周期管理Composition API 75
3.9 組件間的插槽使用 78
第4章 項目簡介 82
4.1 項目全局介紹 82
4.2 項目成果展示 83
第5章 項目首頁開發 89
5.1 創建項目及項目全局配置 89
5.2 引用阿裏巴巴矢量圖標庫 90
5.3 配置底部 tabBar 導航 92
5.4 首頁輪播圖模塊 93
5.5 首頁導航模塊 95
5.6 首頁拼團模塊樣式開發 97
5.7 首頁最新課程模塊樣式開發 99
5.8 首頁優惠券模塊樣式開發 100
5.9 封裝網絡請求 102
5.10 首頁數據交互 104
5.11 首頁拼團模塊數據交互 106
5.12 首頁優惠券模塊數據交互 107
第6章 登錄與註冊 110
6.1 登錄與註冊模塊樣式開發 110
6.2 實現註冊功能 112
6.3 配置 Vuex 倉庫 115
6.4 實現登錄功能 116
6.5 實現數據持久化存儲 118
6.6 綁定手機號頁面樣式布局 120
6.7 獲取驗證碼數據交互 121
6.8 綁定手機號數據交互 123
6.9 實現找回密碼功能 125
第7章 個人中心模塊 128
7.1 個人中心頁面樣式布局 128
7.2 展示個人信息及退出登錄 131
7.3 前端權限驗證 133
7.4 修改密碼功能實現 134
7.5 個人資料修改頁面樣式布局 136
7.6 上傳頭像 138
7.7 修改用戶資料數據交互 140
7.8 我的訂單列表數據交互 142
第8章 考試模塊 145
8.1 考試列表樣式布局 145
8.2 “考試列表”頁面數據交互 147
8.3 考試詳情頁面的倒計時功能 149
8.4 考試詳情頁面的底部導航 152
8.5 考試詳情頁面的題型分類及標題渲染 156
8.6 考試詳情頁面的填空組件數據綁定 158
8.7 考試詳情頁面的單選組件及判斷組件數據綁定 159
8.8 考試詳情頁面的多選組件數據綁定 162
8.9 獲取考試試題數據交互 163
8.10 考試交卷數據交互 165
8.11 自動交卷及監聽頁面返回 167
第9章 優惠券模塊 169
9.1 優惠券領取功能數據交互 169
9.2 實時更新優惠券狀態 171
9.3 個人中心優惠券列表布局 172
9.4 個人中心優惠券列表數據交互 174
第10章 論壇模塊 178
10.1 “論壇”頁面樣式布局 178
10.2 論壇社區分類數據交互 183
10.3 帖子列表數據交互 185
10.4 渲染帖子列表數據 187
10.5 帖子分類切換及下拉刷新 188
10.6 帖子點贊及取消點贊功能交互 189
10.7 “發布帖子”頁面樣式布局 191
10.8 選擇社區數據交互 193
10.9 實現發布帖子功能數據交互 194
10.10 帖子詳情頁面數據交互 196
10.11 帖子詳情頁面點贊數據交互 198
10.12 “我的帖子”列表數據交互 200
10.13 刪除“我的帖子”數據交互 202
10.14 實現發表評論功能 203
10.15 評論列表數據交互 206
10.16 評論列表分頁交互 208
第11章 電子書模塊 210
11.1 電子書列表數據交互 210
11.2 電子書詳情頁面數據交互 214
11.3 閱讀電子書頁面數據交互 217
11.4 實現閱讀電子書頁面數據渲染 219
11.5 電子書目錄渲染及章節切換 220
第12章 搜索模塊 223
12.1 “搜索”頁面樣式布局 223
12.2 實現保存及清除搜索記錄功能 225
12.3 實現搜索記錄本地存儲 227
12.4 “搜索結果”頁面 tab選項卡組件 229
12.5 “搜索結果”頁面 swiper組件 232
12.6 “搜索結果”頁面數據交互 234
12.7 搜索結果數據渲染及swiper 交互 236
第13章 項目發布 238
13.1 準備發布項目 238
13.2 配置發布環境 240
13.3 生成發行版 242