tp5.0 实现小程序点赞,取消功能,附前后端代码

摸索一天,发现小程序的机制实在鸡肋,一个简单的点赞功能,用到的东西太多

msgzan: function (e){
var item_id = e.currentTarget.dataset.id//此处找到列表的id   //console.log(item_id);//列表id var that = this; var show;//传递到数据库点赞的状态 var cookie_mid = wx.getStorageSync('zan') || [];//获取全部点赞的mid var newmessage = []; for (let i = 0; i < that.data.msglist.length; i++) { if (that.data.msglist[i].id == item_id) {//遍历找到对应的id var num = that.data.msglist[i].zan;//当前赞数 var isshow; //点赞的状态 if (cookie_mid.includes(item_id)) {//说明已经点过赞,取消赞 for (let j = 0; j < cookie_mid.length; j++) { if (cookie_mid[j] == item_id) { cookie_mid.splice(j, 1);//删除取消赞的mid } } --num; isshow = 0;//点赞的状态 that.setData({//es6模板语法(反撇号字符) [`msglist[${i}].zan`]: num }) wx.setStorageSync('zan', cookie_mid); wx.showToast({ title: "取消点赞!", icon: 'none' }) } else { isshow = 1;//点赞的状态 ++num; that.setData({ [`msglist[${i}].zan`]: num//es6模板语法(反撇号字符) }) cookie_mid.unshift(item_id);//新增赞的mid wx.setStorageSync('zan', cookie_mid); wx.showToast({ title: "点赞成功!", icon: 'none' }) //console.log("前端点赞成功" + isshow) } wx.request({ url: app.globalData.url + '/routine/auth_api/discusszan?uid=' + app.globalData.uid, method: 'GET', header: { 'Content-Type': 'application/x-www-form-urlencoded' }, data: { id: item_id, show: isshow, }, success: function (res) { //console.log("show:" +show) //console.log(res.data); } }) } } }

下面是php代码

 public function discusszan(){
        $uid=input('get.uid');
        $mid=input('get.id');
        $isadd=input('get.show')?1:0;
        $data=['uid'=>$uid,'mid'=>$mid];
        $find=db('discuss_zan')->where('uid',$uid)->where('mid',$mid)->count();
        if(!$find&&$isadd==1){
            $res=db('discuss_zan')->insert($data);
            $sum=db('discuss')->where('id',$mid)->setInc('zan');
            if($res&&$sum)return json(['code'=>200,'msg'=>'']);
        }else{
            $result=db('discuss_zan')->where('uid',$uid)->where('mid',$mid)->delete();
            $sum=db('discuss')->where('id',$mid)->setDec('zan');
            if($result&&$sum)return json(['code'=>202,'msg'=>'取消']);
        }
       
    }   

 

posted @ 2019-08-19 15:53  *边城浪子  阅读(466)  评论(0编辑  收藏  举报