Vue+Vant+ES6+Node.js+Koa+MongoDB 移动端农机商城全栈开发项目

01人 购买 好评度 66%
用手机看

扫一扫继续用手机看

  • 微信扫码

  • QQ扫码

下载手机APP
收藏
  • 农机商城全栈开发
更多班级

农机商城全栈开发

支持随到随学,24年01月过期

¥76.22

本班因教学质量问题暂时不能报名。 查看详情

课程因违反平台规定暂时不能报名。

立即购买

课程概述

目录

评论

老师介绍

  • 谢成

    谢成

    十年研发工作经验,大型公司任高级项目经理及金牌内训讲师,具有丰富的企业面试经验及带团队的经验。在Java、NodeJS、JavaScript、HTML5、CSS3、VueJs、ReactJs、前端工程化、前端架构等方面均有建树。在教学过程中,把工作中所遇到的问题及重点融入到课程体系当中,注重培养学生分析问题及解决问题的能力。
简  介 课程主要讲解,从零开始搭建一个移动端农机商城系统,包括首页展示,类别展示,购物功能,注册登录。使你掌握从前端到后端到数据库的网站开发全部技术细节。以及项目中常见的操作,如用户密码加盐加密、项目打包优化等等。
  •  技术栈:Vue 全家桶、Vant、ES6、webpack、Node.js、Koa2、 MongoDB、Mongoose
  • 课程从零开始搭建一个移动端农机商城系统,包括首页展示,类 别展示,购物功能,注册登录。使你掌握从前端到后端到数据库 的网站开发全部技术细节。
  • 课程服务
    • 直播模式:确保授课体验立体丰富
    • 线下课程辅导:遇到问题可以线下当面找老师辅导
    • 老师每天亲自回复问题: 确保问题消失在萌芽状态
    • 课程结束后感觉自己还有疑问?“视频回放+群内提问+老师亲自回复”,即使课程结束,老师也会随时给学员们解答课程 相关问题 

课程包含内容: 

一、 项目介绍及前端环境搭建 
       1、项目介绍
      2、项目前端结构初始化及目录结构介绍--VueCLI3
      3、
移动端屏幕适配方案
      4、
配置底部菜单路由--Vue Router
      5、
git版本控制 


二、 首页布局及 Vant 
      1、按需引入Vant
      2、首页布局及样式
      3、
轮播图组件及懒加载
      4、热门商品vue-awesome-swiper 


三、 Axios 及 Mock.js
       1、Axios介绍及使用
      2、Mock.js生成随机数据,拦截Ajax请求

      3、完成首页其他部分
      4、后端接口配置


四、 Koa2
      1、异步操作async、await
      2、MVC模式
      3、
安装Koa2
      4、接收前端请求GET、POST
      5、koa-router
      6、cookie
      7、模板ejs
 

五、 MongoDB
        1、安装MongoDB 
      2、常用命令
      3、数据增删改查
      4、
索引
 

六、 用户注册

      1、前端页面编写
      2、前后端交互操作数据库
      3、koa-router 
      4、Mongoose
      5、跨域
      6、密码加盐加密
 

七、 用户登录

      1、页面编写
      2、密码加盐加密
      3、session
      4、Vuex
 

八、 商品分类功能

      1、 Node.js读取JSON文件数据导入数据库
      2、
页面编写,二级联动
      3、上拉加载
      4、下拉刷新

 

九、 商品详情功能

      1、页面编写
      2、vue-router传参方式
      3、使用Vant组件
      4、连接数据库查询商品详情
      5、指定路由不显示公共组件
      6、加入购物车判断登录状态
 

十、 购物车功能及打包优化

      1、页面编写
      2、总价计算computed
      3、多集合查询
      4、打包
优化
           (1)刷新页面,footerBar默认选中
           (2)缓存路由组件
           (3)路由组件懒加载
           (4)错误页面处理 404
           (5)UI库按需加载
           (6)打包文件分析 report
           (7)gzip



 
提升技能,获取属于自己的offer ~ 
 

亲爱的同学,课程的任何问题,要相关软件包和基础学习资料下载请扫码 ~




 

* 课程提供者:唯创网讯