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章 课程总结
对课程总体进行回顾与总结

 

下载地址：百度网盘下载