一、云课堂
项目要求:
- 1、完成PC端首页、课程详情页、个人中心页、课程搜索页的静态布局
- 2、数据请求并渲染到页面
- 3、首页要实现的功能:
- 用户登录、注册、忘记密码、退出登录
- 注册、忘记密码正则校验
- 课程分类点击、搜索框回车&按钮、课程类型跳转搜索页面并查找
- 直播课程滑动Tab切换
- 侧边客服QQ跳转
- 移入课程图片逐渐变大
- 点击课程进入课程详情页面
- 底部链接跳转相关页面
- 4、课程详情页面要实现的功能:
- 用户登录、注册、忘记密码、退出登录
- 注册、忘记密码正则校验
- 课程分类点击、搜索框回车&按钮跳转搜索页面并查找
- 课程描述、目录、评论Tab点击滑动切换
- 评论数据请求并渲染
- 登录后课程可收藏(有瑕疵)
- 根据是否免费进行不同的课程渲染
- 5、个人中心要实现的功能:
- 退出登录并跳转回首页
- 课程分类点击、搜索框回车&按钮跳转搜索页面并查找
- 昵称、手机号、密码修改模态框(因为接口问题,但是不做修改功能)
- 文件上传
- 6、搜索页面要实现的功能:
- 用户登录、注册、忘记密码、退出登录
- 课程分类点击、搜索框回车&按钮跳转搜索页面并查找
- 分类课程查找刷新不重置,记录数据
- 数字分页、左右按钮分页
- 点击课程进行课程页面跳转
- 7、完成手机端静态页面的搭建
- 8、手机端实现与PC端相同的功能
完成程度:90%左右
项目难点(对我个人而言):
- 1、首页
- 首页课程图片鼠标移入放大效果的实现
- 登陆注册等正则校验
- 请求到的图片大小不一致,图片大小格式的设置
- 2、课程详情页
- 课程描述、目录、评论Tab点击滑动切换,由于是请求而来的数据,初始的高度不可固定
- 3、搜索页
- 通过点击筛选条件,筛选出想要获得的课程,让本地存储记录数据,使其刷新之后也可以记住之前我所选择的课程
- 数字分页器的实现