前言
第1章 開發(fā)一個網站的準備1
1.1 如何從零開始建設一個網站1
1.1.1 網站建設流程1
1.1.2 網站開發(fā)技術和工具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項目開發(fā)基礎14
2.1 Node.js簡介14
2.1.1 Node.js的前世今生14
2.1.2 在Windows中安裝Node.js15
2.1.3 在Linux中安裝Node.js18
2.1.4 第一個Node.js示例——Hello World20
2.2 Node.js后端框架Express21
2.2.1 Express的發(fā)展21
2.2.2 Express的安裝23
2.2.3 Express項目示例——Hello World25
2.2.4 RESTful API規(guī)范25
2.3 頁面顯示框架Vue.js27
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開發(fā)利器——WebStorm37
2.5 小結與練習38
2.5.1 小結38
2.5.2 練習38
第3章 項目開發(fā)準備39
3.1 初識數據庫39
3.1.1 數據庫簡介39
3.1.2 SQL數據庫和NoSQL數據庫40
3.2 MongoDB介紹41
3.2.1 為什么選擇MongoDB42
3.2.2 在Windows中安裝MongoDB43
3.2.3 在Linux中安裝MongoDB44
3.3 Redis簡介46
3.3.1 為什么選擇Redis46
3.3.2 在Windows中安裝Redis47
3.3.3 在Linux中安裝Redis49
3.4 版本控制51
3.4.1 版本控制簡介51
3.4.2 Git和GitHub簡介51
3.4.3 安裝和使用Git54
3.5 測試工具57
3.5.1 瀏覽器自帶的開發(fā)者工具57
3.5.2 Postman插件59
3.6 小結與練習61
3.6.1 小結61
3.6.2 練習62
第4章 項目后臺技術Express63
4.1 開發(fā)Express應用程序63
4.1.1 Express應用程序生成器63
4.1.2 Express提供的路由66
4.1.3 使用Express托管靜態(tài)文件68
4.2 Express和數據庫交互70
4.2.1 連接MongoDB數據庫70
4.2.2 使用對象模型驅動連接MongoDB72
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章 項目前端開發(fā)之Vue.js基礎知識82
5.1 Vue.js開發(fā)基礎82
5.1.1 安裝Vue.js與Webpack82
5.1.2 Webpack常用配置詳解85
5.1.3 Vue.js條件渲染89
5.1.4 Vue.js列表渲染90
5.1.5 Vue.js輸入監(jiān)聽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綁定動態(tài)屬性104
5.4 Vue.js的組件化105
5.4.1 組件化簡介105
5.4.2 組件的創(chuàng)建106
5.4.3 組件的注冊106
5.4.4 組件間的數據傳遞109
5.4.5 監(jiān)聽子組件事件111
5.4.6 通過插槽分發(fā)內容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的頁面路由實現(xiàn)117
6.1.2 使用vue-cli初始化Vue.js項目118
6.1.3 安裝和配置vue-router122
6.1.4 動態(tài)路由匹配123
6.1.5 路由嵌套126
6.1.6 路由跳轉128
6.1.7 導航守衛(wèi)131
6.2 Vue.js的狀態(tài)管理庫Vuex132
6.2.1 狀態(tài)管理與store模式133
6.2.2 使用Vuex的情形133
6.2.3 在Vue.js組件中獲取Vuex狀態(tài)和Getter對象135
6.2.4 更新Vuex中的store138
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 內容發(fā)布網站的需求分析147
7.1.1 系統(tǒng)設計需求和技術說明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開發(fā)155
8.1 開發(fā)前的準備工作155
8.1.1 初始化項目155
8.1.2 連接數據庫156
8.1.3 配置服務應用列表161
8.2 通用API開發(fā)164
8.2.1 獲取頁面導航欄的API開發(fā)164
8.2.2 獲取底部詳細內容的API開發(fā)167
8.2.3 獲取友情鏈接的API開發(fā)168
8.2.4 獲取首頁輪播圖的API開發(fā)169
8.2.5 獲取熱點文章列表內容的API開發(fā)171
8.2.6 獲取文章列表的API開發(fā)173
8.2.7 獲取文章詳情的API開發(fā)175
8.2.8 獲取文章評論的API開發(fā)177
8.2.9 獲取分類內容的API開發(fā)178
8.2.10 記錄文章瀏覽量的API開發(fā)180
8.3 用戶權限相關API開發(fā)182
8.3.1 用戶模塊開發(fā)前的準備工作182
8.3.2 用戶評論文章的API開發(fā)183
8.3.3 獲取用戶資料的API開發(fā)185
8.3.4 修改用戶資料的API開發(fā)187
8.3.5 發(fā)送私信的API開發(fā)189
8.3.6 獲取私信列表的API開發(fā)191
8.3.7 獲取私信的API開發(fā)192
8.3.8 用戶注冊的API開發(fā)194
8.3.9 用戶登錄的API開發(fā)196
8.3.10 文章分類列表的API開發(fā)199
8.3.11 文章“點贊”和“踩”功能的API開發(fā)201
8.3.12 文章收藏功能的API開發(fā)202
8.3.13 獲取收藏文章列表的API開發(fā)203
8.4 后臺管理相關API開發(fā)204
8.4.1 文章添加和修改的API開發(fā)205
8.4.2 文章發(fā)布和刪除的API開發(fā)208
8.4.3 添加和修改分類的API開發(fā)210
8.4.4 獲取全部用戶列表的API開發(fā)211
8.4.5 封停用戶的API開發(fā)213
8.4.6 修改首頁輪播內容的API開發(fā)214
8.4.7 修改導航內容的API開發(fā)216
8.4.8 修改底部內容的API開發(fā)217
8.4.9 修改友情鏈接內容的API開發(fā)218
8.4.10 其他權限判斷220
8.5 小結與練習221
8.5.1 小結221
8.5.2 練習222
第9章 前端頁面開發(fā)223
9.1 項目前期準備223
9.1.1 創(chuàng)建新項目223
9.1.2 選擇UI庫224
9.1.3 安裝HTTP請求庫225
9.2 主要頁面的開發(fā)228
9.2.1 主頁228
9.2.2 文章總列表頁235
9.2.3 文章分類結果頁237
9.2.4 文章詳情頁239
9.3 用戶相關頁面及權限的開發(fā)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 管理員頁面的開發(fā)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 搭建服務器部署環(huán)境290
10.2.1 配置pm2290
10.2.2 構建用于發(fā)布的Vue.js程序293
10.2.3 使用Nginx部署靜態(tài)文件294
10.3 在服務器端部署代碼295
10.3.1 服務器的防火墻設置295
10.3.2 使用Git部署代碼296
10.4 網站優(yōu)化常用方法299
10.4.1 優(yōu)化應用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