4週目のプログラミング＜python＞

今週はpythonで二つのサイトを作成した。
まだ慣れなくて勉強が必要が必要である。

・flask：ウェブアプリケーションを開発するためのpythonフレームワーク
・render_template：関数で、プロジェクトフォルダ中に'templates'というフォルダを基本経路で設定する。
つまり、メゾットでhtmlファイルを呼び込む事ができる。
・request：pythonでhttpを使うためのライブラリ。
方式によって関数を使ったらいい。
GET方式: requests.get()
POST方式: requests.post()
PUT 方式: requests.put()
DELETE方式: requests.delete()
・jsonify：データのやり取り。（もっと勉強必要）

メゾットはPOST,GETの二つにわかれる。

GETリクエスト：データを読み取ることを要請する時に使う。
POSTリクエスト：データ生成、変更、削除を要請する時に使う。

def movie_post():
    url_receive = request.form['url_give']
    comment_receive = request.form['comment_give']
    star_receive = request.form['star_give']

上のコードはPOST形式のrequest.formを使っている。
formはフォーム要請で送られた全てのhtml値を意味する。

ogimage = soup.select_one('meta[property="og:image"]')['content']
ogtitle = soup.select_one('meta[property="og:title"]')['content'].split(':')[0]
ogdesc = soup.select_one('meta[property="og:description"]')['content']

サイトのhtmlを見たら大体metaというタグが存在して、そこのproperty=ogタグで簡単に自分が欲しいタグを持って来る事ができる。

function listing() {
    fetch('/movie').then((res) => res.json()).then((data) => {
        let rows = data['result']
        $('#cards-box').empty()
        rows.forEach((a) => {
            let comment = a['comment']
            let title = a['title']
            let image = a['image']
            let desc = a['desc']
            let star = a['star']

            let star_repeat = '⭐'.repeat(star)

            let temp_html = `<div class="col">
    <div class="card h-100">
        <img src="${image}"
             class="card-img-top" alt="...">
        <div class="card-body">
            <h5 class="card-title">${title}</h5>
            <p class="card-text">${desc}</p>
            <p>${star_repeat}</p>
            <p class="mycomment">${comment}</p>
        </div>
    </div>
</div>`
            $('#cards-box').append(temp_html)
        })
    })
}

foreachの繰り返し文を使って欲しい内容を取ってくる。

let star_repeat = '⭐'.repeat(star)

starの星の数によって追加する。
repeatは配列の要素を繰り返すことで、（star）の数に合わせて見せる。

function posting() {
    let url = $('#url').val()
    let comment = $('#comment').val()
    let star = $('#star').val()

    let formData = new FormData();
    formData.append("url_give", url);
    formData.append("comment_give", comment);
    formData.append("star_give", star);

    fetch('/movie', {method: "POST", body: formData}).then((res) => res.json()).then((data) => {
        alert(data['msg'])
        window.location.reload()
    });
}

.val()は値を持ってきたり、値を設定する時に使われる。
新しい変数を指定し、appendは最後に一つを入れる。

今週は一人でするのにまだ難しさがあってもって勉強が必要と思います。