Flashの起動:サーバの作成

3081 ワード
TIL Flask スパルタコード 航海 テキストリンク

Flashの起動



Flashパッケージをインストール!
ファイル>設定>割り込み(File>Settings>Break)
from flask import Flask
app = Flask(__name__)

@app.route('/')
def home():
   return 'This is Home!'
   
@app.route('/mypage')
def mypage():
  return 'mypage'

if __name__ == '__main__':
   app.run('0.0.0.0',port=5000,debug=True)


Flashルール



Flashサーバを作成するときは、常に次のようにします.
プロジェクトフォルダで、
静的フォルダ(画像、cssファイルが暗い)
ㄴtemplatesフォルダ(htmlファイルを非表示)
ㄴapp.pyファイル
このようにして3つ作ってから始めます.各フォルダのロールが作成されました.
templatesフォルダの役割は次のとおりです.
HTMLファイルを含めて、読み込みの役割を果たします.

テンプレート内の索引.htmlに関連付けるには、return render template(「index.html」)としてrender+templateをインポートできます.以下に示します.

APIを作成!(さらに深化)

  • GET,POST方式
    いろいろな方法(リンク)がありますが、最もよく使われるGET、POST方式についてお話しします.
  • GET→通常!データ照会要求時
    例)ムービーリストの表示
    →データ転送:URLの後ろに疑問符を付けてkey=valueに転送する
    →例:google.com?q=ホッキョクグマ
  • POST→通常!作成、更新、削除を要求します.
    例)会員加入、会員脱退、パスワード修正
    →データ転送:見えないHTML body上にkey:valueとして転送サーバを作成します.これはFlaskなどのツールを使ってGET、POSTをフロントエンドとするHTMLと通信することを意味します.GET、POSTはAjax、AjaxはjQuery importが必要です.
    function hey() {
           $.ajax({
               type: "GET",
               url: "/test?title_give=봄날은간다",
               data: {},
               success: function (response) {
                   console.log(response)
               }
           })
       }
    関数hey()を追加してonclickイベントに接続し、Ajaxコードを記述します.
    その後、
    @app.route('/test', methods=['GET'])
def test_get():
 title_receive = request.args.get('title_give')
 print(title_receive)
 return jsonify({'result':'success', 'msg': '이 요청은 GET!'})
    GET要求APIコードを生成して通信することができる.requestとjsonifyがインポートされます.POSTもGETと同じ方式です.
    GETリクエストよりもPOST方式が多く使われるのでPOSTには注意が必要です.
    $.ajax({
         type: "POST",
         url: "/test",
         data: { title_give:'봄날은간다' },
         success: function(response){
         console.log(response)
        }
     })
    @app.route('/test', methods=['POST'])
def test_post():
 title_receive = request.form['title_give']
 print(title_receive)
 return jsonify({'result':'success', 'msg': '이 요청은 POST!'})
    でtitleから次の行が整列していない場合、エラーが発生します.
    これはpythonの行のソートが非常に厳しいからです!
    これも一部の学生の質問の内容です.
    TIL
    フロントエンドおよびバックエンドの通信構造は、GET POST要求およびAPI通信によって理解される.
    もっと深く理解するためにToyプロジェクトを行いましょう!
    次のプロンプトで!
    • junit 5入門シリーズチュートリアル-13-junit 5テストインタフェースおよびデフォルト方法
    [授業5週目19日目]機械学習-10