大家都知道做视频网站必须要有顶和踩的功能,我们的校园视频管理系统的顶和踩做到了和优酷顶和踩一样的效
果,下面我们就介绍一下我做的顶和踩的功能实现。
之前想的是点击图片按钮,直接让显示和数据库中的数据都+1就可以了,后来参照了优酷,决定实现图片的“点
亮”效果,于是将原来的两张带颜色的按钮另做的两张灰色按钮,实现了图片点亮和数据及时更新的效果。
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
下面我就做一下简单的介绍一下实现。
准备黑白和彩色相对应的四张图片(可以用PS和美图秀秀修图)。
View中的代码:
<div class="ding" style="cursor:pointer;"> <img id="ding1" src="../../images/vedioPlayer/5-140FG92021-55_副本.jpg" onclick="getValueDing1()" /> <span id="dingspan">@video.VideoDingCount</span> </div> <div class="cai" style="cursor:pointer;"> <img id="cai1" src="../../images/vedioPlayer/5-140FG92022_副本.jpg" onclick="getValueDing2()" /> <span id="caispan">@video.VideoCaiCount</span> </div>
Controller中方法1,调用WCF中的方法,返回视频播放的的信息:
//通过guid查询vedio的基本信息用于页面的显示 Guid guid = new Guid(str); List<VideoInfo> videoInfoList = new List<VideoInfo>(); videoInfoList = videoInfoService.GetPlayVideoInfo(guid); ViewData["VideoInfo"] = videoInfoList;
Controller中方法2,更新顶和踩的记录,以顶为例:
#region 更新顶的记录 UpdateDingCount() 张子杰 2015-2-12 09:03:34 public bool UpdateDingCount(VideoInfo videoinfo) { string videoid = Request["VideoID"]; string dingcount = Request["DingCount"]; //将捕获的dingcount和vedioid放到实体中 VideoInfo envideoinfo = new VideoInfo(); Guid VideoID = new Guid(videoid); int DingCount = Convert.ToInt32(dingcount); envideoinfo.VideoID = VideoID; envideoinfo.VideoDingCount = DingCount; bool result = videoInfoService.UpdateDingCount(envideoinfo); return result; } #endregion
WCF中的实现方法:
#region 更新顶的个数 bool UpdateDingCount(VideoInfo videoinfo) 张子杰 2015-2-12 07:57:02 public bool UpdateDingCount(VideoInfo videoinfo) { //创建映射规则 Mapper.CreateMap<VideoInfo, VideoInfoEntity>(); //创建实体集合 VideoInfoEntity videoinfotmp = new VideoInfoEntity(); //进行转换 videoinfotmp = Mapper.Map<VideoInfoEntity>(videoinfotmp); VideoInfoEntity VideoInfoEntity = videoinfoBLL.LoadEnities(u => u.VideoID == videoinfo.VideoID).ToList().First(); VideoInfoEntity.VideoDingCount = videoinfo.VideoDingCount; bool result = videoinfoBLL.Update(VideoInfoEntity); return result; } #endregion
之后,高端大气的顶和踩功能就实现了。
原文地址:http://blog.csdn.net/zhangzijiejiayou/article/details/43850451