다시 도전.. Flask 서버에서 클라이언트로 데이터 보내기 (2)

👩‍💻 백엔드(Back-End)/Node js

다시 도전.. Flask 서버에서 클라이언트로 데이터 보내기 (2)

징징알파카 2022. 11. 15. 14:47

728x90

221115 작성

<본 블로그는 wikidocs 의 블로그를 참고해서 공부하며 작성하였습니다 :-)>

https://wikidocs.net/80256

01-6 클라이언트에서 서버로 데이터 보내기1

# html에 form태그를 작성 - post의 경우 name속성은 서버에서 사용할 변수명 또는 키 값이 됩니다. ```html Title …

wikidocs.net

🍑 기본적인 웹페이지 구축

main.js
- 현재 없음..
style.css

h1{
    color : blue;
}

index.html

<!-- 필요한 html 파일을 모아둘 예정 -->


<!--index.html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <h1>대문 페이지</h1>
    이름 : {{user}}
    레벨 : {{data.level}}
    포인트 : {{data.point}}
    경험치 : {{data.exp}}

    <form action="/" method="get">
        다음 이름 : <input type="text" name="user">
        <input type="submit" value="전송하기">
    </form>

</body>
</html>

app.py

##### 실행시 서버가 가동될 파이썬 파일 #####


# /app.py
from flask import Flask, render_template, request

#Flask 객체 인스턴스 생성
app = Flask(__name__)

@app.route('/',methods=('GET', 'POST')) # 접속하는 url

def index():
    if request.method == "POST":
        # user=request.form['user'] # 전달받은 name이 user인 데이터
        print(request.form.get('user')) # 안전하게 가져오려면 get
        user = request.form.get('user')
        data = {'level': 60, 'point': 360, 'exp': 45000}
        return render_template('index.html', user=user, data=data)
        
    elif request.method == "GET":
        user = "반원"
        data = {'level': 60, 'point': 360, 'exp': 45000}
        return render_template('index.html', user=user, data=data)


if __name__=="__main__":
    app.run(debug=True)
    # host 등을 직접 지정하고 싶다면
    # app.run(host="127.0.0.1", port="5000", debug=True)

🍑 결과

728x90

저작자표시