1.3新闻作者关注

做关注功能实现前我们得先修改新闻详情页得展示

1、前端代码（新闻作者信息

{% if context.news.author %}
                <div class="author_card">
                    <a href="#" class="author_pic"><img src="{% if context.news.author.avatar_url %}
                    {{ context.news.author.avatar_url }}
                    {% else %}
                    ../../static/news/images/user_pic.png
                    {% endif %}" alt="author_pic"></a>
                    <a href="#" class="author_name">{{ context.news.author.nick_name }}</a>
                    <div class="author_resume">签名：{{ context.news.author.signature }}</div>
                    <div class="writings"><span>总篇数</span><b>{{ context.news.author.news_count }}</b></div>
                    <div class="follows"><span>粉丝</span><b>{{ context.news.author.followers_count }}</b></div>


                    <a href="javascript:;" class="focus fr" data-userid="{{ context.news.author.id }}" style="display: {% if context.is_followed %}none{% else %}block{% endif %}">关注</a>
                    <a href="javascript:;" class="focused fr" data-userid="{{ context.news.author.id }}" style="display: {% if context.is_followed %}block{% else %}none{% endif %}"><span class="out">已关注</span><span class="over">取消关注</span></a>
                </div>
            {% endif %}

　　前端代码改完后我们还需要再详情页得视图函数中添加is_followed这个函数，用于判断是否关注新闻作者

　　注：这里得判断我们用的反向查询，通过新闻找作者，可以在模型类中找到

 　　完成后得效果如下，关注按键没有效果，所以我们接着实现关注功能得实现

2、关注功能实现

@news_index.route("/followed_user",methods=['POST'])
@user_login_data
def  followed_user():
    #获取用户信息
    user = g.user
    if not user:
        return jsonify(errno=RET.SERVERERR, errmsg="用户未登录")
    # 接收参数
    user_id = request.json.get("user_id", None)
    action = request.json.get("action", None)
    #校验参数是否为空
    if not all([user_id, action]):
        return jsonify(errno=RET.PARAMERR, errmsg="缺少参数")
    #校验action中的参数是否为合法前端参数
    if not action in ["follow", "unfollow"]:
        return jsonify(errno=RET.PARAMERR, errmsg="参数错误")
    # 获取当前新闻的作者信息
    try:
        user_releaser = User.query.get(user_id)
    except Exception as e:
        current_app.logger.error(e)
        return jsonify(errno=RET.NODATA, errmsg="未找到该用户")
    #双分支处理action中的值
    if action == "follow":
        #判断作者的粉丝列表里是否有当前登录的用户
        #写法二用户的关注列表里是否有新闻作者
        #if not user_releaser in user.followed
        #else中两种写法都可以
        if user_releaser.followers.filter(User.id == g.user.id).count() > 0:
            return jsonify(errno=RET.PARAMERR, errmsg="已经关注该用户")
        else:
            #添加到数据库
            user_releaser.followers.append(user)

    else:
        if user_releaser.followers.filter(User.id == g.user.id).count() > 0:
            #删除数据库中的信息
            user_releaser.followers.remove(g.user)
        else:
            return jsonify(errno=RET.PARAMERR, errmsg="未关注此用户")
    try:
        #数据提交
        db.session.commit()
    except Exception as e:
        current_app.logger.error(e)
        db.session.rollback()
        return jsonify(errno=RET.DATAERR, errmsg="数据库存储失败")
    #返回结果
    return jsonify(errno=RET.OK, errmsg="成功")

　　

　　2.1js代码

     // 关注当前新闻作者
   $(".focus").click(function () {
    var user_id = $(this).attr('data-userid')
    var params = {
        "action": "follow",
        "user_id": user_id
    }
    $.ajax({
        url: "/news/followed_user",
        type: "post",
        contentType: "application/json",
        headers: {
            "X-CSRFToken": getCookie("csrf_token")
        },
        data: JSON.stringify(params),
        success: function (resp) {
            if (resp.errno == "0") {
                // 关注成功
                var count = parseInt($(".follows b").html());
                count++;
                $(".follows b").html(count + "")
                $(".focus").hide()
                $(".focused").show()
            }else if (resp.errno == "4101"){
                // 未登录，弹出登录框
                $('.login_form_con').show();
            }else {
                // 关注失败
                alert(resp.errmsg)
            }
        }
    })
})

// 取消关注当前新闻作者
$(".focused").click(function () {
    var user_id = $(this).attr('data-userid')
    var params = {
        "action": "unfollow",
        "user_id": user_id
    }
    $.ajax({
        url: "/news/followed_user",
        type: "post",
        contentType: "application/json",
        headers: {
            "X-CSRFToken": getCookie("csrf_token")
        },
        data: JSON.stringify(params),
        success: function (resp) {
            if (resp.errno == "0") {
                // 取消关注成功
                var count = parseInt($(".follows b").html());
                count--;
                $(".follows b").html(count + "")
                $(".focus").show()
                $(".focused").hide()
            }else if (resp.errno == "4101"){
                // 未登录，弹出登录框
                $('.login_form_con').show();
            }else {
                // 取消关注失败
                alert(resp.errmsg)
            }
        }
    })
})
})