云课堂&云音乐项目总结

一、云课堂

项目要求：

1. 1、完成PC端首页、课程详情页、个人中心页、课程搜索页的静态布局
2. 2、数据请求并渲染到页面
3. 3、首页要实现的功能：

•        用户登录、注册、忘记密码、退出登录
•        注册、忘记密码正则校验
•        课程分类点击、搜索框回车&按钮、课程类型跳转搜索页面并查找
•        直播课程滑动Tab切换
•        侧边客服QQ跳转
•        移入课程图片逐渐变大
•        点击课程进入课程详情页面
•        底部链接跳转相关页面

1. 4、课程详情页面要实现的功能：

•        用户登录、注册、忘记密码、退出登录
•        注册、忘记密码正则校验
•        课程分类点击、搜索框回车&按钮跳转搜索页面并查找
•        课程描述、目录、评论Tab点击滑动切换
•        评论数据请求并渲染
•        登录后课程可收藏（有瑕疵）
•        根据是否免费进行不同的课程渲染

1. 5、个人中心要实现的功能：

•        退出登录并跳转回首页
•        课程分类点击、搜索框回车&按钮跳转搜索页面并查找
•        昵称、手机号、密码修改模态框（因为接口问题，但是不做修改功能）
•        文件上传

1. 6、搜索页面要实现的功能：

•        用户登录、注册、忘记密码、退出登录
•        课程分类点击、搜索框回车&按钮跳转搜索页面并查找
•        分类课程查找刷新不重置，记录数据
•        数字分页、左右按钮分页
•        点击课程进行课程页面跳转

1. 7、完成手机端静态页面的搭建
2. 8、手机端实现与PC端相同的功能

完成程度：90%左右

项目难点（对我个人而言）：

1. 1、首页

•         首页课程图片鼠标移入放大效果的实现
•         登陆注册等正则校验
•         请求到的图片大小不一致，图片大小格式的设置

1. 2、课程详情页

•        课程描述、目录、评论Tab点击滑动切换，由于是请求而来的数据，初始的高度不可固定

1. 3、搜索页

•        通过点击筛选条件，筛选出想要获得的课程，让本地存储记录数据，使其刷新之后也可以记住之前我所选择的课程

•        数字分页器的实现