Vue.js項目開發實戰 Vue.js项目开发实战

張帆

  • 出版商: 機械工業出版社
  • 出版日期: 2018-08-02
  • 定價: $534
  • 售價: $534
  • 貴賓價: 9.5$507
  • 語言: 簡體中文
  • 頁數: 342
  • 裝訂: 平裝
  • ISBN: 7111605292
  • ISBN-13: 9787111605294
  • 相關分類: Vue.js

立即出貨

買這商品的人也買了...

商品描述

本書以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開發課程的院校,本書是一本很好的項目開發教程。

作者簡介

張帆,資深全棧“碼農”。

有多年的項目設計和Web開發經驗,

熟悉各種主流前端和後端開發工具,

長期從事新技術的研究與項目實踐。

現專注於JavaScript全棧開發,

以及微信小程序和小遊戲的開發實踐與探索

目錄大綱

前言

第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前台