前言
经过一段时间vue的学习，因此决定做一个项目来练练手，看看学习成果如何。vue.js作为一个渐进式的js框架，和其它两大框架比起来相对来说简单易用，比较容易上手。源码地址：github。受gif图大小影响，以下动态图如加载过慢请耐心等待。
技术栈
前端
- vue 前端页面展示
- vue-router spa
- axios 异步请求
- sessionStorage 个人信息的存储
- Eslint 代码规范
- vant 部分引入(轻量、可靠的移动端 Vue 组件库)
后端
- koa：基于Nodejs封装的一个框架
- koa-generator：创建koa项目所用的脚手架
- koa-router：后端服务路由控制
- MySQL：数据库
- koa2-cors：处理跨域
实现功能
- 轮播图
- 分类模块
- 搜索功能
- 课程详情展示
- 课程视频选择模块
- 评论功能
- 评论按时间、热度展示
- 相关课程推荐
- 换一批功能
- 课程加入课程表
- 课程表删除模块(全选、非全选)
- 登录/登出
- 注册
项目预览
效果总览
效果图.gif
搜索功能
效果图.gif
登录功能
效果图.gif
分类模块
效果图.gif
评论模块
效果图.gif
加入课程表
效果图.gif
课程表删除
效果图.gif
注意：评论和加入/删除课程表需要登录
结语
功能模块具体实现后续完善~~如果你对此感兴趣的话可自行查看源码。如果有什么错误或者不足之处，欢迎大家斧正，十分感谢！学习的路还很长，纸上得来终觉浅，务必多实践。
