這篇文章主要介紹tp5如何實(shí)現(xiàn)收藏功能并且可切換顏色，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：申請域名、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、廣水網(wǎng)站維護(hù)、網(wǎng)站推廣。
html頁面中，引用了bootstrap 的圖標(biāo)
重慶分公司
重慶分公司
{if condition="$color == 5"}
css 樣式
js 中
$("#collection").click(function(){
$.ajax({
type:'POST',
url:"home_collection.html",
data:{
"art_id": {$data['id']}, // 傳過去文章表的id
},
dataType:"json",
success:function(data){
var res = JSON.parse(data); // json 字符串轉(zhuǎn)化為對象
if (res.code == '3') // 收藏成功，變成紅色
{
$('#collection').toggleClass('cs');
// document.getElementById('collection').style.background="#FF0000"; // 另一種樣式，這是把整個背景都變紅了
console.log(res.code);
}
if (res.code == '4') // 取消收藏
{
$('#collection').toggleClass('cs');
console.log(res.code);
}
},
error:function(data){
console.log(data);
console.log(data.code);
alert(222);
}
});
});控制器中
// 當(dāng)圖標(biāo)變顏色的時候，點(diǎn)擊是取消收藏，當(dāng)圖片沒顏色的時候點(diǎn)擊是收藏
// 查詢數(shù)據(jù)庫是否存在，如果不存在則加入，存在則刪除，前臺也變樣式
public function collection()
{
$data = $_POST;
$uname1 = session::get('USER_INFO');
$uid = $uname1['uid'];
// 應(yīng)該查詢當(dāng)前用戶對應(yīng)的art_id 存不存在在 收藏表 中
$result = DB::name('collection')->where('art_id',$data['art_id'])->select();
if($result)
{
$aa = DB::name('collection')->where('art_id',$data['art_id'])->delete();
$returnData = ['code'=>4, 'info'=>'取消收藏'];
}else{
$bb['art_id'] = $data['art_id']; // 對應(yīng)文章表的id
$bb['uid'] = $uid ;
$bb = DB::name('collection')->insert($bb);
$returnData = ['code'=>3, 'info'=>'收藏成功'];
}
// header('Content-Type:application/json; charset=utf-8');
$data3 = json_encode($returnData,JSON_UNESCAPED_UNICODE); //這樣也正確
return $data3;
// return json_encode($returnData);// 這樣返回格式正確
}以上是“tp5如何實(shí)現(xiàn)收藏功能并且可切換顏色”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
