明日学習団制作チャレンジ6期(6)

7951 ワード
明日の学習カード 公費支援 メッセージ コメント 課題の作成 textarea 明日学習団 スパルタコードクラブ コーディングスキーム エンコーディング テキストリンク
#コード開発ログの冒頭の一言
実施
  • フォーミュラページ
    • #開発作業内容
    [今日の目標]
    1.フォーミュラ要求ページの実装
    [ディスカッションの内容]
    1.設計
    仕事中の話題/悩み...そして解決した問題
    私のページを通じて追加の料理をリクエストする機能を実現!
    add_recipe.html

<body>
        <div>
            <div class="request_list">
                <h4>[요청 목록]</h4>
            </div>

            <div class="add_request">

            <h4>[레시피 요청]</h4>
            <textarea name="new-request" id="new-request" cols="3" rows="2"></textarea>

            <div class="btn-container">

                <div class="btn-item">
                    <button  class="btn-main" id="btn-req" onclick="add_request()">레시피 등록</button>
                </div>

            </div>
        </div>
</body>
  • textareaラベルでは、colsプロパティを使用して横方向のサイズを設定し、rowaプロパティを使用して縦方向のサイズを設定できます.
    • add_recipe.js

function request_show(){
    $.ajax({
        type: "GET",
        url: "/request/show",
        data: {},
        success: function (response) {
            let requests = response['all_requests']
            for (let i = 0; i < requests.length; i++) {
                let uid = requests[i]['user_id']
                let request = requests[i]['request']
                let datetime = requests[i]['datetime']
                let request_html = `<li> ${uid}: ${request} / ${datetime} </li>`
                
                $('.request_list').append(request_html)
            }
        }
    })
}




function add_request(){
    let comment = $('#new-request').val();
    $.ajax({
        type: "POST",
        url: "/request",
        data: {request_give:comment},
        success: function (response) {
            let user_id = response['user_id']
            let req_html = `<li> ${user_id}: ${comment} / ${date} </li>`
            if (user_id == undefined) {
                alert('로그인 후 이용해주세요.')
            } else{
                $('.request_list').append(req_html)
                alert('추가 완료')
            }
        }
    })
}
    app.py

@app.route("/addrecipe")
def add_recipe():
    return render_template("add_recipe.html")
    #To-do List
    設計タスクの完了
    白駿-アルファベット検索(10809)
    KO+bootstrapモード窓全選択バインド