全棧開發之道

《全棧開發之道》是2017年電子工業出版社出版的圖書，作者是和凌志。

基本介紹

• 中文名：全棧開發之道
• 作者：和凌志
• 出版社：電子工業出版社
• ISBN：9787121327223

內容簡介

全棧（Full Stack）是一種全新的以前端為主導的框架，框架選型聚焦在MEAN（MongoDB、Express、AngularJS、Node.js）上。選用MEAN全棧技術，可以快速地實現敏捷開發，尤其是到了產品的運營階段，其優勢表現得非常明顯。本書主要介紹MEAN全棧技術，分為入門篇、基礎篇和實戰篇，入門篇對全棧進行了概述，基礎篇重點介紹了全棧的四個主要技術，即MongoDB、Express、AngularJS、Node.js，實戰篇則通過四個常用的實例來引導讀者循序漸進地掌握全棧開發的思路。本書重在講述全棧開發的思想，自始至終延續這樣的一個主題：如何通過一種框架（MEAN全棧），將前端和後台（端）貫穿起來，讓前端工程師快速上手。

圖書目錄

入 門 篇

第1章 Bootstrap基礎 2

1．1 概述 2

1．2 Bootstrap開發環境 3

1．2．1 Bootstrap的安裝 3

1．2．2 Bootstrap的載入 5

1．3 Bootstrap 常用工具 6

1．3．1 Bootstrap代碼編輯工具 6

1．3．2 Bootstrap設計工具――Layout IT 7

1．4 Bootstrap 布局 8

1．4．1 HTML標準模板 8

1．4．2 自定義CSS 10

1．4．3 回響式布局的實現 12

1．4．4 禁用回響式布局 16

1．5 小結 16

第2章 JavaScript基礎 17

2．1 概述 17

2．2 JavaScript 語法 17

2．2．1 變數中的聲明與賦值 18

2．2．2 如何判斷兩個字元串是否相等 19

2．2．3 創建JavaScript對象的三種方法 21

2．2．4 函式聲明與函式表達式 23

2．2．5 可立即調用的函式表達式 25

2．2．6 循環的實現 27

2．2．7 防止JavaScript自動插入分號 28

2．2．8 嚴格模式 29

2．3 如何運行與調試JavaScript代碼 30

2．3．1 把JavaScript代碼內嵌到HTML頁面中 30

2．3．2 通過Node．js運行JavaScript代碼 31

2．4 JavaScript的面向對象設計思想 32

2．5 JavaScript的異步編程模式 33

2．5．1 Promise對象 34

2．5．2 生成Promise實例對象 34

2．5．3 Promise原型方法 35

2．5．4 Promise的catch方法 36

2．5．5 Promise在Node．js中的套用 37

2．6 如何在HTML中嵌入JavaScript 37

2．6．1 ＜script＞標籤 37

2．6．2 ＜script＞標籤的位置 38

2．6．3 嵌入JavaScript代碼與外部檔案引用 39

2．7 JavaScript與JSON 39

2．7．1 JSON概述 39

2．7．2 什麼是JSON 40

2．7．3 JSON語法規則 40

2．8 小結 42

基 礎 篇

第3章 Node．js入門指南 44

3．1 概述 44

3．2 Node．js生態 44

3．3 Node開發環境的搭建 45

3．4 Node．js驗證 45

3．5 第一個Node．js工程 46

3．5．1 創建Node．js工程 46

3．5．2 運行Node．js工程 47

3．6 Node．js的module套用 50

3．7 Node．js 編碼規範 52

3．8 小結 53

第4章 Express――後端框架 54

4．1 概述 54

4．2 第一個Express工程 54

4．2．1 Express工程的創建 54

4．2．2 Express的路由 55

4．2．3 Express的中間件 56

4．2．4 設定靜態目錄 57

4．3 Express中的Cookie與Session 58

4．3．1 Cookie是如何工作的 58

4．3．2 Session是什麼 58

4．3．3 為什麼需要Session 59

4．3．4 Session套用場景 59

4．4 Express中的網路請求方法 59

4．4．1 req．params 60

4．4．2 req．query 61

4．4．3 req．body 61

4．4．4 網路請求方法 61

4．5 Express中的GET與POST請求 62

4．5．1 GET請求 62

4．5．2 post請求 62

4．6 通過Express 實現登錄頁面 63

4．6．1 get請求驗證 66

4．6．2 post請求驗證 68

4．7 小結 69

第5章 Express的模板引擎 70

5．1 模板引擎概述 70

5．1．1 什麼是模板引擎 70

5．1．2 模板引擎的選擇 71

5．1．3 伺服器端模板引擎 71

5．2 模板引擎的種類 72

5．2．1 模板引擎Jade 72

5．2．2 模板引擎Handlebars 73

5．2．3 模板引擎EJS 73

5．3 Express中的EJS 73

5．3．1 創建工程Express工程 74

5．3．2 引入工程的依賴包（dependency） 74

5．3．3 啟動套用 76

5．3．4 EJS模板引擎的觸發 77

5．4 小結 78

第6章 AngularJS――Google前端框架 79

6．1 AngularJS概述 79

6．2 AngularJS 常用指令 81

6．2．1 AngularJS 指令概述 81

6．2．2 AngualrJS指令：ng-app 81

6．2．3 AngularJS指令：ng-init 82

6．2．4 AngularJS表達式 82

6．2．5 AngularJS指令：ng-model 83

6．2．6 ng-app與ng-model示例 83

6．2．7 ng-app與ng-model常見錯誤分析 84

6．2．8 {{ }}的套用 85

6．2．9 指令：ng-bind 86

6．2．10 指令：ng-click 86

6．3 AngularJS構建單頁面套用 86

6．3．1 單頁面套用的優勢 86

