《Vue.js+Node.js開發實戰：從入門到項目上線》一書由張帆編著，於2020年12月由機械工業出版社出版發行。
基本介紹
- 書名：Vue.js+Node.js開發實戰：從入門到項目上線
- 作者：張帆
- 出版社：機械工業出版社
- 出版時間：2020年12月
- 頁數：320 頁
- 定價：99 元
- 開本：16 開
- 裝幀：平裝
- ISBN：9787111670650
內容簡介,目錄,出版背景,作者簡介,
內容簡介
《Vue.js+Node.js開發實戰：從入門到項目上線》以JavaScript語言為基礎，以一個完整的網站開發過程為主線，局凝系統地介紹了一整套面向Web項目的開發技術，如使用Node.js搭建服務端，使用NoSQL資料庫管理數據，使用Vue.js開發前端UI，使用Nginx部署代碼，使用Git管理版本等。通過閱讀本書，讀者可以了解網站從開發到上線的整個過程。
《Vue.js+Node.js開發實戰：從入門到項目上線》共10章，涵蓋的主要內容有：網站開發的準備工作Node.js、Express和Vue.js項目開發基礎知識，資料庫和工程化開發常用工具，Express後端開發關鍵技術，Vue.js前端開發基礎知識，Vue.js高級開發技術，Web項目開發需求分析和功能說明，Web項目後端API開發，Web項目 前端頁面開發，網站部署和上線。
《Vue.js+Node.js開發實戰：從入門到阿船鍵茅項目上線》內容通俗易懂，講解圖文並茂，適台拒殃合Web開發的入門與進階人員閱讀，尤其適合Web全棧開發人員及項目開發人員閱讀。另外，乃朵仔本書還適合作為高等院校相關專業學生的參考讀物，堡采悼囑亦可作為相關培訓機構的實訓教材。
目錄
前言
第1章 開發一個網站的準備 1
1.1 如何從零開始建設一個網站 1
1.1.1 網站建設流程 1
1.1.2 網站開發技術和工具 2
1.2 第一步：購買一個域名 3
1.2.1 域名簡介 4
1.2.2 如何通過阿里雲購買域名 5
1.3 第二步：域名的備案和解析 8
1.3.1 域名的實名認證和立諒糊備案 8
1.3.2 域名相關解析 9
1.4 第三步：購買一台伺服器 10
1.4.1 雲伺服器 10
1.4.2 伺服器的後台管理 11
1.5 小結與練習 13
1.5.1 小結 13
1.5.2 練習 13
第2章 Node.js+Vue.js項目開發基礎 14
2.1 Node.js簡介 14
2.1.1 Node.js的前世今生 14
2.1.2 在Windows中安裝Node.js 15
2.1.3 在Linux中安裝Node.js 18
2.1.4 第一個Node.js示例——Hello World 20
2.2 Node.js後端框架Express 21
2.2.1 Express的發展 21
2.2.2 Express的安裝 23
2.2.3 Express項目示例——Hello World 25
2.2.4 RESTful API規範 25
2.3 頁面顯示框架Vue.js 27
2.3.1 Vue.js簡介 27
2.3.2 Vue.js的安裝 28
2.3.3 用Vue.js編寫Hello World——CDN方式 29
2.3.4 用Vue.js編寫Hello World——Webpack方式 30
2.3.5 其他頁面顯示框架 34
2.4 JavaScript代碼編寫——IDE的選擇 35
2.4.1 編寫基礎的JavaScript代碼 35
2.4.2 JavaScript開發利器——WebStorm 37
2.5 小結與練習 38
2.5.1 小結 38
2.5.2 練習 38
第3章 項目開發準備 39
3.1 初識資料庫 39
3.1.1 資料庫簡介 39
3.1.2 SQL資料庫和NoSQL資料庫 40
3.2 MongoDB介紹 41
3.2.1 為什麼選擇MongoDB 42
3.2.2 在Windows中安裝MongoDB 43
3.2.3 在Linux中安裝MongoDB 44
3.3 Redis簡介 46
3.3.1 為什麼選擇Redis 46
3.3.2 在Windows中安裝Redis 47
3.3.3 在Linux中安裝Redis 49
3.4 版本控制 51
3.4.1 版本控制簡介 51
3.4.2 Git和GitHub簡介 51
3.4.3 安裝和使用Git 54
3.5 測試工具 57
3.5.1 瀏覽器自帶的開發者工具立閥犁 57
3.5.2 Postman外掛程式 59
3.6 小結與練習 61
3.6.1 小結 61
3.6.2 練習 62
第4章 項目後台技術Express 63
4.1 開發Express應用程式 63
4.1.1 Express應用程式生成器 63
4.1.2 Express提供的路由 66
4.1.3 使用Express託管靜態檔案 68
4.2 Express和資料庫互動 70
4.2.1 連線MongoDB資料庫 70
4.2.2 使用對象模型驅動連線MongoDB 72
4.2.3 如何定義模型 73
4.2.4 Node.js和Redis集成 74
4.3 Express高級套用 75
4.3.1 Express中的中間件 75
4.3.2 Express錯誤處理 79
4.4 小結與練習 81
4.4.1 小結 81
4.4.2 練習 81
第5章 項目前端開發之Vue.js基礎知識 82
5.1 Vue.js開發基礎 82
5.1.1 安裝Vue.js與Webpack 82
5.1.2 Webpack常用配置詳解 85
5.1.3 Vue.js條件渲染 89
5.1.4 Vue.js列表渲染 90
5.1.5 Vue.js輸入監聽 91
5.1.6 Vue.js事件處理——v-on綁定 94
5.2 Vue.js的生命周期 97
5.2.1 生命周期與鉤子函式 97
5.2.2 演示Vue.js的生命周期 99
5.3 Vue.js的模板語法 100
5.3.1 文本 101
5.3.2 JavaScript表達式 103
5.3.3 v-bind綁定動態屬性 104
5.4 Vue.js的組件化 105
5.4.1 組件化簡介 105
5.4.2 組件的創建 106
5.4.3 組件的註冊 106
5.4.4 組件間的數據傳遞 109
5.4.5 監聽子組件事件 111
5.4.6 通過插槽分發內容 114
5.5 小結與練習 116
5.5.1 小結 116
5.5.2 練習 116
第6章 Vue.js高級套用 117
6.1 Vue.js的vue-router庫 117
6.1.1 Vue.js的頁面路由實現 117
6.1.2 使用vue-cli初始化Vue.js項目 118
6.1.3 安裝和配置vue-router 122
6.1.4 動態路由匹配 123
6.1.5 路由嵌套 126
6.1.6 路由跳轉 128
6.1.7 導航守衛 131
6.2 Vue.js的狀態管理庫Vuex 132
6.2.1 狀態管理與store模式 133
6.2.2 使用Vuex的情形 133
6.2.3 在Vue.js組件中獲取Vuex狀態和Getter對象 135
6.2.4 更新Vuex中的store 138
6.2.5 Vuex模組的劃分 142
6.3 Vue UI庫 143
6.3.1 Element UI庫 143
6.3.2 Ant Design of Vue UI庫 144
6.3.3 iView UI庫 145
6.4 小結與練習 146
6.4.1 小結 146
6.4.2 練習 146
第7章 項目需求分析和功能說明 147
7.1 內容發布網站的需求分析 147
7.1.1 系統設計需求和技術說明 147
7.1.2 後端接口需求 148
7.1.3 前端頁面需求 149
7.2 項目策劃和功能設計 150
7.2.1 項目功能策劃 150
7.2.2 項目模組劃分 150
7.2.3 項目後端API路由定義 151
7.2.4 項目前端頁面路由定義 152
7.3 項目原型圖和流程圖 153
7.4 小結與練習 154
7.4.1 小結 154
7.4.2 練習 154
第8章 項目後端API開發 155
8.1 開發前的準備工作 155
8.1.1 初始化項目 155
8.1.2 連線資料庫 156
8.1.3 配置服務套用列表 161
8.2 通用API開發 164
8.2.1 獲取頁面導航欄的API開發 164
8.2.2 獲取底部詳細內容的API開發 167
8.2.3 獲取友情連結的API開發 168
8.2.4 獲取首頁輪播圖的API開發 169
8.2.5 獲取熱點文章列表內容的API開發 171
8.2.6 獲取文章列表的API開發 173
8.2.7 獲取文章詳情的API開發 175
8.2.8 獲取文章評論的API開發 177
8.2.9 獲取分類內容的API開發 178
8.2.10 記錄文章瀏覽量的API開發 180
8.3 用戶許可權相關API開發 182
8.3.1 用戶模組開發前的準備工作 182
8.3.2 用戶評論文章的API開發 183
8.3.3 獲取用戶資料的API開發 185
8.3.4 修改用戶資料的API開發 187
8.3.5 傳送私信的API開發 189
8.3.6 獲取私信列表的API開發 191
8.3.7 獲取私信的API開發 192
8.3.8 用戶註冊的API開發 194
8.3.9 用戶登錄的API開發 196
8.3.10 文章分類列表的API開發 199
8.3.11 文章“點讚”和“踩”功能的API開發 201
8.3.12 文章收藏功能的API開發 202
8.3.13 獲取收藏文章列表的API開發 203
8.4 後台管理相關API開發 204
8.4.1 文章添加和修改的API開發 205
8.4.2 文章發布和刪除的API開發 208
8.4.3 添加和修改分類的API開發 210
8.4.4 獲取全部用戶列表的API開發 211
8.4.5 封停用戶的API開發 213
8.4.6 修改首頁輪播內容的API開發 214
8.4.7 修改導航內容的API開發 216
8.4.8 修改底部內容的API開發 217
8.4.9 修改友情連結內容的API開發 218
8.4.10 其他許可權判斷 220
8.5 小結與練習 221
8.5.1 小結 221
8.5.2 練習 222
第9章 前端頁面開發 223
9.1 項目前期準備 223
9.1.1 創建新項目 223
9.1.2 選擇UI庫 224
9.1.3 安裝HTTP請求庫 225
9.2 主要頁面的開發 228
9.2.1 主頁 228
9.2.2 文章總列表頁 235
9.2.3 文章分類結果頁 237
9.2.4 文章詳情頁 239
9.3 用戶相關頁面及許可權的開發 244
9.3.1 登錄頁 244
9.3.2 註冊頁 247
9.3.3 用戶信息頁 251
9.3.4 在導航欄中增加用戶信息 256
9.3.5 私信功能 258
9.3.6 文章評論功能 262
9.3.7 文章的收藏和點讚功能 265
9.3.8 查看所有收藏 267
9.4 管理員頁面的開發 269
9.4.1 管理員頁面路由設定 269
9.4.2 文章編輯頁 271
9.4.3 文章管理頁 275
9.4.4 用戶管理頁 278
9.5 小結與練習 280
9.5.1 小結 280
9.5.2 練習 280
第10章 網站的部署和上線 281
10.1 遠程連線伺服器 281
10.1.1 虛擬機簡介 281
10.1.2 虛擬機的安裝 282
10.1.3 遠程連線雲伺服器或虛擬機 288
10.2 搭建伺服器部署環境 290
10.2.1 配置pm2 290
10.2.2 構建用於發布的Vue.js程式 293
10.2.3 使用Nginx部署靜態檔案 294
10.3 在伺服器端部署代碼 295
10.3.1 伺服器的防火牆設定 295
10.3.2 使用Git部署代碼 296
10.4 網站最佳化常用方法 299
10.4.1 最佳化套用 299
10.4.2 使用nw.js打包項目 300
10.5 小結與練習 302
10.5.1 小結 302
10.5.2 練習 303
附錄A 檢測Node.js是否支持ES 6的語法 304
附錄B npm安裝過慢的解決方法 306
出版背景
本書是一部全棧開發初學者的入門佳作，非常適合網際網路行業的開發人員從零開始了解網站套用從開發到上線的整個流程。由於前後端技術比較龐雜，使得很多入門人員不知該從何學起，本書對這些技術進行了梳理，並對網站項目開發流程也做了梳理，給初學者提供了合理的學習路徑，非常值得閱讀。
——尼奧巴蘭網路科技有限公司CEO 蘇振鵬
緊跟Web發展趨勢，選擇更好、更適合的技術無疑是每一個Web開發者都要面臨的問題。當下，國內圖書市場上還鮮見專門介紹Vue.js+Node.js開發網站項目的圖書。張帆一直從事Web前後端開發和研究，他將自己多年的開發感悟和經驗分享了出來，相信可以幫助讀者快速上手，並系統學習Web全棧開發涉及的核心技術。
——巨人網路產品經理 張懋
對於具有基本的Web技術儲備但缺乏實際項目經驗的初學者而言，本書無疑是一本非常好的Web項目開發入門讀物。本書從實際項目入手，不但介紹了網站開發的前期準備工作，而且重點介紹了Vue.js前端開發及Node.js後端開發涉及的相關技術，讓讀者通過一本書便可系統了解從網站開發到上線的全部流程。——小牛互娛高級工程師 盧文榮
作者簡介
張帆 產品經理，網際網路創業者。曾在巨人網路等網際網路企業擔任Web工程師和項目經理等職務。長期從事Web開發，有豐富的項目經驗，擅長Python、PHP及Node.js後端服務構建，以及JavaScript客戶端開發、微信客戶端開發及網站前端開發等。長期研究如何利用各種新技術提升開發效率，解決實際問題。
2.3.2 Vue.js的安裝 28
2.3.3 用Vue.js編寫Hello World——CDN方式 29
2.3.4 用Vue.js編寫Hello World——Webpack方式 30
2.3.5 其他頁面顯示框架 34
2.4 JavaScript代碼編寫——IDE的選擇 35
2.4.1 編寫基礎的JavaScript代碼 35
2.4.2 JavaScript開發利器——WebStorm 37
2.5 小結與練習 38
2.5.1 小結 38
2.5.2 練習 38
第3章 項目開發準備 39
3.1 初識資料庫 39
3.1.1 資料庫簡介 39
3.1.2 SQL資料庫和NoSQL資料庫 40
3.2 MongoDB介紹 41
3.2.1 為什麼選擇MongoDB 42
3.2.2 在Windows中安裝MongoDB 43
3.2.3 在Linux中安裝MongoDB 44
3.3 Redis簡介 46
3.3.1 為什麼選擇Redis 46
3.3.2 在Windows中安裝Redis 47
3.3.3 在Linux中安裝Redis 49
3.4 版本控制 51
3.4.1 版本控制簡介 51
3.4.2 Git和GitHub簡介 51
3.4.3 安裝和使用Git 54
3.5 測試工具 57
3.5.1 瀏覽器自帶的開發者工具 57
3.5.2 Postman外掛程式 59
3.6 小結與練習 61
3.6.1 小結 61
3.6.2 練習 62
第4章 項目後台技術Express 63
4.1 開發Express應用程式 63
4.1.1 Express應用程式生成器 63
4.1.2 Express提供的路由 66
4.1.3 使用Express託管靜態檔案 68
4.2 Express和資料庫互動 70
4.2.1 連線MongoDB資料庫 70
4.2.2 使用對象模型驅動連線MongoDB 72
4.2.3 如何定義模型 73
4.2.4 Node.js和Redis集成 74
4.3 Express高級套用 75
4.3.1 Express中的中間件 75
4.3.2 Express錯誤處理 79
4.4 小結與練習 81
4.4.1 小結 81
4.4.2 練習 81
第5章 項目前端開發之Vue.js基礎知識 82
5.1 Vue.js開發基礎 82
5.1.1 安裝Vue.js與Webpack 82
5.1.2 Webpack常用配置詳解 85
5.1.3 Vue.js條件渲染 89
5.1.4 Vue.js列表渲染 90
5.1.5 Vue.js輸入監聽 91
5.1.6 Vue.js事件處理——v-on綁定 94
5.2 Vue.js的生命周期 97
5.2.1 生命周期與鉤子函式 97
5.2.2 演示Vue.js的生命周期 99
5.3 Vue.js的模板語法 100
5.3.1 文本 101
5.3.2 JavaScript表達式 103
5.3.3 v-bind綁定動態屬性 104
5.4 Vue.js的組件化 105
5.4.1 組件化簡介 105
5.4.2 組件的創建 106
5.4.3 組件的註冊 106
5.4.4 組件間的數據傳遞 109
5.4.5 監聽子組件事件 111
5.4.6 通過插槽分發內容 114
5.5 小結與練習 116
5.5.1 小結 116
5.5.2 練習 116
第6章 Vue.js高級套用 117
6.1 Vue.js的vue-router庫 117
6.1.1 Vue.js的頁面路由實現 117
6.1.2 使用vue-cli初始化Vue.js項目 118
6.1.3 安裝和配置vue-router 122
6.1.4 動態路由匹配 123
6.1.5 路由嵌套 126
6.1.6 路由跳轉 128
6.1.7 導航守衛 131
6.2 Vue.js的狀態管理庫Vuex 132
6.2.1 狀態管理與store模式 133
6.2.2 使用Vuex的情形 133
6.2.3 在Vue.js組件中獲取Vuex狀態和Getter對象 135
6.2.4 更新Vuex中的store 138
6.2.5 Vuex模組的劃分 142
6.3 Vue UI庫 143
6.3.1 Element UI庫 143
6.3.2 Ant Design of Vue UI庫 144
6.3.3 iView UI庫 145
6.4 小結與練習 146
6.4.1 小結 146
6.4.2 練習 146
第7章 項目需求分析和功能說明 147
7.1 內容發布網站的需求分析 147
7.1.1 系統設計需求和技術說明 147
7.1.2 後端接口需求 148
7.1.3 前端頁面需求 149
7.2 項目策劃和功能設計 150
7.2.1 項目功能策劃 150
7.2.2 項目模組劃分 150
7.2.3 項目後端API路由定義 151
7.2.4 項目前端頁面路由定義 152
7.3 項目原型圖和流程圖 153
7.4 小結與練習 154
7.4.1 小結 154
7.4.2 練習 154
第8章 項目後端API開發 155
8.1 開發前的準備工作 155
8.1.1 初始化項目 155
8.1.2 連線資料庫 156
8.1.3 配置服務套用列表 161
8.2 通用API開發 164
8.2.1 獲取頁面導航欄的API開發 164
8.2.2 獲取底部詳細內容的API開發 167
8.2.3 獲取友情連結的API開發 168
8.2.4 獲取首頁輪播圖的API開發 169
8.2.5 獲取熱點文章列表內容的API開發 171
8.2.6 獲取文章列表的API開發 173
8.2.7 獲取文章詳情的API開發 175
8.2.8 獲取文章評論的API開發 177
8.2.9 獲取分類內容的API開發 178
8.2.10 記錄文章瀏覽量的API開發 180
8.3 用戶許可權相關API開發 182
8.3.1 用戶模組開發前的準備工作 182
8.3.2 用戶評論文章的API開發 183
8.3.3 獲取用戶資料的API開發 185
8.3.4 修改用戶資料的API開發 187
8.3.5 傳送私信的API開發 189
8.3.6 獲取私信列表的API開發 191
8.3.7 獲取私信的API開發 192
8.3.8 用戶註冊的API開發 194
8.3.9 用戶登錄的API開發 196
8.3.10 文章分類列表的API開發 199
8.3.11 文章“點讚”和“踩”功能的API開發 201
8.3.12 文章收藏功能的API開發 202
8.3.13 獲取收藏文章列表的API開發 203
8.4 後台管理相關API開發 204
8.4.1 文章添加和修改的API開發 205
8.4.2 文章發布和刪除的API開發 208
8.4.3 添加和修改分類的API開發 210
8.4.4 獲取全部用戶列表的API開發 211
8.4.5 封停用戶的API開發 213
8.4.6 修改首頁輪播內容的API開發 214
8.4.7 修改導航內容的API開發 216
8.4.8 修改底部內容的API開發 217
8.4.9 修改友情連結內容的API開發 218
8.4.10 其他許可權判斷 220
8.5 小結與練習 221
8.5.1 小結 221
8.5.2 練習 222
第9章 前端頁面開發 223
9.1 項目前期準備 223
9.1.1 創建新項目 223
9.1.2 選擇UI庫 224
9.1.3 安裝HTTP請求庫 225
9.2 主要頁面的開發 228
9.2.1 主頁 228
9.2.2 文章總列表頁 235
9.2.3 文章分類結果頁 237
9.2.4 文章詳情頁 239
9.3 用戶相關頁面及許可權的開發 244
9.3.1 登錄頁 244
9.3.2 註冊頁 247
9.3.3 用戶信息頁 251
9.3.4 在導航欄中增加用戶信息 256
9.3.5 私信功能 258
9.3.6 文章評論功能 262
9.3.7 文章的收藏和點讚功能 265
9.3.8 查看所有收藏 267
9.4 管理員頁面的開發 269
9.4.1 管理員頁面路由設定 269
9.4.2 文章編輯頁 271
9.4.3 文章管理頁 275
9.4.4 用戶管理頁 278
9.5 小結與練習 280
9.5.1 小結 280
9.5.2 練習 280
第10章 網站的部署和上線 281
10.1 遠程連線伺服器 281
10.1.1 虛擬機簡介 281
10.1.2 虛擬機的安裝 282
10.1.3 遠程連線雲伺服器或虛擬機 288
10.2 搭建伺服器部署環境 290
10.2.1 配置pm2 290
10.2.2 構建用於發布的Vue.js程式 293
10.2.3 使用Nginx部署靜態檔案 294
10.3 在伺服器端部署代碼 295
10.3.1 伺服器的防火牆設定 295
10.3.2 使用Git部署代碼 296
10.4 網站最佳化常用方法 299
10.4.1 最佳化套用 299
10.4.2 使用nw.js打包項目 300
10.5 小結與練習 302
10.5.1 小結 302
10.5.2 練習 303
附錄A 檢測Node.js是否支持ES 6的語法 304
附錄B npm安裝過慢的解決方法 306
出版背景
本書是一部全棧開發初學者的入門佳作，非常適合網際網路行業的開發人員從零開始了解網站套用從開發到上線的整個流程。由於前後端技術比較龐雜，使得很多入門人員不知該從何學起，本書對這些技術進行了梳理，並對網站項目開發流程也做了梳理，給初學者提供了合理的學習路徑，非常值得閱讀。
——尼奧巴蘭網路科技有限公司CEO 蘇振鵬
緊跟Web發展趨勢，選擇更好、更適合的技術無疑是每一個Web開發者都要面臨的問題。當下，國內圖書市場上還鮮見專門介紹Vue.js+Node.js開發網站項目的圖書。張帆一直從事Web前後端開發和研究，他將自己多年的開發感悟和經驗分享了出來，相信可以幫助讀者快速上手，並系統學習Web全棧開發涉及的核心技術。
——巨人網路產品經理 張懋
對於具有基本的Web技術儲備但缺乏實際項目經驗的初學者而言，本書無疑是一本非常好的Web項目開發入門讀物。本書從實際項目入手，不但介紹了網站開發的前期準備工作，而且重點介紹了Vue.js前端開發及Node.js後端開發涉及的相關技術，讓讀者通過一本書便可系統了解從網站開發到上線的全部流程。——小牛互娛高級工程師 盧文榮
作者簡介
張帆 產品經理，網際網路創業者。曾在巨人網路等網際網路企業擔任Web工程師和項目經理等職務。長期從事Web開發，有豐富的項目經驗，擅長Python、PHP及Node.js後端服務構建，以及JavaScript客戶端開發、微信客戶端開發及網站前端開發等。長期研究如何利用各種新技術提升開發效率，解決實際問題。
