Vue全家桶+SSR+Koa2全棧開發美團網

第1章 課程導學
這門課主講以Vue SSR+Koa2全棧技術爲目標，最終實現美團網項目。本章節旨在告訴你們咱們會用到哪些技能、教學方法、課程內容分佈、學習方法等。備註：咱們會涉及Vue2.五、Nuxt、Koa二、element-ui、Mongodb等

 

第2章 Vue基礎知識
整個SSR部分都是用的Vue框架，須要給初級用戶講解Vue的基礎語法，不會讓他們在學習實戰的時候感到迷茫，這個章節會經過vue-cli搭建一個簡單的demo，讓你們快速的掌握Vue的基礎應用，即便他沒有學習過。

 

第3章 Koa2基礎知識
Node服務是全棧的核心，異步操做是爲了提升併發數，koa2最大的特點就是靈活、輕巧，這都要歸功於中間件機制。路由、數據庫鏈接都是中間件的一種，經過這個章節的學習讓你們掌握服務端開發基本技能。

 

第4章 Mongoose和Redis基礎
mongoose是mongodb的對象模型管理工具，使用mongoose能夠更簡單的操做mongodb數據庫，經過可視化工具的robo 3t的介紹，任何數據庫操做均可以直觀的感覺到，很是利於數據庫操做的學習。redis是服務端開發必備的工具之一，經過本章的學習能夠快速掌握經常使用redis命令以及在node中的應用。...

 

第5章 Nuxt.js基礎知識
Nuxt是Vue實現SSR最好的方案，咱們整個項目都是基於Nuxt框架來實現的，咱們須要瞭解如何經過腳手架快速初始化一個工程項目，熟悉每一個目錄的含義，知道如何配置各個頁面的視圖、模板、異步獲取數據等。這個章節讓學員快速掌握Nuxt自己的知識點，爲實戰作好準備。...

 

第6章 實戰準備
工程搭建使用Nuxt腳手架快速搭建工程，這塊是通用的，全部學員均可以直接應用到本身的項目。

 

第7章 開發美團網首頁
這個章節每一部分功能都包含兩部分：前端+服務端。城市服務使用騰訊的地圖服務，咱們使用真實的數據來實現。登陸註冊使用koa2+mongodb來設計並實現。分來導航主要利用CSS模塊化和組件技術。推薦搜索模塊也是經過koa2+mongodb來設計並實現接口，輪播圖使用swiper組件來實現。...

 

第8章 切換城市頁
切換城市頁的難點是如何把複雜的數據內容利用數據結構設計、Vue語法並使用最簡單的DOM結構完成開發。整個頁面介紹瞭如何自定義經常使用的級聯操做、遠程搜索、中文轉拼音等內容，精彩不可錯過。

 

第9章 美團網產品列表頁
點擊產品列表能夠進入到產品詳情頁，詳情頁也有相似的推薦列表和地圖服務，咱們會在搜索頁的時候考慮好接口的複用，重點內容在於數據結構的設計和接口的複用設計能力。

 

第10章 美團網產品詳情頁開發
產品詳情頁有購買入口，點進去進入到訂單頁，點擊支付進入到支付頁，購買完成進入到訂單詳情頁。這塊涉及較複雜的後端接口設計和數據庫操做。學員能夠進一步掌握真實的開發場景。

 

第11章 購物車開發
購物車難點在於數據庫的設計、是於訂單相融合的一個頁面，在前端頁面交互上的難點是element-ui對於表格的數據綁定

 

第12章 訂單頁開發
訂單頁是對整個產品的最後呈現頁面，是課程完整性的一部分，難點在於數據庫設計，前端頁面無難點。

 

第13章 課程總結
對課程總體進行回顧與總結

 

下載地址：百度網盤下載