课程试听
正在播放
1-1 项目介绍
  • 01-项目介绍以及SPA和服务端渲染
  • 02-系统开发流程介绍
1-2 搭建项目结构
  • 03-项目框架初步搭建和端口的修改
  • 04-项目集成css和less文件解析和集成antd
  • 05-重写_document.js完成antd的全部组件样式导入
  • 06-头部和底部抽离分析和代码实现
  • 07-头部和底部组件样式调整
1-3 项目介绍和框架搭建
  • 08-redux执行过程分析
  • 09-1-redux代码实现1
  • 09-2-redux代码实现2
  • 09-3-redux代码实现总结
  • 10-利用redux-persist完成将store中的state保存到localStorage中
  • 11-1- 利用fetch实现数据请求封装get方法
  • 11-2- 利用fetch实现数据请求封装post
  • 11-3- 测试封装好的fetch方法
1-4 项目业务-登录
  • 12-1-登录过程中浏览器与服务器的处理过程分析(理解Session状态管理机制)
  • 12-2- 登录功能实现1
  • 12-3- 登录功能实现2
  • 13-1登录成功跳转以及sessionStorage存储用户信息-前半部分
  • 13-2登录成功跳转以及sessionStorage存储用户信息-后半部分
  • 13-3利用antd中的表单组件实现登录页面用户名手机号码正则验证
  • 13-4 登录组件样式的两种写法演示-3
1-5 注册功能
  • 14-1注册功能分析业务分析和单独在Register实现注册页面原因
  • 14-2注册页面静态页面结构实现
  • 14-3注册页面表单元素合法性检查初步实现
  • 14-4 完成手机号码是否已经被注册业务逻辑
  • 14-5 完善手机号码是否被注册检查业务逻辑-点击注册按钮时也应该检查
  • 14-6 完成点击注册按钮业务逻辑代码
  • 14-7 完成点击获取验证码请求服务器业务代码
  • 14-8 获取验证码按钮倒计时业务实现
  • 14-9 使用antd中的表单中的自定义验证规则完成再次输入密码的一致性检查
1-6 项目业务-学生端首页
  • 15-1 学生端首页页面分析和静态结构实现
  • 15-2 学生端首页-通过getInitialProps轮播图数据并且动态渲染
  • 15-3 学生端首页-通过getInitialProps课程导航数据并且动态渲染
  • 15-4 学生端首页-通过componentWillMount实现精品课程的数据获取和渲染
  • 15-5 学生端首页-通过componentWillMount实现不同课程分组的数据获取和渲染
  • 15-6 学生端首页- 实现课程标签的动态化和修复map遍历时报没有定义key的错误
1-7 项目业务-学生端详情页
  • 16-1 学生端课程详情页面实现思路分析
  • 16-2 学生端课程详情页中利用withRouter实现url传参值的获取
  • 16-3 学生端课程详情页面静态结构实现(使用了antd中的Tab组件
  • 16-4 学生端课程详情页顶部数据获取(使用getInitialProps方式)
  • 16-5 学生端课程详情页课程详情、常见问题、授课老师数据展示
  • 16-6 学生端课程详情页课程大纲实现1
  • 16-6 学生端课程详情页课程大纲实现2
1-8 购物车&订单确认&支付
  • 17-1 分析购物车实现业务以及加入购物车按钮实现思路
  • 17-2 实现加入购物车按钮功能1
  • 17-2 实现加入购物车按钮功能2
  • 17-2 实现加入购物车按钮功能3
  • 17-3 实现购物车列表数据展示
  • 17-3-1 实现购物车列表数据删除
  • 17-3-2 实现购物车列表勾选商品总价格计算和控制结算按钮是否可用
  • 17-4-1 分析订单确认和下单操作业务
  • 17-4-2 将用户勾选购物车中的课程数据使用redux管理起来
  • 17-4-3 实现订单确认页面业务代码
  • 17-4-4 分析和实现订单确认页面中的下单按钮逻辑
  • 17-4-5 分析支付页面要实现的业务和数据来源以及接口调用
  • 17-4-6 实现支付页面支付链接的二维码生成
  • 17-4-7 支付页面使用定时器进行支付状态检查
1-9 个人中心
  • 18-1 完成我的订单页面数据动态化
  • 18-2 修复我的订单上数据展示
  • 18-3 完成筛选订单数据功能
  • 18-4 完成订单数据分页功能
  • 18-5 完成我的课程页面功能
1-10 完善课程详情页面
  • 19 完善课程详情页面免费和收费课程播放权限的控制
1-11 播放页面
  • 20-1 视频播放页面业务分析和页面静态结构创建
  • 20-2 利用Router对象实现detial页面中的章节跳转功能
  • 20-3 完成视频播放页面登录判断业务代码
  • 20-4 完成视频播放页面视频源,代码,资源下载业务代码
  • 20-5 完成视频播放页面章节树业务代码
  • 20-6-1 完成视频播放章节问答业务分析和列表数据获取
  • 20-6-2 完成分页获取问答列表功能
  • 20-6-3 完成问题提交和回答功能
1-12 后台管理系统
  • 21-1 后台管理系统业务分析和布局组件加载实现思路分析
  • 21-2 实现后台管理系统布局组件代码实现
  • 21-3 实现课程列表数据动态化和分页功能
  • 21-4 实现课程列表条件筛选功能
  • 21-5 实现新增页面静态结构和富文本编辑器的使用
  • 21-6 利用TreeSelect组件实现新增课程页面中的课程分类树型数据展示
  • 21-7 实现课程新增页面图片的上传功能
  • 21-8 完成新增课程post数据功能
  • 21-9 实现课程大纲树形表格功能
  • 21-10 优化章节列表功能
  • 21-11 实现新增一级大纲和二级大纲功能
  • 21-12 完成大纲数据编辑功能
  • 21-13 在头部组件中增加后台管理入口
  • 21-14 next.js项目的发布演示和完整代码和文档地址说明