TIL_220506_팀 프로젝트

API

#
# 좋아요 POST
#
@app.route('/api/like', methods=['POST'])
def new_post_like():
    like_receive = request.form['like_give']
    post_id_receive = request.form['post_id_give']
    print(post_id_receive, like_receive)

    # 저장하고
    doc = {
        'likes': like_receive,
        'post_id' : post_id_receive
    }
    db.likes.insert_one(doc)

    return jsonify({'msg': 'like +1'})


@app.route('/api/like', methods=['POST'])
def update_post_like():
    post_id_receive = request.form['post_id_give']
    # 추가로 find_one은 하나의 자료만 찾으면 되니 list를 사용하지 않는다.
    target_like = db.post.find_one({'_id': post_id_receive})
    # print("target : " + target_star)
    # like 값 가져옴
    cur_like = target_like['post_like']

    #새로운 like 값 갱신을 위해 임시 저장 변수
    new_like = cur_like + 1
    print(post_id_receive)
    print(target_like)
    print(new_like)
    #갱신 , (조건, set+바꿀값)
    db.post.update_one({'post_id': post_id_receive}, {'$set': {'likes': new_like}})

    return jsonify({'msg': 'like +1'})


#
# 좋아요 GET
#
@app.route('/api/like', methods=["GET"])
def post_like():
    like_list = list(db.likes.find({}, {'_id': False}).sort('likes', -1))

    return jsonify({'likes': like_list})

 

JQuery : Ajax

$(window).ready(function () {
    // 500s 시간 지연
    setTimeout(function(){ show_like(); }, 500);
});

// 좋아요 기능 POST
function add_like(post_id) {
    let like = $(`#${post_id}`).val()
    $.ajax({
        type: "POST",
        url: "/api/like",
        data: {like_give: like, post_id_give: post_id},
        success: function (response) {
            console.log(response)

            alert(response['msg']);

            window.location.reload()
        }
    });
}

// 좋아요 기능 GET
function show_like() {
    $.ajax({
        type: "GET",
        url: "/api/like",
        data: {},
        success: function (response) {
            console.log(response['likes'])
            let rows = response['likes']

            for (let i = 0; i < rows.length; i++) {
                let like = rows[i]['likes']
                let post_id = rows[i]['post_id']

                console.log(like, post_id)

                // $(`.${post_id}`).show(temp_html)
            }
        }
    });
}

 

JQuery : Ajax (표시부분)

/* GET 요청 ajax 코드 */
function post_listing() {
    $.ajax({
        type: "GET",
        url: "/listing",
        data: {},
        success: function (response) {
            let posts = JSON.parse(response['posts'])

            for (let i = 0; i < posts.length; i++) {
                console.log(posts)
                let post_id = posts[i]['_id']['$oid']
                let post_hashtag = posts[i]['post_hashtag']
                let post_comment = posts[i]['post_comments']
                let post_like = posts[i]['post_like']
                let post_pic = posts[i]['post_pic']

                let temp_html =`
                
                <!--좋아요 버튼-->
                <button
                class="like-btn"
                onclick=add_like('${post_id}')>
                <span
                class="material-icons-outlined">
                favorite_border
                </span>
                </button>
                
                <!--좋아요 표시-->
                <div >좋아요 ${post_like}개</div>
                `

 

오류

- 좋아요 표시 DB 를 찾지 못함

- DB 에 정상적인 수치가 저장되지 않음

- DB 에서 post_id 에 해당하는 likes 수가 늘어나지 않고, 행이 추가됨

 

해결 방안(생각)

- 일단 DB 에 저장하는 API 부분에 특수 조건을 걸어 DB 값을 +1 씩 추가 기능 적용 시도

- 게시글에 post_id 값에 해당하는 likes 값을 표시할 수 있도록 구현하고자 함.

- but 제대로 된 수치가 적용되지 않아 undefind 로 표시