<!-- 点赞 开始-->
    <div class="clearfix">
        <div id="div_digg">
            <!-- 点赞 -->
            <div class="diggit digg">
                <span class="diggnum" id="digg_count">{{ article.up_count }}</span>
            </div>
            <!-- 反对 -->
            <div class="buryit digg">
                <span class="burynum" id="bury_count">{{ article.down_count }}</span>
            </div>
            <div class="clear"></div>
            <!-- 提示信息 -->
            <div class="diggword" id="digg_tips"></div>
        </div>
    </div>
    <!-- 点赞 结束-->




<script>
 // 给点赞和反对按钮绑定点击事件
        $(".digg").click(function () {
            // 1. 先判断有没有登录？
            if (!‘{{ request.user.username }}‘) {
                // 如果没有登录就跳转到登录页面
                location.href = ‘/login/?next={{ request.get_full_path }}‘
            }
            // 已经登录可以点赞或反对
            var userId = ‘{{ request.user.id }}‘;
            var articleId = ‘{{ article.id }}‘;
            // 如何区分是点赞还是反对？
            var isUp = $(this).hasClass(‘diggit‘);
            // 向后端发请求
            $.ajax({
                url: ‘/mengmeng/‘,
                type: ‘post‘,
                data: {
                    csrfmiddlewaretoken: $(‘[name="csrfmiddlewaretoken"]‘).val(),
                    userId: userId,
                    articleId: articleId,
                    isUp: isUp
                },
                success: function (res) {
                    console.log(res);
                    if (res.code !== 0) {
                        // 只需要把错误提示显示出来就可以
                        $("#digg_tips").text(res.msg);
                    } else {
                        // 1. 先把点赞数或反对数更新一下
                        if (isUp) {
                            // 更新点赞数
                            var $UpSpan = $("#digg_count");
                            $UpSpan.text(+$UpSpan.text() + 1);
                        } else {
                            var $downSpan = $("#bury_count");
                            $downSpan.text(+$downSpan.text() + 1)
                        }
                        // 2. 再显示提示
                        $("#digg_tips").text(res.msg);
                    }
                }
            })
        });
</script>

# 点赞
def mengmeng(request):
    if request.method == "POST":
        res = {"code": 0}
        print(request.POST)
        user_id = request.POST.get("userId")
        article_id = request.POST.get("articleId")
        is_up = request.POST.get("isUp")
        print(is_up, type(is_up))
        is_up = True if is_up.upper() == ‘TRUE‘ else False
        # 5.不能给自己点赞
        article_obj = models.Article.objects.filter(id=article_id, user_id=user_id)
        if article_obj:
            # 表示是给自己写的文章点赞
            res["code"] = 1
            res["msg"] = ‘不能给自己的文章点赞！‘ if is_up else ‘不能反对自己的内容！‘

        # 3.同一个人只能给同一篇文章点赞一次
        # 4.点赞和反对两个只能选一个
        # 判断一下当前这个人和这篇文章 在点赞表里有没有记录
        is_exist = models.ArticleUpDown.objects.filter(user_id=user_id, article_id=article_id).first()
        if is_exist:
            res["code"] = 1
            # 表示已经点赞过或反对过
            # if is_exist.is_up == True:
            #     # 已经点过赞
            #     res["msg"] = ‘已经点过赞‘
            # else:
            #     # 已经反对过
            #     res["msg"] = ‘已经反对过‘

            res["msg"] = ‘已经点过赞‘ if is_exist.is_up else ‘已经反对过‘
        else:
            # 真正点赞
            # 注意？
            # 事务操作，，
            with transaction.atomic():
                # 1. 先创建点赞记录
                models.ArticleUpDown.objects.create(user_id=user_id, article_id=article_id, is_up=is_up)
                # 2. 再更新文章表
                if is_up:
                    # 更新点赞数
                    models.Article.objects.filter(id=article_id).update(up_count=F(‘up_count‘)+1)
                else:
                    # 更新反对数
                    models.Article.objects.filter(id=article_id).update(down_count=F(‘down_count‘) + 1)
            res["msg"] = ‘点赞成功‘ if is_up else ‘反对成功‘
        return JsonResponse(res)