開発ログ4週目

2704 ワード

Flask/APIの作成


[ターゲット]

  • フラスコを使用してサーバ
  • を構築
    作成
  • API
  • [1週間勉強した後の感想]

  • サーバを初めて作成し、私がよく実行しているlocalhostはサーバを構築するわけではありません.サーバクライアントと直接通信してデータを交換する活動が思ったより面白くて驚きました.
  • [事前に知っていたこと]

  • 何もありません.今度はすべてが新鮮だ.
  • [新知]

  • 静的は静的ファイルを配置するので、画像またはcssファイルjsファイルを配置します.実はこれはよくわかりませんが、後で自分でプロジェクトをして初めて知った事実です.
  • フラスコを使用すると、htmlファイルが外部にある場合は実行できません.htmlファイルをテンプレートフォルダに入れ、表示時にのみ実行できます.現在使用中です.
  • app.pyはこのサーバで実行されます.
  • GETとPOSTの違い、もう一度


    GET POST


    銀行の窓口を考えてみればいいです。


    同じ預金ウィンドウでは、クライアントとサーバも一致しています.これは、個人の顧客か企業の顧客かによって異なります.

    クライアントはリクエスト時にもメソッドが存在します。


    HTTPは通信規約です.requestとresponseで実現します.
    クライアントは、サーバに要求を送信すると、HTTP REQUEST METHODを介して応答要求タイプのサーバ側に情報を送信し、サーバに通知する.この答えには、GET、POST、PUT、DELETEの4種類があります.

    (1) GET

  • は、通常、データのクエリー時にreadの機能を有する.
  • データの転送時にURLの後ろに疑問符を付けてkey=value形式で転送します.
  • google.com?q=ホッキョクグマ//このq=ホッキョクグマ部分はgetです.
  • GET要求APIコードは以下の通りである.
  • @app.route('/test',methods=['GET'])
    def test_get():
    	title_receive = request.args.get('title_give')
        print(title_recieve)
        return jsonify({'result':'success','msg':'이 요청은 GET!})
  • GET要求確認Ajaxコードは以下の通りである.
  • $.ajax({
    	type:"GET",
        url:"/test?title_give = 봄날은간다",
        data:{},
        success:function(response){
        	console.log(response)
       	}
       })

    (2) POST

  • は、通常、要求を生成(作成)、変更(更新)、削除(削除)するために使用される.
  • データは、キー:値の形でHTML本文に渡されます.
  • POST要求APIコードは以下の通りである.
  • @app.route('/test',methods=['POST'])
    def test_post():
    	title_receive = request.form['title_give']
        print(title_recieve)
        return jsonify({'result':'success','msg':'이 요청은 POST!})
  • POST要求確認Ajaxコードは以下の通りである.
  • $.ajax({
    	type:"POST",
        url:"/test",
        data:{title_give:'봄날은간다'},
        success:function(response){
        	console.log(response)
       	}
       })

    手帳



    画像urlで文章を保存する場合は、スクロールして映画タイトルや写真などを取得し、DBに保存してリストにアップロードすることで、映画注釈を実現します.

    みんなの書評



    前述したように、inputformに作成者タイトルの内容を入力し、「保存」(Save)をクリックして次のDBに保存し、リストに保存します.

    ショッピングモールの完成



    「注文」をクリックすると、次の「注文現状」で注文の名前、個数住所、電話番号を確認できます.