相關商品
商品簡介
目次
商品簡介
本書以JavaScript語言為基礎，以Vue.js項目開發過程為主線，介紹了一整套面向Vue.js的項目開發技術。從NoSQL數據庫的搭建到Express項目API的編寫，後再由Vue.js顯示在前端的頁面中，讓讀者可以非常迅速地掌握這些技術，提高項目開發的能力。本書分為4篇。第1篇介紹了Vue.js基礎環境搭建，是全書的基石；第2篇介紹了電影網站項目的設計，涵蓋ES6、Webpack和工程化環境搭建等關鍵技術；第3篇介紹了電影網站項目的前端和後端的實現，涵蓋Node.js後端技術、Vue.js各種組件和API等技術；第4篇介紹了頁面優化，通過學習一些Vue.js模板和框架，從而製作更加美觀的用戶界面（UI）。本書適合Vue.js初學者和進階者閱讀，也適合其他Web前端和後端開發愛好者閱讀。對於一些產品經理，本書也同樣適合閱讀。另外，對於培訓機構和各類開設Web開發課程的院校，本書是一本很好的項目開發教程。
目次
目錄
前言
第1篇 背景知識
第1章 初探網頁開發2
1.1 網頁開發歷史2
1.1.1 傳統網頁開發3
1.1.2 新前端網頁開發5
1.2 MVVM風格開發框架6
1.2.1 為什麼會出現MVVM6
1.2.2 MVVM架構的最佳實踐7
1.2.3 MVC、MVP和MVVM開發模式對比8
1.3 Vue.js來了9
1.4 Vue.js的安裝10
1.4.1 使用獨立版本11
1.4.2 使用CDN安裝13
1.4.3 “npm大法”安裝15
1.4.4 使用Chrome瀏覽器測試Vue.js的雙向綁定17
1.5 Vue.js的主要特性19
1.5.1 組件19
1.5.2 模板22
1.5.3 響應式設計22
1.5.4 過渡效果22
1.5.5 單文件組件24
1.6 小結與練習24
1.6.1 小結24
1.6.2 練習25
第2篇 項目設計
第2章 開啟Vue.js之旅的準備工作28
2.1 JavaScript運行與開發環境28
2.1.1 神奇的包管理器――npm28
2.1.2 好用的瀏覽器――Chrome31
2.1.3 Vue.js的調試神器――vue-devtools34
2.1.4 非常智能的IDE――WebStorm36
2.2 認識ECMAScript 6（ES 6）39
2.2.1 ES 6的前世今生39
2.2.2 為什麼要使用ES 640
2.3 ES 6的一些常用語法40
2.3.1 Default Parameters（默認參數）40
2.3.2 Template Literals（模板文本）41
2.3.3 Multi-line Strings（多行字符串）41
2.3.4 Destructuring Assignment（解構賦值）42
2.3.5 Enhanced Object Literals（增強的對象文本）42
2.3.6 Arrow Functions（箭頭函數）43
2.3.7 Promise實現44
2.3.8 塊作用域構造let45
2.3.9 Classes（類）46
2.3.10 Modules（模塊）46
2.4 使用Babel進行ES 6的轉化47
2.4.1 安裝Babel48
2.4.2 使用Babel48
2.5 精簡壓縮生產環境的Webpack51
2.5.1 Webpack是什麼51
2.5.2 配置一個完整項目的Webpack52
2.5.3 不得不說的新版Webpack 456
2.6 小結與練習59
2.6.1 小結59
2.6.2 練習59
第3章 從一個電影網站項目學習Vue.js60
3.1 快速構建第一個Vue.js程序60
3.1.1 通過CLI構建應用60
3.1.2 輸出Hello world！63
3.1.3 開發環境與生產環境66
3.2 電影網站的設計70
3.2.1 網站的功能設計70
3.2.2 網站的路由設計71
3.2.3 網站的頁面設計72
3.3 電影網站的技術選擇73
3.3.1 服務的堅實後盾――數據庫73
3.3.2 數據的搬運和加工――服務器端74
3.4 小結與練習74
3.4.1 小結74
3.4.2 練習75
第4章 電影網站數據庫的搭建76
4.1 什麼是數據庫76
4.1.1 什麼是SQL76
4.1.2 什麼是NoSQL78
4.1.3 兩種數據庫的對比分析79
4.2 MongoDB基礎入門80
4.2.1 為什麼選擇MongoDB80
4.2.2 安裝MongoDB81
4.2.3 啟動MongoDB83
4.2.4 安裝MongoDB的可視化界面87
4.2.5 MongoDB的基礎操作90
4.3 電影網站數據庫的建立92
4.3.1 數據庫的分析與設計93
4.3.2 數據集的建立94
4.4 小結與練習96
4.4.1 小結96
4.4.2 練習97
第3篇 Vue.js應用開發
第5章 電影網站服務器端的設計100
5.1 使用JavaScript開發後端服務100
5.1.1 神奇的Node.js100
5.1.2 什麼是Express101
5.2 使用Express進行Web開發102
5.2.1 安裝Express102
5.2.2 設計後臺服務API105
5.2.3 設計路由107
5.3 服務器測試108
5.3.1 一個測試HTTP請求的Postman插件108
5.3.2 在Chrome中安裝Postman插件109
5.3.3 使用Postman插件進行數據測試110
5.4 Express後臺代碼編寫112
5.4.1 新建工程112
5.4.2 連接數據庫115
5.4.3 使用Supervisor監控代碼的修改118
5.5 用戶系統開發119
5.5.1 註冊路由122
5.5.2 登錄路由125
5.5.3 找回密碼路由128
5.5.4 提交評論路由133
5.5.5 點贊路由135
5.5.6 下載路由137
5.5.7 發送站內信路由138
5.5.8 接收站內信路由141
5.6 前臺API開發143
5.6.1 顯示排行榜145
5.6.2 顯示文章列表145
5.6.3 顯示文章內容146
5.6.4 顯示用戶個人信息147
5.7 後臺API開發148
5.7.1 添加電影148
5.7.2 刪除電影151
5.7.3 更新電影152
5.7.4 獲取所有電影153
5.7.5 獲取用戶評論154
5.7.6 審核用戶評論154
5.7.7 刪除用戶評論156
5.7.8 封停用戶157
5.7.9 更新用戶密碼159
5.7.10 顯示所有用戶160
5.7.11 管理用戶權限162
5.7.12 新增文章163
5.7.13 刪除文章165
5.7.14 新增主頁推薦166
5.7.15 刪除熱點信息168
5.8 小結與練習169
5.8.1 小結169
5.8.2 練習170
第6章 Vue.js項目開發技術解析171
6.1 Vue.js實例171
6.1.1 何為構造器171
6.1.2 實例的屬性和方法172
6.1.3 生命週期173
6.2 Vue.js路由175
6.2.1 RESTful模式的路由175
6.2.2 安裝vue-router175
6.3 Vue.js路由配置vue-router176
6.3.1 動態路由匹配176
6.3.2 嵌套路由179
6.3.3 編程式導航181
6.3.4 命名路由183
6.3.5 命名視圖184
6.3.6 重定向和別名186
6.3.7 路由組件傳遞參數187
6.3.8 HTML 5 History模式188
6.4 數據獲取189
6.4.1 導航守衛189
6.4.2 數據獲取193
6.5 電影網站項目路由設計195
6.5.1 新建Vue.js項目195
6.5.2 前臺
前言
第1篇 背景知識
第1章 初探網頁開發2
1.1 網頁開發歷史2
1.1.1 傳統網頁開發3
1.1.2 新前端網頁開發5
1.2 MVVM風格開發框架6
1.2.1 為什麼會出現MVVM6
1.2.2 MVVM架構的最佳實踐7
1.2.3 MVC、MVP和MVVM開發模式對比8
1.3 Vue.js來了9
1.4 Vue.js的安裝10
1.4.1 使用獨立版本11
1.4.2 使用CDN安裝13
1.4.3 “npm大法”安裝15
1.4.4 使用Chrome瀏覽器測試Vue.js的雙向綁定17
1.5 Vue.js的主要特性19
1.5.1 組件19
1.5.2 模板22
1.5.3 響應式設計22
1.5.4 過渡效果22
1.5.5 單文件組件24
1.6 小結與練習24
1.6.1 小結24
1.6.2 練習25
第2篇 項目設計
第2章 開啟Vue.js之旅的準備工作28
2.1 JavaScript運行與開發環境28
2.1.1 神奇的包管理器――npm28
2.1.2 好用的瀏覽器――Chrome31
2.1.3 Vue.js的調試神器――vue-devtools34
2.1.4 非常智能的IDE――WebStorm36
2.2 認識ECMAScript 6（ES 6）39
2.2.1 ES 6的前世今生39
2.2.2 為什麼要使用ES 640
2.3 ES 6的一些常用語法40
2.3.1 Default Parameters（默認參數）40
2.3.2 Template Literals（模板文本）41
2.3.3 Multi-line Strings（多行字符串）41
2.3.4 Destructuring Assignment（解構賦值）42
2.3.5 Enhanced Object Literals（增強的對象文本）42
2.3.6 Arrow Functions（箭頭函數）43
2.3.7 Promise實現44
2.3.8 塊作用域構造let45
2.3.9 Classes（類）46
2.3.10 Modules（模塊）46
2.4 使用Babel進行ES 6的轉化47
2.4.1 安裝Babel48
2.4.2 使用Babel48
2.5 精簡壓縮生產環境的Webpack51
2.5.1 Webpack是什麼51
2.5.2 配置一個完整項目的Webpack52
2.5.3 不得不說的新版Webpack 456
2.6 小結與練習59
2.6.1 小結59
2.6.2 練習59
第3章 從一個電影網站項目學習Vue.js60
3.1 快速構建第一個Vue.js程序60
3.1.1 通過CLI構建應用60
3.1.2 輸出Hello world！63
3.1.3 開發環境與生產環境66
3.2 電影網站的設計70
3.2.1 網站的功能設計70
3.2.2 網站的路由設計71
3.2.3 網站的頁面設計72
3.3 電影網站的技術選擇73
3.3.1 服務的堅實後盾――數據庫73
3.3.2 數據的搬運和加工――服務器端74
3.4 小結與練習74
3.4.1 小結74
3.4.2 練習75
第4章 電影網站數據庫的搭建76
4.1 什麼是數據庫76
4.1.1 什麼是SQL76
4.1.2 什麼是NoSQL78
4.1.3 兩種數據庫的對比分析79
4.2 MongoDB基礎入門80
4.2.1 為什麼選擇MongoDB80
4.2.2 安裝MongoDB81
4.2.3 啟動MongoDB83
4.2.4 安裝MongoDB的可視化界面87
4.2.5 MongoDB的基礎操作90
4.3 電影網站數據庫的建立92
4.3.1 數據庫的分析與設計93
4.3.2 數據集的建立94
4.4 小結與練習96
4.4.1 小結96
4.4.2 練習97
第3篇 Vue.js應用開發
第5章 電影網站服務器端的設計100
5.1 使用JavaScript開發後端服務100
5.1.1 神奇的Node.js100
5.1.2 什麼是Express101
5.2 使用Express進行Web開發102
5.2.1 安裝Express102
5.2.2 設計後臺服務API105
5.2.3 設計路由107
5.3 服務器測試108
5.3.1 一個測試HTTP請求的Postman插件108
5.3.2 在Chrome中安裝Postman插件109
5.3.3 使用Postman插件進行數據測試110
5.4 Express後臺代碼編寫112
5.4.1 新建工程112
5.4.2 連接數據庫115
5.4.3 使用Supervisor監控代碼的修改118
5.5 用戶系統開發119
5.5.1 註冊路由122
5.5.2 登錄路由125
5.5.3 找回密碼路由128
5.5.4 提交評論路由133
5.5.5 點贊路由135
5.5.6 下載路由137
5.5.7 發送站內信路由138
5.5.8 接收站內信路由141
5.6 前臺API開發143
5.6.1 顯示排行榜145
5.6.2 顯示文章列表145
5.6.3 顯示文章內容146
5.6.4 顯示用戶個人信息147
5.7 後臺API開發148
5.7.1 添加電影148
5.7.2 刪除電影151
5.7.3 更新電影152
5.7.4 獲取所有電影153
5.7.5 獲取用戶評論154
5.7.6 審核用戶評論154
5.7.7 刪除用戶評論156
5.7.8 封停用戶157
5.7.9 更新用戶密碼159
5.7.10 顯示所有用戶160
5.7.11 管理用戶權限162
5.7.12 新增文章163
5.7.13 刪除文章165
5.7.14 新增主頁推薦166
5.7.15 刪除熱點信息168
5.8 小結與練習169
5.8.1 小結169
5.8.2 練習170
第6章 Vue.js項目開發技術解析171
6.1 Vue.js實例171
6.1.1 何為構造器171
6.1.2 實例的屬性和方法172
6.1.3 生命週期173
6.2 Vue.js路由175
6.2.1 RESTful模式的路由175
6.2.2 安裝vue-router175
6.3 Vue.js路由配置vue-router176
6.3.1 動態路由匹配176
6.3.2 嵌套路由179
6.3.3 編程式導航181
6.3.4 命名路由183
6.3.5 命名視圖184
6.3.6 重定向和別名186
6.3.7 路由組件傳遞參數187
6.3.8 HTML 5 History模式188
6.4 數據獲取189
6.4.1 導航守衛189
6.4.2 數據獲取193
6.5 電影網站項目路由設計195
6.5.1 新建Vue.js項目195
6.5.2 前臺
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。