構建移動網站與APP:ionic移動開發入門與實戰

基本介紹

• 書名：構建移動網站與APP:ionic移動開發入門與實戰
• 作者：秦超
• ISBN：9787302462019
• 定價：79元

基本信息

作者：秦超
定價：79元
印次：1-1
ISBN：9787302462019
出版日期：2017.03.01
印刷日期：2017.02.24

圖書簡介

Ionic是目前集流行與成熟兩個特點於一身的跨平台移動開發框架。本書以實例驅動講解的方式，讓僅有簡單網頁製作基礎知識的讀者，也能輕鬆掌握Ionic下的移動套用開發。

本書分為5篇，第1篇是移動開發準備篇，介紹了Ionic、Phonegap、Cordova、HTML5和移動開發的一些基礎知識；第2篇是Ionic基礎知識準備與常用庫篇，介紹了配置開發Ionic環境所依賴的AngularJS、SASS、Gulp、lodash等業內主流庫和工具；第3篇是Ionic組件完全解析篇，對Ionic內置的CSS樣式類和JavaScript組件類進行完整解析；第4篇是APP項目實戰篇，介紹了如何按照業內通行實踐的策劃、設計、開發過程完成2個使用Ionic開發的完整APP。第5篇是發布和推廣套用篇，介紹了在開發完成之後，如何為Android和iOS兩大移動平台發布和推廣更新自己的APP。

本書內容詳盡、實例豐富，是廣大HTML5愛好者、移動網際網路創業者、移動開發人員必備的參考書，同時也非常適合大中專院校師生學習閱讀，也可作為高等院校計算機及相關專業教材。

圖書目錄

第1章 歡迎進入移動開發的世界 1

1.1 移動網際網路行業的浪潮 1

1.2 跨平台移動開發框架 2

1.2.1 什麼是跨平台移動開發框架 2

1.2.2 為什麼選擇跨平台移動開發框架 3

1.2.3 可選的跨平台移動開發框架簡介 4

1.2.4 什麼是PhoneGap / Cordova / Ionic 8

1.3 初識Ionic v1.x 8

1.3.1 為什麼選擇Ionic 9

1.3.2 基於Web技術HTML 5/CSS 3/JavaScript 10

1.3.3 基於AngularJS框架 11

1.3.4 接近原生APP套用的炫麗界面組件 11

1.3.5 自適應（Responsive）布局 12

1.3.6 支持個（任）性定製 13

1.3.7 Ionic的缺點 13

1.3.8 Ionic的商業案例 14

1.3.9 Ionic的開源案例 15

1.3.10 Ionic的未來——Ionic v2.0 & AngularJS v2.0 16

1.4 學習完本書找工作與創業 17

1.4.1 從本書的項目實戰開始準備技術作品 17

1.4.2 Ionic 助力實現你的創業夢想 18

1.5 小結 18

第2章 Ionic 的開發調試環境安裝 19

2.1 Ionic 快速上手環境安裝 19

2.1.1 安裝Node.js和NPM 19

2.1.2 安裝Git 21

2.1.3 安裝Gulp和Bower 23

2.1.4 安裝Ionic CL...

2.1.5安裝設定Chrome瀏覽器（推薦）25

2.1.6HelloIonic項目27

2.1.7使用瀏覽器驗證開發環境自動重載特性28

2.2Windows下安裝Android開發平台29

2.2.1安裝Android開發環境29

2.2.2為測試項目增加Android平台支持34

2.2.3連線Android實體機設備測試APP34

2.2.4不使用Android模擬器的說明36

2.3AppleOSX下安裝iOS與Android開發平台36

2.3.1安裝Xcode37

2.3.2為測試項目增加iOS平台支持37

2.3.3連線iOS模擬器測試APP37

2.3.4低成本連線iOS實體機設備測試APP38

2.3.5安裝Android開發環境40

2.3.6為測試項目增加Android平台支持45

2.3.7連線Android實體機設備測試APP45

2.4安裝開發工具SublimeText3（推薦）47

2.4.1安裝開發工具SublimeText347

2.4.2安裝Ionic輔助編碼外掛程式48

2.5小結49

第3章AngularJSv1.x入門初步50

3.1AngularJS整體結構概述50

3.1.1AngularJS實現了M.V.VM模式51

3.1.2AngularJS為JavaScript實現了模組化52

3.1.3AngularJS實現了聲明式界面52

3.1.4AngularJS實現了雙向數據綁定52

3.2代碼模組與依賴注入54

3.2.1定義模組與組件54

3.2.2使用模組與組件依賴注入55

3.2.3AngularJS模組與JavaScript檔案56

3.3數據作用域與控制器56

3.3.1在控制器內初始化作用域對象56

3.3.2使用作用域對象57

3.3.3控制器與作用域的反模式59

3.4指令和過濾器59

