导图社区 前端任务
这是一篇关于前端任务的思维导图
编辑于2021-10-22 18:29:45前端
网站主页
整体预览
顶部栏
要求所有界面都有,样式不变
左边设置一个返回主页按钮(最好用一个小图标代替,网站的小logo)
中间显示搜索栏
在右边添加搜索按钮
点击搜索按钮进入搜索界面
右边1边显示用户名
未登录:显示登录超链接文字,点击进入登录界面
已登录:显示“欢迎您,”+用户名,右边有注销超链接文字
点击用户名进入个人主页
右边2有关于我们超链接文字
跳转到关于我们界面
子主题
网站logo
用PS做好看的艺术字图片
背景图
要美观简洁,所有界面的背景图统一用这个
视频区
视频推荐
随机展示视频模块
分区
按视频的分区展示视频模块
点击分区名字能跳转至分区界面
影视区
ACG区
学习区
综合区
分区界面
视频热度排行榜
按照1日内播放量增量排行展示视频模块
自动登录
要求页面切换的时候能保持在现在登录的账户
登陆一次退出后在一定时间内能自动登录
搜索界面
整体界面
搜索栏默认文字:其他界面使用搜索栏时输入的文字
视频区做得大一点,最好能动态变化高度
个人主页
整体界面
顶部栏下方显示“你好,”+用户名
用户信息为:用户名、注册时间、视频数、电子邮箱
上传的视频为显示视频名超链接,每条前面加个radio,用于选择视频删除
上传视频界面
整体界面
上传成功后自动生成视频id、上传时间、播放量、点赞量等信息并写入数据库
视频删除
点击视频删除按钮删除选中的视频
注册界面
整体预览
用户名、密码、确认密码、电子邮箱
注册、重置按钮
红色部分为提示/警告信息,同实验一
登陆界面
整体预览
用户名+密码+登录+重置
登录栏下方有注册界面的跳转超链接
视频链接模块
样式
举例参照
要求点击即可进入目标视频界面
可以学习vue.js制作这样的卡片
要实现将模块整齐展示到界面上的功能
视频播放界面
整体界面
播放界面使用video标签,src路径先空着
视频信息按照图上格式显示