class User(models.Model):
? ? username = models.CharField("用戶名",max_length=10)

# 喜歡數(shù)
class LikeNum(models.Model):
? ? user = models.ForeignKey(UserInfos,null=True,on_delete=models.SET_NULL)
? ? discussion = models.ForeignKey(Discussion,null=True,on_delete=models.SET_NULL)
? ? class Meta:
? ? ? ? verbose_name_plural = 'user'

# 我的討論
class Discussion(models.Model):
? ? user = models.ForeignKey(UserInfos,null=True,on_delete=models.SET_NULL)
? ? likes = models.PositiveIntegerField("喜歡",default=0,editable=False)
? ? class Meta:
? ? ? ? verbose_name_plural = 'Discussion'

# 討論點(diǎn)贊
def addLikes(request,id):
?? ?# 識別出該登陸者用戶信息
? ? if request.session.get('username') and request.session.get('uid'):
? ? ? ? username = request.session.get('username')
? ? ? ? user = UserInfos.objects.get(username=username)
? ? else:
? ? ?? ?# error 是自己寫的出錯(cuò)頁面
? ? ?? ?return HttpResponseRedirect('/error')
? ? ?? ?
? ? # 判別點(diǎn)贊的該Discussion是否存在，有可能在你點(diǎn)贊的時(shí)候該用戶已經(jīng)刪除，注意不能簡單的使用if，else當(dāng)找不到discussion時(shí)會(huì)出錯(cuò)
? ? try:
? ? ? ? if Discussion.objects.get(id=id):
? ? ? ? ?? ?# 如果Discussion存在
? ? ? ? ? ? d = Discussion.objects.get(id=id)
? ? ? ? ? ? # 如果User存在
? ? ? ? ? ? if user:
? ? ? ? ? ? ?? ?# 判斷當(dāng)前用戶是否已經(jīng)給該Discussion點(diǎn)過贊
? ? ? ? ? ? ?? ?# record 為該記錄，不存在時(shí)則自動(dòng)創(chuàng)建
? ? ? ? ? ? ?? ?# flag 為當(dāng)前是否操作
? ? ? ? ? ? ? ? record,flag = LikeNum.objects.get_or_create(user=user,discussion=d)
? ? ? ? ? ? ? ? # 如果剛剛創(chuàng)建
? ? ? ? ? ? ? ? if flag:
? ? ? ? ? ? ? ? ? ? d.likes+=1
? ? ? ? ? ? ? ? ? ? d.save()
? ? ? ? ? ? ? ? # 如果沒操作，說明之前點(diǎn)過贊，此時(shí)再次點(diǎn)贊說明是要取消點(diǎn)贊
? ? ? ? ? ? ? ? else:
? ? ? ? ? ? ? ? ? ? d.likes -= 1
? ? ? ? ? ? ? ? ? ? d.save()
?? ??? ??? ??? ? ? ?# 并且刪除掉點(diǎn)贊記錄
?? ??? ? ? ? ? ? ? ?LikeNum.objects.get(user=user,discussion=d).delete()
?? ??? ? ? ? ? ?# 跳轉(zhuǎn)到發(fā)布頁面
? ? ? ? ? ? ? ? return render(request,'page.html',{'page':Discusssion.objects.all(),'ln':LikeNum.objects.fitter(user=user)})
? ? ? ? ? ? else:
? ? ? ? ? ? ?? ?# 如果session中沒有用戶信息，則跳轉(zhuǎn)到登陸頁面
? ? ? ? ? ? ? ? return redirect('/login') ?
? ? except Exception as e:
? ? ? ? # 否則跳轉(zhuǎn)到失敗頁面
? ? ? ? return HttpResponseRedirect('/error')

{% for item in page %}
<div>
?? ?用戶名:{{item.user.username}}
? <a id="id{{item.id}}">
? ? ? ?<svg class="icon" aria-hidden="true">
? ? ? ? ? ? ? ?<use xlink:href="#icon-like-fill" rel="external nofollow" ></use>
? ? ? ? ? ?</svg>
? ? ? ?<span id="nlikes">{{item.likes}}</span>
? ?</a>
</div>
<!-- 請把我寫在這里 3.js實(shí)現(xiàn) --!>
{% endfor %}

//ln指likenum【點(diǎn)贊數(shù)】,因?yàn)辄c(diǎn)贊記錄是QuerySet，需要從里邊遍歷
?{% if ln %}?
?// 遍歷
?{% for l in ln %}?
?// 當(dāng)當(dāng)前的discussion在LikeNum記錄里時(shí)，為a標(biāo)簽添加一個(gè)class
?{% if l.discussion == item %}
?? ?<script>
?? ? ? ?obj = document.getElementById('id{{item.id}}');
?? ? ? ?obj.className = 'success';
?? ?</script>
{% endif %}?
{%endfor%}?
{%endif%}

.success {
? ? color: #fc5531;
? ? text-decoration: none;
}

a {
? ? text-decoration: none;
? ? color: #848B96;
}

a:hover {
? ? color: #fc5531;
}