vue仿腾讯课堂移动端

前言

经过一段时间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

注意:评论和加入/删除课程表需要登录

结语

功能模块具体实现后续完善~~如果你对此感兴趣的话可自行查看源码。如果有什么错误或者不足之处,欢迎大家斧正,十分感谢!学习的路还很长,纸上得来终觉浅,务必多实践。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,202评论 0 1
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    随行者pgl阅读 3,406评论 0 15
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    小姜先森o0O阅读 9,837评论 0 72
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    流觞小菜鸟阅读 1,890评论 2 8
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    柴东啊阅读 15,889评论 2 140