# Html 模版源碼 ~~~ <div class="text-center"> <button class="btn bg-success" type="button" id="sc" user_id="{$article->user->id}" article_id="{$article.id}" session_id="{$Think.session.uid}" > {if $Think.session.code == 1} <span style="color: white!important;">取消收藏 </span></button> {else/} <span style="color: white!important;">收藏 </span></button> {/if} <button class="btn bg-danger" type="button" id="dz" user_id="{$article->user->id}" article_id="{$article.id}" session_id="{$Think.session.uid}"> {if $Think.session.zan == 1} <span style="color: white!important;">取消點贊</span> {else/} <span style="color: white!important;">點贊 </span></button> {/if} </button> </div> ~~~ # js代碼 ~~~ <script> $(function () { //收藏功能 $('#sc').click(function () { //獲取文章id let user_id = $(this).attr('user_id') //獲取文章id let article_id = $(this).attr('article_id') //獲取session id let session_id = $(this).attr('session_id') if (user_id && article_id){ $.ajax({ type: 'get', url: "{:url('/collection')}", data:{ 'user_id':user_id, 'article_id':article_id, 'session_id':session_id, }, dataType: 'json', success: function(data){ switch (data.status) { case 1: swal({ text: data.message, icon: "success", button: false }); $('#sc').attr('class','btn bg-danger') $('#sc').html(' <span style="color: white!important;">收藏成功 </span>') break case 0 : swal({ text: data.message, icon: "warning", button: false, }); break case -1: swal({ text: data.message, icon: "warning", button: false, }); $('#sc').attr('class','btn bg-success') $('#sc').html('<span style="color: white!important;">收藏</span>') break } } }) } }) //點贊功能 $('#dz').click(function () { //獲取文章id let user_id = $(this).attr('user_id') //獲取文章id let article_id = $(this).attr('article_id') //獲取session id let session_id = $(this).attr('session_id') if (user_id && article_id){ $.ajax({ type: 'get', url: "{:url('/zan')}", data:{ 'user_id':user_id, 'article_id':article_id, 'session_id':session_id, }, dataType: 'json', success: function(data){ switch (data.status) { case 1: swal({ text: data.message, icon: "success", button: false }); $('#dz').attr('class','btn bg-danger') $('#dz').html(' <span style="color: white!important;">點贊成功 </span>') break case 0 : swal({ text: data.message, icon: "warning", button: false, }); break case -1: swal({ text: data.message, icon: "warning", button: false, }); $('#dz').attr('class','btn bg-success') $('#dz').html('<span style="color: white!important;">點贊</span>') break } } }) } }) }) </script> ~~~ # php 代碼 ~~~ //加入收藏 public function collection(Request $request){ $data = $request->param(); //判斷是否登錄進行收藏 if ($data['session_id'] == null){ return ['status'=> 0,'message'=>'您還沒有登錄,不能進行文章收藏']; } //定義規則,進行數據庫查詢 $map[] = ['user_id','=', $data['user_id']]; $map[] = ['article_id','=', $data['article_id']]; $rule = Db::table('collection')->where($map)->find(); if (is_null($rule)){ $rule = Db::table('collection')->insert( [ 'user_id' => $data['user_id'], 'article_id' => $data['article_id'], ] ); session('code',1); return ['status'=>1,'message'=>'收藏成功']; }else{ session('code',0); Db::table('collection')->where($map)->delete(); return ['status'=>-1, 'message'=>'取消收藏']; } } //點贊 public function zan(Request $request){ $data = $request->param(); //判斷是否登錄進行收藏 if ($data['session_id'] == null){ return ['status'=> 0,'message'=>'您還沒有登錄,不能對文章點贊']; } //定義規則,進行數據庫查詢 $map[] = ['user_id','=', $data['user_id']]; $map[] = ['article_id','=', $data['article_id']]; $rule = Db::table('zan')->where($map)->find(); if (is_null($rule)){ Db::table('zan')->insert( [ 'user_id' => $data['user_id'], 'article_id' => $data['article_id'], ] ); session('zan',1); return ['status'=>1,'message'=>'點贊成功']; }else{ session('zan',0); Db::table('zan')->where($map)->delete(); return ['status'=>-1, 'message'=>'取消點贊']; } } ~~~ # 路由設置 ~~~ //加入收藏 Route::get('collection','index/collection'); //點贊 Route::get('zan','index/zan'); ~~~