你将学到的
  • npm 基础用法
  • babel 的基础配置
  • 使用 Mongoose 连接 MongoDB 数据库
  • Koa-router 的使用
  • webpack 的配置及相关概念
  • postcss 的基础配置
  • Koa 中间件的使用
  • Vue 组件的编写与复用
课程内容
  共15个章节
lab-classic 实验 1 Koa.js 和 Vue.js 开发环境搭建

知识点: 1.编写koajs应用代码 2.vue/cli的创建项目 3.webpack的配置及相关概念

lab-classic 实验 2 项目基础构建

知识点: 1.使用Mongoose连接MongoDB数据库 2.Koa中间件的使用 3.koarouter的使用 4.Vue组件的编写与复用 5.Vue路由配置

lab-classic 实验 3 实现登录与注册

知识点: 1.mongoose的使用 2.koarouter的使用 3.vuex的使用 4.axios的使用

lab-classic 实验 4 实现商品分类管理与显示(一)

知识点: 1.mongoose 2.koa 3.koarouter

lab-classic 实验 5 实现商品分类管理与显示(二)

知识点: 1.elementui组件的使用 2.elementui的表单验证 3.子组件的用法 4.子组件与父组件的通信 5.props的使用 6.vuex的使用

lab-classic 实验 6 实现商品标签管理与显示(一)

知识点: 1.mongoose 2.koarouter

lab-classic 实验 7 实现商品标签管理与显示(二)

知识点: 1.elementui的使用 2.Vue子组件与父组件的通信 3.props的使用

lab-classic 实验 8 实现商品管理与显示(一)

知识点: 1.mongoose 2.koarouter

lab-classic 实验 9 实现商品管理与显示(二)

知识点: 1.elementui 2.vuerouter 3.vue组件

lab-classic 实验 10 实现商品管理与显示(三)

知识点: 1.Vue组件 2.vuerouter

lab-classic 实验 11 实现商品搜索功能

知识点: 1.Vue组件

lab-classic 实验 12 实现商品详情展示

知识点: 1.mongoose 2.koarouter 3.vue组件

lab-classic 实验 13 实现个人主页

知识点: 1.Vue组件 2.vuerouter

lab-classic 实验 14 实现商品收藏功能

知识点: 1.mongoose 2.koarouter 3.Vue组件

lab-classic 实验 15 生产环境部署及课程总结

知识点: 1.pm2

课程介绍

本训练营使用 Vue.js+Koa.js+MongoDB 实现一个类似于「什么值得买」的网站。前端页面使用 Vue.js 实现,主要使用 Vue,Vue-router,Vuex 等技术。服务器端使用 Node.js 实现的一个 Web 框架,主要学习基于 Koa.js 开发。网站使用 MongoDB 做数据存储,实现的功能模块主要有:用户管理、商品分类管理、商品标签管理、商品管理等。

部分效果

图片描述

适合人群

  • 具有一点 Web 开发基础,对 Vue.js、Koa.js 感兴趣的同学。

先学知识

课程信息

  • 学习周期:课程有效期 2 个月, 2 个月后实验文档一直可以看,但无法进行在线实验。高级会员有效期内可一直学习,高级会员到期后课程失效(不能看文档)。
  • 课程价格:课程优惠价 79 元。
  • 企业团报:可获得更多支持服务,请点击 购买咨询
课程教师

forever 共发布过 6 门课程

查看老师的所有课程 >
实验楼楼+
实验楼会员