1.1H5 介紹1

1.2Hbuilder介紹1

1.3MUI介紹7

1.4Vue.js介紹9

1.5阿裡巴巴矢量庫介紹13

1.6開發前注意事項19

1.7相關學習資料的網址21

第2章項目介紹及框架搭建22

2.1項目介紹22

2.2技術選型31

2.3框架搭建32

2.4Mock數據39

第3章App啟動頁和引導圖42

3.1App啟動頁42

3.2App引導圖45

第4章登錄52

4.1登錄功能介紹53

4.2登錄界面設計54

4.3登錄編碼實現55

4.4角色菜單權限63

4.5自動登錄68

4.6運行69

第5章首頁及底部導航70

5.1底部菜單導航實現70

5.2首頁界面設計及展示78

第6章故障報修83

第7章列表和詳情111

7.1工單列表111

7.2工單詳情118

目錄

H5 跨平臺移動應用實戰開發第8章搶單派工簽到124

8.1搶單124

8.2派工與轉單128

8.3簽到132

8.4退單134

第9章完工與跟蹤記錄137

9.1完工137

9.2跟蹤記錄141

第10章個人設置144

10.1頭像設置144

10.2當前版本158

第11章通訊錄162

11.1查看通訊錄列表162

11.2撥號呼叫165

第12章數據統計167

12.1echarts報表介紹167

12.2統計工單完成情況170

第13章離線操作176

13.1let
和const176

13.2H5本地存儲178

13.3js異步編程182

13.4離線操作表結構187

13.5批量下載工單190

13.6批量上傳工單194

第14章發布應用203

14.1App打包203

14.2發布到應用市場207

第15章植入廣告210

15.1開屏廣告210

15.2懸浮紅包廣告211

15.3push廣告211

15.4開通步驟212

15.5問題答疑213

第16章消息推送216

16.1使用須知216

16.2個推應用信息申請步驟217

16.3常見問題223

第17章其他224

17.1評價224

17.2意見和反饋225

參 考
文 獻226

因為本書主要采用的是MUI前端框架，所以本書中的項目並沒有采用時下非常流行的SPA（單頁應用）技術進行組件模塊化開發。如果進行SPA開發，讀者可能需要儲備更多的知識，如node.js、webpack、vue全家桶以及和vue相配套的模塊化UI庫，如由“餓了麼”公司提供的elementUI。

在寫本書之時，Dcloud又開發出了新一代的跨平臺前端框架uniApp，它正是基於組件化的方式開發的，而且它在支持iOS和Android繫統的同時又兼容了微信小程序，由於是新出來的框架，因此目前還處於不斷的完善過程中。uniApp官網地址：  http://uniApp.dcloud.io/。

如何閱讀本書

由於書中內容環環相扣，因此我建議讀者盡量按照順序閱讀，然後按照書中的步驟，自己動手來實現。在這個過程中，可以根據自己的需要修改和新增一些需求，從而實現一個屬於自己的App項目。

源碼及勘誤

本書附帶源代碼供讀者參考，源碼下載地址： https://dev.tencent.com/u/zouyujie/p/h5_app/git/archive/master。

如果下載有問題，請發電子郵件至： zouyujie@126.com，郵件主題為“H5”。

希望本書能給讀者帶來思路上的啟發與技術上的提升，每位讀者都能夠從中獲益。同時，也非常希望借此機會能與國內熱衷於H5移動應用的開發者進行交流。

由於時間和本人水平有限，書中難免存在一些紕漏和錯誤，希望大家批評、指正。如果大家發現了問題，可以直接和我聯繫，我會時間在本人的技術博客（http://www.cnblogs.com/jiekzou）中發表並加以改正，萬分感謝。另外，有興趣的讀者可加入QQ技術交流群： 773766020。

致謝

本書能順利的出版，首先要感謝劇艷婕編輯，其次是北航出版社的其他編輯，正是他們在我寫作的過程中提供協助，纔使得整個創作不斷地被完善，從而確保了本書順利完稿。

寫一本書所費的時間和精力都是巨大的，在寫書期間，我占用了太多本該陪家人的時間，在這裡要特別感謝我的愛人王麗麗，謝謝你幫我處理了許多生活上面的瑣事；還有我的兒子鄒宇峰，作為一名父親，我沒能好好陪伴在你身邊，這是我的遺憾。人生很無奈的一件事就是：
寶貝,放下工作就養不起你,拿起工作卻陪不了你!還要感謝我的父母，是他們含辛茹苦地把我培養成人，同時感謝公司給我提供了一個自我提升的發展平臺，正是由於這一切的一切，纔促使我順利完成本書的編寫。