你将学到的
  • Express 的使用
  • Vue-Router 的基本配置
  • vuex 状态管理
  • 数据懒加载
  • Sass & Less 预处理器的使用
  • Vue 的基本使用
  • 饿了么 APP 全栈项目实战
  • MongoDB 的基础知识及项目运用
  • rem 移动端适配方案
  • 前后端数据交互
课程内容
  共20个章节
实验 1 介绍与准备
实验 2 入口路由以及公共组件封装

知识点: 1.路由入口 2.路由配置 3.组件封装 4.svg使用

知识点: 1.ajax请求 2.vuevfor列表渲染 3.路由按需加载 4.<routerlink>路由切换 5.vuerouter路由传参 6.路由获取参数

实验 4 外卖页实现

知识点: 1.swiper轮播组件 2.路由传参(query类型) 3.父子组件通信props 4.循环渲染 5.async函数

实验 5 登陆注册页

知识点: 1.vue表单处理 2.vuexlocalstorage登录维持 3.vuex用户信息管理

知识点: 1.betterscroll移动端滚动方案 2.vuexlocalstorage购物车数据维护

知识点: 1.vuex购物车信息管理

知识点: 1.条件渲染和循环渲染 2.路由传参(query类) 3.localstorage本地存储

实验 9 订单列表页

知识点: 1.BScroll模拟滚动 2.vuex历史订单管理

知识点: 1.循环渲染 2.路由传参 3.vuex状态管理 4.localstorage清除储存数据

实验 11 后台管理系统

知识点: 1.less 2.elementui

实验 12 后台注册与登录

知识点: 1.elementform组件 2.vuexlocalstorage登录维持

实验 13 后台数据展示模块

知识点: 1.路由meta项 2.elementui表单、分页、dialog组件使用

实验 14 后台数据添加模块

知识点: 1.elementui表单控件

知识点: 1.express生成器初始化项目 2.MVC模式项目结构搭建 3.在Node开发中使用es6模块机制

知识点: 1.mongoose连接mongodb数据库 2.mongoose实现数据库的增删改查 3.创建模型

实验 17 普通用户相关逻辑处理

知识点: 1.基类封装 2.es6继承方式 3.图片上传 4.gm图片处理 5.百度、腾讯地图API 6.使用captchapng生成验证码

实验 18 商铺商品逻辑处理

知识点: 1.处理前端回传数据 2.数据库增删改查 3.formidable处理表单数据

实验 19 地址、订单、管理页面逻辑处理

知识点: 1.后台地址信息在数据库中的增删改查 2.购物车处理 3.添加订单信息在数据库中的增删改查 4.管理权限控制 5.formidable处理表单数据

实验 20 后台路由配置

知识点: 1.后台路由整理 2.路由注册

课程介绍

饿了么作为一款当下用户规模最大、月活跃人数最多的外卖 APP,它的用户体验也得到了广泛好评。 在本训练营中,我们将学习怎样使用 Vue + express + MongoDB 进行全栈移动端项目的开发。课程内容主要分为 3 个部分:前端页面展示与业务逻辑的实现、后台管理系统的实现、后端数据操作与路由配置的实现。涵盖有包含 ES6,webpack,Vue 全家桶,express,mongoose 在内的多个知识点,让大家从无到有开发一个线上项目,并学习到一定的开发经验以及其中的开发技巧。

先学课程

效果展示

  • 自动定位与地址选择。

此处输入图片的描述

  • 店铺搜索。

此处输入图片的描述

适合人群

  • 已经具有一定 Web 开发基础,对 Vue 和 Web 全栈开发感兴趣的同学。

课程信息

  • 学习周期:课程有效期 2 个月,2 个月后无法进行在线实验,但可查看文档内容。高级会员有效期内可一直学习,到期后课程失效,且无法查看文档。部分云主机实验环境因成本较高,存在开启次数限制。关于课程退款等相关注意事项说明,请阅读 用户付费协议
  • 版权说明:课程内容为实验楼原创或实验楼在原作者授权下制作。未经书面同意,擅自爬取、转载和再分发课程内容,均将受到严肃追责。
  • 企业团报:企业购买,请点击 企业用户咨询
课程教师

linki 共发布过 2 门课程

查看老师的所有课程 >
蓝桥楼+
蓝桥会员
会员
开通会员,即刻开始学习