開発プロジェクト#5-APIの作成(GET)

7635 ワード
API かいはつ 取得方法 テキストリンク

開発手順


APIの作成(GET)
  • クエリーに必要なデータ
  • データを導入するフロントエンドとして
    • を実施する.

    かいはつ


    APIの作成(GET)
    1)必要なデータの照会
  • クエリーのデータを「コメント」キー値
    • に転送する.
    @app.route('/review', methods=['GET'])
def get_review():
    reviews = list(db.reviews.find({},{'_id':False}))

    return jsonify({'result': 'success', 'reviews': reviews })
    2)データを導入し、フロントエンドとして実施
  • で受信した「コメント」キー値でデータを受信しhtmlに挿入
    $.ajax({
        type: "GET",
        url: "/review",
        data: {},
        success: function (response) {
            if (response["result"] == "success") {
                let reviews = response['reviews'];

                for(let i=0; i<reviews.length; i++){
                    let poster = reviews[i]['poster'];
                    let date = reviews[i]['date'];
                    let title = reviews[i]['title'];
                    let comment = reviews[i]['comment'];

                    let tempHtml = `<div class="review clearfix">
                                        <img class="review_img"
                                             src="${poster}"
                                             alt="">
                                        <div class="review_wrap">
                                            <p class="review_date">${date}</p>
                                            <p class="review_title">${title}</p>
                                            <span class="line"></span>
                                            <p class="review_line">"${comment}"</p>
                                        </div>
                                        <button onclick="close()" id="delete_btn" class="delete">
                                            <span class="material-icons">
                                                clear
                                            </span>
                                        </button>
                                    </div>`

                    $('#review_box').append(tempHtml);
                }
            } else {
                alert("리뷰를 받아오지 못했습니다");
            }
        }
    })
    フロントエンド実装の成果物の完了

    次はデータの分析です

    TODO LIST

  • DBに格納タイプ/キャストデータを空のリスト
    • に入れる.
    統計
  • リストのデータ
  • ビットのデータ
    • のみを抽出する.
    [git] git submodules
    Activity起動ソース分析