FLASK

SJ K·2022년 12월 2일
0

파이썬

목록 보기
4/4

FLASK


간단한 웹, API 서버를 만드는데 특화 되어있는 파이썬 기반의 웹 프레임워크(틀)이다.

FLASK를 쓰는 방법은 먼저 flask라이브러리를 받은 후 import하고

app.route와 모듈 실행과 서버실행 코드를 넣으면 사용준비 끄읏

from flask import Flask
app = Flask(__name__)

#경로(url)
@app.route('/')
def home():
	#이용자에게 보여줄 메시지
   return 'This is Home!'


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

프론트와 백엔드가 서로 파일을 주고 받기 위해서는 GET/POST를 사용해야하는데...

AJAX로 연결

연결

html

html페이지에는 AJAX 작성

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        function hey() {
            $.ajax({
                //"POST" 타입일 경우 'POST'입력
                type: "GET",
                
                //text페이지로 넘어갈 때 'title_give' 라는 이름으로 '봄날은 간다'라는 데이터 값을 담아서 이동한다.
                url: "/test?title_give=봄날은간다",
                data: {},

                //성공시 동작
                success: function (response) {
                    console.log(response)
                }
            })
        }
    </script>

APP부분은 서버에 해당하므로 프론트에서 데이터를 받기 위한 AJAX와 DB 부분 작성..

APP

#POST방식으로 받을 경우 methods = ['POST'] 입력
@app.route('/test', methods=['GET'])
def test_get():
    #'title_give'라는 reqeust를 받아와 title_receive에 담음
    title_receive = request.args.get('title_give')

    #출력
    print(title_receive)
    return jsonify({'result': 'success', 'msg': '이 요청은 GET!'})
    

코드만으로 이해하기가 어렵네... 흐름도로 파악해야겠다...!

HTML과 APP 동작흐름(예시 : MARS땅)

FLASK서버에 AJAX를 이용해서 데이터 주고받기 성공!!

profile
하루하루 알차게

0개의 댓글