第 1章 初識uni-app 1
本章導讀 1
學習目標 1
1.1 uni-app發展歷程 2
1.1.1uni-app的由來 2
1.1.2 uni-app的特點 3
1.2 第 1個uni-app應用 5
1.2.1 uni-app開發工具 5
1.2.2 新建項目 6
1.2.3 項目目錄結構 7
1.2.4 運行項目 10
1.3 uni-app打包 14
1.3.1 打包原生App(云端) 14
1.3.2 打包原生App(本地) 16
1.3.3 發布為H5 16
1.3.4 發布為微信小程序 17
1.4 案例:示例代碼 18
本章小結 19
項目實戰 19
拓展實訓項目 19
第 2章 uni-app基礎知識 20
本章導讀 20
學習目標 20
2.1pages.json 21
2.1.1 globalStyle和pages 21
2.1.2 tabBar 22
2.1.3 subPackages 26
2.2 資源引用 26
2.3頁面樣式 28
2.4 尺寸單位 28
2.5 基礎組件 29
2.5.1 view 29
2.5.2 text 31
2.5.3 navigator 32
2.5.4 image 34
2.5.5 屬性綁定和事件綁定 35
2.5.6 v-for渲染數據 37
2.6 flex布局 38
2.6.1 flex布局的基本概念 38
2.6.2 容器屬性 41
2.6.2 項目屬性 56
2.7 案例:九宮格導航頁面 62
本章小結 66
項目實戰 66
拓展實訓項目 67
第3章 uni-app基礎擴展 67
本章導讀 67
學習目標 67
3.1 生命周期 68
3.1.1 應用生命周期 68
3.1.2 頁面生命周期 69
3.1.3 組件生命周期函數 73
3.2 條件編譯 73
3.3 擴展組件uni-ui 76
3.3.1 安裝組件 76
3.3.2 uni-scss輔助樣式 80
3.3.3 使用組件 84
3.4 案例:新聞列表 87
本章小結 90
實訓項目 90
拓展實訓項目 91
第4章 uni-app組件 91
本章導讀 91
學習目標 91
4.1容器組件 92
4.1.1scroll-view 92
4.1.2 swiper 96
4.2基礎組件 101
4.2.1 rich-text 101
4.2.2 progress 104
4.3 表單組件 106
4.3.1 button 106
4.3.3 picker 110
4.3.4 slider 115
4.3.5 input 117
4.3.6 radio和checkbox 121
4.3.8 switch 125
4.3.9 textarea 127
4.3.10 form 130
4.4 媒體組件 133
4.4.1 camera 133
4.4.2 video 134
4.5地圖 138
4.6案例一:典型注冊頁 139
4.7案例二:典型個人中心頁 143
本章小結 147
實訓項目 147
拓展實訓項目 147
第5章 常用API 148
本章導讀 148
學習目標 148
5.1 API概述 149
5.2 計時器 150
5.2.1設置計時器 150
5.2.2 取消計時器 150
5.3 交互反饋 153
5.3.1 信息提示框 153
5.3.2 loading提示框 156
5.3.3 模態框 156
5.3.4 操作菜單 158
5.4 網絡 159
5.4 .1 request發起請求 159
3. Success屬性的回調函數參數說明如表5-8所示。 161
5.4.2 上傳文件 163
5.5 數據緩存 166
5.5.1 將數據緩存到本地 167
5.5.2 獲取本地緩存數據 168
5.5.3 清理本地緩存數據 170
5.6路由 174
5.6.1 路由API 174
5.6.2 數據傳遞 177
5.7 案例:智云翻譯 178
本章小結 193
項目實戰 193
拓展實訓項目 194
第6章 常用API-2 194
本章導讀 194
學習目標 194
6.1 媒體控制 195
6.1.1 音頻組件控制 195
6.1.2 錄音管理 203
6.1.3 圖片 209
6.1.4 視頻組件控制 212
6.1.5 相機組件控制 216
6.2 文件操作 218
6.2.1 文件保存 218
6.2.2 文件選擇 219
6.3 設備 219
6.3.1 得到系統信息 219
6.3.2 掃碼 220
6.3.3 撥打電話 223
6.3.4剪貼板 223
6.4 登錄 224
6.5 案例:仿網易云播放器 226
本章小結 244
項目實戰 244
拓展實訓項目 245
第7章 智慧環保 246
本章導讀 246
學習目標 246
7.1 項目介紹 247
7.1.1項目概述 247
7.1.2 項目演示效果 247
7.2 環境配置 252
7.2.1 安裝json-server 252
7.2.2 配置json-server 254
7.3 項目開發 256
7.3.1 創建初始項目 256
7.3.2 首頁 260
7.3.3 回收分類、分類搜索 266
7.3.4 注冊、登錄、個人中心 274
7.3.5 公司回收、公司詳情、搜索結果 285
7.3.6 下單、訂單頁、訂單詳情 293
本章小結 310
項目實戰 310
拓展實訓項目 311