博文详情页面点赞功能添加并完善
2018-01-06 22:39
253 查看
1.博文点赞功能添加:
2.通过Jquery ajax的get方式,响应文章id到后台指定方法下接收
3.后台接收ID后进行阅读量自加的动作并取得数据库阅读量的值响应返回给前端,注意限制同一访问者对该文章无限的点赞
<span class="like"> <a href="javascript:void(0)" id="ding" data-action="ding" data-id="{$artInfo.art_id}" title="我赞" class="favorite done"><i class="fa fa-thumbs-up"></i>赞 <i class="count">{$artInfo.click_num}</i></a> </span>
2.通过Jquery ajax的get方式,响应文章id到后台指定方法下接收
$('#ding').click(function(){ var url="{:U('Content/clickNum')}"; var _this=$(this); //接收文章id var artId=_this.attr('data-id'); $.get(url,{'art_id':artId},function(data){ if(data.status==1){ //写入数据库响应过来的数值 $('.count').text(data.num); //修改背景色,提示不能再做点赞动作 _this.css({background:'#878787'}); }else{ alert(data.msg); }},'json') })
3.后台接收ID后进行阅读量自加的动作并取得数据库阅读量的值响应返回给前端,注意限制同一访问者对该文章无限的点赞
//内容页点赞方法 public function clickNum(){ $artId=I('get.art_id'); //获取访问用户IP $ip = get_client_ip(); $data=array('status'=>0,'msg'=>'','num'=>0); //判断用户是否已点击过 $is_click=M('clicknum')->where(array('ip'=>$ip,'art_id'=>$artId))->find(); if($is_click){ $data['msg']="您已经点过赞了!"; //如果已经点赞过了则直接return,程序终止 $this->ajaxReturn($data); } //点赞数量+1 $result=M('article')->where("art_id='$artId'")->setInc('click_num'); //将点赞用户记录记录到数据库 M('clicknum')->add(array('ip'=>$ip,'art_id'=>$artId)); if($result){ $data['status']=1; //获取数据库click_num字段的值 $data['num']=M('article')->where("art_id='$artId'")->getField('click_num'); }else{ $data['msg']='点赞失败!'; } //tp下自定义的ajax返回 $this->ajaxReturn($data); }
相关文章推荐
- ios开发之--仿购物类详情页面数量添加小功能
- 文章详情页面评论功能添加及实现原理
- 文章详情页面回复功能添加及实现原理
- web页面添加使用excel表格批量导入功能
- jquery.datatables添加页面跳转的功能
- SwipeRefreshLayout完美添加及完善上拉加载功能
- web网页,移动端h5页面添加微信分享,qq分享等功能
- 【Android开发】完善搜索功能-添加最近查询字段
- SwipeRefreshLayout完美添加及完善上拉加载功能
- React-Native 之 GD (十一)加载更多功能完善 及 跳转详情页
- Web UI自动化测试框架搭建之十八: 添加录屏功能,回放页面测试过程
- 构建Postfix+Mysql+Dovecot邮件系统,实现以Web页面访问的功能、添加SASL认证以及TLS加密传输 推荐
- 在线云评测系统日志(五):讨论区页面及点赞功能
- jQuery实现的页面详情展开收起功能示例
- 四.用户管理页面(显示所有的用户信息,同时为用户的添加,编辑,修改密码,删除,修改权限等功能提供相应的链接) UserMange.aspx
- Android手机联系人源码(添加联系人页面一个功能)修改
- Redis应用2-Redis实现开发者头条页面点赞功能
- [课程设计]Scrum 2.7 多鱼点餐系统开发进度(下单一览页面-菜式添加功能的继续实现)
- SwipeRefreshLayout完美添加及完善上拉加载功能
- 在页面中添加jquery的自动补全功能,传输数据采用JSON