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

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

实验 2 项目基础构建

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

实验 3 实现登录与注册

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

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

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

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

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

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

知识点: 1.mongoose 2.koarouter

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

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

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

知识点: 1.mongoose 2.koarouter

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

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

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

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

实验 11 实现商品搜索功能

知识点: 1.Vue组件

实验 12 实现商品详情展示

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

实验 13 实现个人主页

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

实验 14 实现商品收藏功能

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

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

forever 共发布过 10 门课程

查看老师的所有课程 >
实验楼楼+
实验楼会员
会员
开通会员,即刻开始学习
公众号
实验楼学习助手 实验楼订阅号