美文网首页
【美团网项目】1.项目介绍

【美团网项目】1.项目介绍

作者: irenb | 来源:发表于2020-07-22 15:52 被阅读0次

高仿美团网全栈实战

技术栈: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服务(邮箱注册服务)、城市服务、推荐服务、搜索服务、地图服务、购物车、订单设计、组件复用设计、接口设计、数据对象模型、思维&技巧

系统设计

系统设计

相关文章

  • 【美团网项目】1.项目介绍

    高仿美团网全栈实战 技术栈:Vue全家桶 + SSR + Koa2 全栈开发美团网 vue.js 全家桶系列,包含...

  • ReactNative 仿美团项目

    ReactNative 仿美团项目 ReactNative 仿美团项目

  • koa2 安装

    慕课网上实战 美团网项目 koa2安装 1. npm install -g koa-generator 2.koa...

  • 2020 秋招面试记录

    1. 美团(意向书) 一面 项目介绍(需要再润饰下) JDK8的新特性 HashMap,扩容机制 Concurre...

  • 拼团项目介绍

    项目简介: 我们做什么? 我们做以小区为定位的小区拼团平台,辐射周边1公理 我们什么做? 分2步走: 1:做”京东...

  • CD 网站上客户消费记录分析

    1 项目介绍 项目名称:CD 网用户消费分析 使用工具:jupyter notbook 分析步骤及内容:1. 数...

  • 项目总结

    项目介绍一、pc端静态页面制作1.小米官网静态页面制作2.博雅互动静态页面制作二、基础实例项目1.花瓣网实例1)思...

  • 14 -vue 打包图片路径错误解决

    一、构建 VUE 项目 直接用官网的方式建立vue 项目 二、打包 VUE 项目 2.1 打包项目介绍 会在项目...

  • 2017-05-21

    系统项目整套输出 特色项目留客王牌项目 美团拓客 服务好老客户带新客

  • 互联网公司的扩张试错逻辑

    最近爆出的共享充电宝项目阵亡名单中,美团点评共享充电宝项目赫然在上。与此同时,美团最近关闭的另一个项目是松鼠便利店...

网友评论

      本文标题:【美团网项目】1.项目介绍

      本文链接:https://www.haomeiwen.com/subject/xmqtlktx.html