6．3．2 輕鬆構建單頁面套用 88

6．3．3 單頁面套用的實現 89

6．4 AngularJS的載入 93

6．4．1 AngularJS的引用 93

6．4．2 載入AngularJS靜態資源庫 94

6．5 AngularJS 的注入 94

6．5．1 依賴注入 94

6．5．2 依賴注入的行內聲明 97

6．6 AngularJS 的Module 99

6．6．1 AngularJS Module 概述 99

6．6．2 AngularJS的Module 套用 100

6．7 AngularJS 控制器 102

6．7．1 控制器命名方法 102

6．7．2 AngularJS 控制器的創建 102

6．7．3 AngularJS控制器的套用 103

6．8 AngularJS的數據綁定 105

6．9 $scope用法 106

6．10 小結 109

第7章 MongoDB――文檔資料庫 110

7．1 MongoDB概述 110

7．1．1 MongoDB簡介 110

7．1．2 MongoDB的歷史 110

7．1．3 MongoDB的優勢 111

7．1．4 MongoDB的安裝 111

7．1．5 啟動MongoDB 112

7．2 資料庫存儲機制 112

7．2．1 關係型資料庫 112

7．2．2 NoSQL資料庫 112

7．3 MongoDB數據結構 113

7．3．1 文檔 113

7．3．2 集合 114

7．3．3 MongoDB存儲格式――BSON 115

7．4 Mongo Shell 116

7．4．1 Mongo Shell簡介 116

7．4．2 運行Mongo Shell 116

7．4．3 Mongo Shell基本操作 117

7．5 MongoDB文檔操作 118

7．5．1 創建一個文檔 118

7．5．2 查詢所有文檔 118

7．5．3 查詢某一個文檔 119

7．5．4 文檔的更新 120

7．5．5 文檔的刪除 120

7．5．6 刪除集合 121

7．6 _id和ObjectId 121

7．7 MongoDB管理工具 121

7．7．1 MongoDB可視化工具――Robomongo 121

7．7．2 Robomongo的安裝 122

7．8 用mongoose操作MongoDB 125

7．8．1 mongoose概述 125

7．8．2 初識mongoose 125

7．8．3 mongoose的安裝 126

7．8．4 mongoose連線資料庫 126

7．8．5 Schema 127

7．8．6 Model及其操作 127

7．9 小結 132

實 戰 篇

第8章 套用實例1――用戶管理 134

8．1 概述 134

8．2 實現的思路 135

8．3 Node．js工程結構 135

8．3．1 創建一個Node服務 136

8．3．2 構建index．html頁面 136

8．3．3 構建AngularJS頁面 137

8．3．4 構建controller數據 138

8．3．5 構建路由 138

8．3．6 連線MongoDB 140

8．4 簡單的用戶管理操作 142

8．4．1 增加一條記錄 142

8．4．2 刪除一條記錄 144

8．4．3 編輯與更新一條記錄 146

8．4．4 $set與$unset的套用 149

8．5 小結 150

第9章 套用實例2――登錄管理 151

9．1 概述 151

9．2 安裝Express 151

9．3 創建Express工程 151

9．4 構建登錄頁面 157

9．4．1 構建登錄的靜態頁面 157

9．4．2 構建路由 159

9．4．3 添加路由中間件 161

9．5 構建註冊頁面 161

9．5．1 靜態頁面的創建 161

9．5．2 構建註冊頁面的路由 163

9．5．3 添加路由中間件 166

9．6 小結 166

第10章 套用實例3――記事本 167

10．1 概述 167

10．2 實現思路 168

10．3 構建AngularJS套用 168

10．3．1 控制器 169

10．3．2 模組 171

10．3．3 模板 172

10．3．4 布局模板 172

10．3．5 路由 173

10．3．6 工廠方法 175

10．3．7 頁面跳轉 177

10．3．8 $routeProvider 180

10．3．9 過濾器 182

10．3．10 $index的套用 184

10．3．11 控制器之間的傳值 185

10．3．12 $rootScope 185

10．3．13 使用$watch監控數據模型的變化 186

10．4 創建Express工程 189

10．5 創建MongoDB 190

10．5．1 連線MongoDB 190

10．5．2 創建mongoose的model 191

10．6 創建RESTful API 191

10．6．1 GET請求 191

10．6．2 POST請求 192

10．6．3 查找指定的對象 193

10．6．4 更新 194

10．6．5 刪除 194

10．7 構建MEAN工程 194

10．7．1 路由 194

10．7．2 構建動態頁面 196

10．7．3 $http的套用 196

10．7．4 基於$http的工廠方法 197

10．7．5 RESTful API的調用 198

10．7．6 基於$resource的工廠方法 199

10．7．7 創建一條記錄 199

10．7．8 查看記錄詳情 201

10．7．9 更新記錄 203

10．7．10 刪除記錄 206

10．7．11 運行結果 207

10．8 小結 208

第11章 套用實例4――商品管理 210

11．1 概述 210

11．2 實現思路 211

11．2．1 開發環境的搭建 211

11．2．2 創建Express工程 211

11．2．3 安裝Monk 212

11．3 資料庫管理 212

11．3．1 構建資料庫模擬數據 213

11．3．2 通過Express創建訪問資料庫的API 213

11．4 重構頁面 219

11．4．1 引入AngularJS 219

11．4．2 通過AngularJS重構首頁 220

11．4．3 控制器的實現 222

11．4．4 when方法 225

11．4．5 $resource的調用 225

11．4．6 文檔對象的創建 226

11．4．7 $location的套用 233

11．4．8 文檔對象的編輯 234

11．4．9 $routeParams的套用 242

11．4．10 文檔對象的刪除 243

11．5 小結 245

參考文獻 247