发表于: 2017-12-30 19:49:16
1 410
今天完成内容:
(1)改了后端方案格式,完善了一下。
影像部方案:
影像部
前台:
4.1作为一名初高中生用户,我希望有教学视频的内容,以便于我能够观看视频进行学习。
4.2作为一名初高中生用户,我希望视频可以按照年级、科目和视频列表展示内容,以便于我能够选择符合自己需求的视频。
4.3作为一名初高中生用户,我希望在视频列表中可以展示视频的详细信息,以便于我选择是否观看此视频。
4.4作为一名初高中生用户,我希望在视频详情里可以看到视频的标题、老师昵称、发布时间、播放视频、文字内容、收藏点赞数,这样便于我更清晰的浏览视频和内容。
方案:
影像部列表页:
由背景图进入,一个get接口;如果用户未选择年级,那么按照全部来筛选(即按照时间排序),如果用户已有年级,那么按照用户年级条件筛选(按时间排序)获取的信息。
展示内容:
上面有两个条件筛选,两个接口:分别按照年级和科目字段进行筛选。
banner类型,返回banner图:只返回封面,点击进入详情页,无内容链接点击无反应。
card类型,联表教师表和视频表,返回字段:老师头像,昵称,视频简介,视频封面(包含了图片,视频名,视频时长,点击观看按钮),收藏,点赞,时间。
点击观看按钮:进入每篇视频详情的接口。(数据加载,交给前端。断网之后,按钮没有反应。)
另一个接口:通过入参url返回该视频某帧图片的url。(金山云有相应接口,具体看文档)
视频详情页:
根据id返回记录接口:返回每条记录的各个字段:标题,作者,摘要,正文内容,点赞数,收藏数,时间(和列表页时间相同)
点赞和收藏接口,合并。
点击按钮,先查表,第一张读视频表的对应点赞收藏数,第二张入参为用户id,视频id,点赞还是收藏,如果没记录,需要先插入一条新纪录,状态直接设成已点同时进行点赞收藏数更新;如果有记录,还需要进行更改状态操作同时还要更新文章点赞收藏数(如果之前为1(已赞),更改为2(取消),点赞数-1,反之亦然)。
验收标准:
1.进入影像部路径:
在一级背景图上面可以看到影像部,对背景大小可手动缩放,滑动并且可以查看全图。点击影像部进入视频界面。
2.影像部列表页面:
页面分为年级科目列表、banner图和视频列表。
字段显示:每次进入影像部列表页都默认显示年级和科目。
视频列表显示有两种情况:
a在学生证中设置年级后(如:高三),进入影像部,选择初中部,视频列表为初中的全部科目视频。选择高中部,视频列表为高三的全部科目视频。
b.在学生证中未设置年级,进入影像部,选择初中部,列表页视频为初中的全部科目视频。选择高中部,列表页视频为高中的全部科目视频。
(1)年级科目:点击年级和科目后,展示的视频内容同步更新。
(2)banner图:banner图进行轮播显示,banner图无内容链接则点击无反应;有内容链接则跳转相应的内容详情进行浏览。
(3)视频列表:列表中可以看到老师头像、昵称、视频简介、收藏数、点赞数、发表时间。
老师头像和昵称在左上角显示;视频简介:初始最多显示两行内容,超过两行后出现更多按钮,点击更多展出全部简介内容。每行最多显示27个字,超过27字另起一行。
收藏数和点赞数不可以在列表页操作;发表时间:不足1小时,按 –eg:1小时前 显示;24小时之内都用小时来展示 - eg:6小时前;24小时之外用日期来展示 - eg:2017-01-02;
(4) 列表视频中内容展示:展示视频标题、视频时长、观看视频按钮。
视频标题:视频标题展示一行限制20字,超过20字另起一行,默认居中对齐
视频时长:-eg 04:35
观看视频按钮:播放键
(5)数据加载:列表以10条数据为一组进行“点击加载更多”,每加载一次刷新再次加载10条数据。没有数据时底部提示“哎呀,没有了,别点啦”。
3.影像部视频详情页:
(1)点击视频列表中的某一部视频可跳转到相应的详情页,详情页展示视频的标题、老师昵称、发表时间、简介、视频播放框、正文内容、收藏数、点赞数。点击视频播放框播放按键对视频进行播放。
(2)点赞:点击空心点赞图标,图标状态点亮,数字统计+1,再点击点亮图标,状态改回初始状态,数字统计-1。
收藏:点击空心收藏图标,图标状态点亮,数字统计+1,提示“收藏成功”,再点击收藏图标,状态改回初始状态,数字统计-1。提示“取消收藏”。
(3)小窗功能:边看视频边浏览。观看视频过程中,向下滚动时,视频播放窗口会保持在顶部,向上滚动到顶部时,回到最初始状态。
后台:
4.5作为一名后台管理员,我希望有视频管理,以便于我能够管理视频信息。
4.6作为一名后台管理员,我希望视频有新增、编辑、查看、上下架功能,以便于我能够管理视频内容。
方案:
视频列表页:
搜索接口:得到老师入参,先查老师表,返回老师id,入参是多参数,然后动态查询。返回视频列表,按时间排序,字段:标题,分类,年级,科目,老师,收藏,点赞,时间,状态。
新增接口:跳转到新增页面,新增插入数据,新增内容默认下架,需要图片上传相关的接口方法,上传接口和删除接口,下拉菜单中的数据,除了老师由后端返回,其他前后端约定后写死。
查看接口:查表返回字段。
编辑接口:跳转编辑页面,更新表。
上下架接口:按钮文字和返回的状态文字相反,功能是,点击按钮,首先判断是上架操作还是下架操作,如果是下架,不用后面的操作,直接改变状态即可;如果是上架,之后判断记录分类,如果是card,则直接改变记录的状态字段即可;如果是banner,则需要查询视频表中的banner类型且状态为上架的记录,并按照时间倒序排列,然后取list的长度,如果该数小于8,则直接改变状态即可;否则,定位到list最后一条,并将该条记录的状态改变为下架,然后将按钮所在记录的状态改为上架。
视频新增页:
图片上传接口和删除接口。
老师的添加接口:弹出弹窗,往老师表插入数据。
老师的删除接口:如果未选择老师,提示选择老师,如果已选择,删除老师表的字段。
视频编辑页:
基本与新增页一致,不过需要返回表的字段。
视频查看页:
查表的字段即可。
验收标准:
1.视频列表:
(1)搜索框内容:标题、分类、所属年级、所属科目、点赞数、收藏数
(2)后台点击侧边栏内容管理下的视频列表,即可看到对视频信息的管理,列表会展示视频的序号、视频标题、所属年级、所属科目、老师、收藏数、点赞数、编辑时间、状态。可对上传的视频进行查看、编辑、上下架、搜索的操作。列表数据按照上架的时间倒叙排列,视频数据1页展示10条数据,超出换页展示。
(3)点击“下架”按钮则弹窗提示“是否下架该视频?”是:提示下架成功;否:弹窗消失,展示当前列表。点击“上架”按钮则弹窗提示“是否上架该视频?”是:提示上架成功;否:弹窗消失,展示当前列表。
(4)标题下的内容每行显示14个字,超过14字换行。老师下的内容每行显示5个字,超过5个字换行。
(5)banner图排序:点击“banner排序”,按钮改为“保持排序”,列表页内容只显示banner图,点击其中一项内容上下拖动排序。顺序排好后,点击保持排序,弹窗提示:“保持排序成功”,点击确定,保存成功,点击取消,则状态不变。前台限制显示8张banner图,后台banner图列表中序号1-8的内容,在前台展示 。
2.视频新增:
(1)点击“新增”按钮,展示信息:所属年级、所属科目、老师、视频标题、分类:banner图和视频内容、视频简介、视频url地址、正文。
(2)年级名称:对初中、高中、初一、初二、初三、高一、高二、高三、其他进行点击选择。
(3)科目名称:对语文、数学、英语、物理、化学、生物、历史、地理、政治、其他进行点击选择。
(4)老师昵称和头像:老师昵称初始内容为空,点击添加,弹出弹窗,输入昵称,上传头像图片,点击保存,弹窗提示保存成功。保存成功后,老师昵称会展示在列表内,选择昵称,头像同步更新变化。昵称列表中,选中老师昵称的姓名,点击删除,弹出提示框,选择确定,删除成功。
(5)视频标题:限制40个字
(6)分类:选择banner图,则显示出上传封面(上传文件在5M以内)的操作。选择card视频,则不显示上传封面的内容。分类选择为card视频时,所有内容必须填写才能保存,选择为banner图时,所有内容必须填写才能保存。
(7)视频简介、限制140个字
(8)视频url地址:输入地址以后,显示出视频播放框,可播放视频。
(9)视频截图:在视频地址链接下面,需上传上传视频截图,上传的截图用于在前台的列表展示。
(10)正文:无文字限制。
(11)点击“保存”,页面跳转到视频列表页,并且有弹窗提示“内容添加成功”,视频默认下架状态。点击取消,则弹窗提示:“确定取消编辑内容?”确定:则返回视频列表;取消:弹窗消失。
3.视频列表页查看和编辑
(1)点击“查看”按钮可对视频的内容进行查看(与视频新增页面显示一致内容,不同的是底部为返回按钮。
(2)点击“编辑”按钮可对视频的内容进行编辑。(与视频新增页面显示一致内容,不同的是底部为修改和取消按钮。),点击“修改”按钮即可对内容进行编辑。点击取消,则弹窗提示:“确定取消修改内容?”确定:则返回视频列表;取消:弹窗消失。
(2)写出动态查询sql。
让我负责一部分,我只写了用户管理处和视频管理处的多条件查询sql语句,且不知道对错,看看志荣怎么说,其实不知道写出来有什么意义,都是自动生成的。
视频:
select video_title , video_type,grade,subject, video_praise, video_collection,teacher_id,video_status from video where video.video_title & like '%#{videoTitle}%' and video.video_type & = ‘#{videoType}’ and video.grade & = ‘#{grade}’ and video.subject & = ‘#{subject}’ and video.video_praise & > ‘#{videoPraise}’ and video.video_praise & < ‘#{videoPraise} and video.video_collection & > ‘#{videoCollection}’ and video.video_collection & < ‘#{videoCollection} and video.teacher_id & = ‘#{teacherId}’ and video.video_status & = ‘#{videoStatus}’ order by update_at desc
用户:
明天的计划:请假
遇到的问题:暂无。
收获:以上。
评论