3.4.1指令Directive是什麼60

3.4.2自定義指令及使用60

3.4.3使用過濾器Filter62

3.5服務類組件63

3.5.1Provider服務組件詳解64

3.5.2Factory服務組件詳解65

3.5.3Service服務組件簡介66

3.5.4服務類組件特性總結67

3.6一個簡單的AngularJS項目：實時自選股行情頁67

3.7小結76

第4章其他基礎知識與Ionic項目結構77

4.1SASS入門77

4.1.1變數與計算78

4.1.2樣式嵌套79

4.1.3單行注釋//81

4.1.4繼承@extend82

4.1.5混入@mixin與@include83

4.1.6顏色計算85

4.1.7引入檔案@import86

4.1.8條件語句@if和@else87

4.2lodash（可選學）87

4.2.1使用場景87

4.2.2引入到項目88

4.2.3進一步學習指南88

4.3Gulp使用簡介（可選學）89

4.3.1Gulp主檔案gulpfile.js的執行原理89

4.3.2獲取流函式src90

4.3.3寫檔案函式dest91

4.3.4監視檔案變化函式watch92

4.3.5定義任務函式task93

4.3.6解析Ionic項目Gulp主檔案94

4.4Ionic項目模板目錄結構簡介95

4.4.1常用工作目錄www96

4.4.2常用工作目錄scss96

4.4.3常用工作目錄resources97

4.4.4重要檔案package.json97

4.4.5重要檔案config.xml97

4.4.6其他目錄與檔案簡介98

4.5小結98

第5章Ionic內置CSS樣式99

5.1柵格布局解析100

5.1.1基本行與列CSS類101

5.1.2指定列寬比例與自定義102

5.1.3指定列相對偏移比例105

5.1.4縱軸對齊方式107

5.1.5回響式柵格109

5.1.6示例：表情包圖片庫瀏覽頁111

5.2固定標題欄113

5.2.1固定標題條114

5.2.2固定頂欄114

5.2.3固定底欄115

5.3按鈕116

5.3.1普通按鈕與配色結合116

5.3.2按鈕尺寸、寬度樣式118

5.3.3無填充色按鈕與文本型按鈕119

5.3.4圖示按鈕120

5.3.5標題欄按鈕121

5.3.6按鈕條123

5.4列表容器124

5.4.1分割條式列表項125

5.4.2列表項內圖示126

5.4.3列表項內按鈕127

5.4.4列表項內頭像128

5.4.5列表項內縮略預覽圖129

5.4.6有邊距的列表130

5.5展示卡131

5.5.1普通卡132

5.5.2增加標題欄裝飾效果133

5.5.3卡列表134

5.5.4卡內圖片134

5.5.5Facebook型展示卡135

5.6表單控制項樣式137

5.6.1輸入欄位名提示137

5.6.2輸入控制項圖示140

5.6.3有邊距的輸入表單141

5.6.4輸入控制項單獨設定邊距141

5.6.5標題欄上放置文本輸入控制項142

5.7開關類組件142

5.8範圍選擇組件144

5.9選擇框組件145

5.10選項卡欄146

5.10.1普通文本型選項卡147

5.10.2圖示型選項卡148

5.10.3圖示置頂或置左型選項卡149

5.10.4選項卡指示條151

5.11自定義主題顏色152

5.12可用圖示集154

5.13內邊距微調155

5.14小結155

第6章Ionic內置JS組件概述156

6.1Ionic內置JS組件156

6.1.1組件分類與前後綴說明156

6.1.2Ionic內置JS組件與CSS樣式類集成157

6.1.3Ionic內置JS組件與AngularJS集成157

6.2使用JS組件的常見問題解決辦法158

6.2.1互動調試部署到Android設備上的Ionic套用158

6.2.2設備上顯示白螢幕錯誤問題調試159

6.2.3使用Batarang進行性能分析160

6.3小結161

第7章Ionic內置布局類組件162

7.1固定標題欄162

7.2內容顯示相關組件164

7.2.1內容展示容器164

7.2.2內容滾動容器167

7.2.3內容容器對象滾動服務169

7.2.4載入新內容滾動觸發器169

7.2.5下拉刷新組件171

7.3小結173

第8章Ionic內置導航類組件174

8.1導航框架相關組件175

8.1.1導航視圖容器與視圖175

8.1.2定製頂部導航欄179

8.1.3瀏覽歷史服務182

8.2選項卡相關組件183

8.2.1選項卡欄與選項卡183

8.2.2選項卡服務188

8.3側欄選單相關組件189

8.3.1側欄選單框架189

8.3.2側欄選單顯示設定194

8.3.3側欄選單服務194

8.4導航套用綜合實戰：個人電子簡歷APP框架195

8.5小結201

第9章Ionic內置數據展示與操作組件202

9.1列表相關組件202

9.1.1列表容器與列表項定製202

