高仿美团网全栈实战
技术栈:Vue全家桶 + SSR + Koa2 全栈开发美团网
vue.js 全家桶系列,包含了vue-router,vuex, vue-resource,和构建工具vue-cli,是一个完整的vue项目的核心构成。
- vue-cli 这个构建工具大大降低了 webpack 的使用难度,大大降低了我们的学习成本,加快了我们的开发速度。
- vue-router
- vue-resource
- vuex
业务功能内容
- 首页
- 登录/注册
- 产品列表
- 产品详情
- 购物车
- 订单
技术内容
技术内容技术上主要使用 nuxt.js 和 koa2,两者之间做ssr(服务端渲染),数据和状态的同步使用 vuex,在前端上使用 Vue 2.5 语法,在脚手架上使用了 Vue CLI 3 版本;后端使用的是koa2,对应的是redis,还有 mongodb,同时还使用了非常好用的数据对象模型管理工具 mongoose。
主要涉及的知识点
基础知识:
- Vue 全家桶基础(涉及到 Vue 的基本用法、Vue Router 和 Vuex)
- Koa2 核心知识串讲
- Nuxt.js 快速入门
实战重点:
- 涉及到的服务端内容:登录/注册、SMTP服务(邮箱注册服务)、城市服务、推荐服务、搜索服务、地图服务、购物车、订单设计、组件复用设计、接口设计、数据对象模型、思维&技巧
网友评论