9.1.2列表服務205

9.1.3列表高性能顯示最佳化206

9.2表單輸入相關組件208

9.3對話框類相關組件209

9.3.1模態框209

9.3.2浮動框211

9.3.3彈出框213

9.3.4上拉選單216

9.3.5背景幕布218

9.3.6對話框類組件綜合示例218

9.4載入中提示相關組件226

9.4.1載入中指示器226

9.4.2載入中指示服務227

9.5輪播組件229

9.6手勢事件與服務組件232

9.6.1Ionic手勢事件類型232

9.6.2手勢事件232

9.7鍵盤組件233

9.7.1鍵盤外掛程式233

9.7.2懸浮底欄指令234

9.8小結234

第10章Ionic內置基礎服務組件與設備平台客制化235

10.1平台服務組件235

10.2其他工具237

10.2.1套用基礎配置237

10.2.2設備信息與基本操作238

10.2.3DOM信息與基本操作240

10.2.4DOM元素位置信息240

10.2.5事件管理241

10.3設備平台客制化242

10.3.1設備平台CSS樣式類242

10.3.2使用AngularJS客制化平颱風格示例244

10.4小結246

第11章藉助外掛程式接近無限可能247

11.1Cordova外掛程式247

11.1.1搜尋可用的外掛程式247

11.1.2外掛程式管理（安裝、刪除、顯示已裝外掛程式）248

11.1.3cordova-plugin-battery-status外掛程式使用示例249

11.1.4cordova-plugin-whitelist外掛程式說明251

11.2ngCordova外掛程式集253

11.2.1安裝ngCordova外掛程式集253

11.2.2ngCordova外掛程式使用步驟概要254

11.2.3外掛程式$cordovaDevice使用示例257

11.2.4外掛程式$cordovaToast使用示例258

11.2.5外掛程式$cordovaContacts使用示例259

11.2.6外掛程式$cordovaLocalNotification使用示例260

11.2.7外掛程式$cordovaGeolocation使用示例260

11.2.8外掛程式$cordovaVibration使用示例262

11.2.9外掛程式$cordovaCamera使用示例262

11.2.10外掛程式$cordovaSocialSharing使用示例264

11.2.11外掛程式$cordovaNetwork使用示例265

11.2.12外掛程式$cordovaSQLite使用示例266

11.3小結267

第12章後端伺服器模擬環境搭建準備268

12.1MongoDB安裝與測試268

12.2Postman安裝與使用示例271

12.3使用Express初始化創建API示例274

12.4使用Mongoose完善數據持久化示例282

12.5使用Passport加入用戶驗證示例287

12.6小結296

第13章項目實戰：逍遙遊APPv0.1(UGC+B2C套用)297

13.1項目和代碼說明297

13.1.1項目說明297

13.1.2隨書代碼運行說明298

13.2功能設計298

13.2.1界面與功能概述300

13.2.2服務端API接口概述303

13.3功能實現303

13.3.1準備工作：部署伺服器端環境304

13.3.2初始化項目設定與目錄結構305

13.3.3實現總體界面導航與路由306

13.3.4實現側欄選單功能集312

13.3.5實現旅友行蹤功能集321

13.3.6實現我的足跡功能集332

13.3.7實現預約旅遊產品功能集351

13.3.8實現設定功能集363

13.3.9定製啟動屏與APP圖示371

13.4小結與作業練習371

第14章項目實戰：銷售掌中寶v0.1（企業套用）373

14.1項目和代碼說明373

14.1.1項目說明374

14.1.2隨書代碼運行說明374

14.2功能設計375

14.2.1界面與業務功能概述375

14.2.2服務端API接口概述378

14.3功能實現379

14.3.1準備工作：部署伺服器端環境379

14.3.2初始化項目設定與目錄結構381

14.3.3完成總體界面導航與路由382

14.3.4實現側欄選單與登錄/退出功能387

14.3.5實現商機業務功能集391

14.3.6實現拜訪業務功能集404

14.3.7實現客戶業務功能集420

14.3.8實現訂單業務功能集434

14.3.9實現報表顯示與初步配置446

14.4小結與作業練習455

第15章套用的生成與發布更新456

15.1生成發布Android平台的套用包456

15.1.1生成發布版的apk檔案456

15.1.2生成用於簽名的私鑰457

15.1.3對apk檔案簽名457

15.1.4最佳化apk檔案並改名458

15.1.5發布Android套用459

15.2生成發布iOS平台的套用459

15.2.1使用開發者賬戶連線Xcode460

15.2.2簽名460

15.2.3設定套用的標識名461

15.2.4開始套用上架登記462

15.2.5嘗試編譯生成正式發布版的套用465

15.2.6使用Xcode打包APP套用465

15.2.7創建套用的發布檔466

15.2.8完成套用上架登記467

15.3更新套用470

15.4小結471