Flask (2)

On a regular basis·2021년 12월 8일

Eager to learn Flask 🔥

목록 보기

2/7

Flask에서 html 문서를 사용하는 방법

Templates

플라스크의 경우, HTML 문서를 보관하기 위한 디렉터리를 따로 만들어주어야 해당 파일들을 인식할 수 있는데, 해당 폴더의 위치는 반드시 플라스크를 실행시키는 코드와 같은 경로이며, templates라는 이름이여야 한다. 먼저 template 폴더 내에 hello.html 파일을 만들고 아래와 같이 코드를 작성하기.

# hello.html

<!doctype html>
<html>
   <body>
   
      <h1>Hello {{ name }}!</h1>
      
   </body>
</html>

이제, app.py를 수정을 쪼금 해주면!

# app.py

from flask import Flask, render_template
# render_template import 해주고

app = Flask(__name__)

@app.route('/hello/<user>')
def hello_name(user):
   return render_template('hello.html', name = user)
# import해준 render_template를 return 값으로 반환해쥬기

if __name__ == '__main__':
   app.run(debug = True)
# 앞선 블로깅에서 언급했는데, debug 옵션을 True로 보내주면, 웹 서버가 실행 중에 코드가 변경되어도 해당 작업을 그대로 반영시킨다. 
# 실제로 개발 중에 구현 현황을 실시간으로 확인할 수 있어 엄청 편리하다. 아무 인자도 주지 않을 경우, False 인자로 보내진다.

render_template('hello.html', name = user)
플라스크에서 외부의 html 파일을 불러오기 위해 사용하는 메소드가 바로 이것이다. templates 폴더에서 인자로 받은 hello.html 파일을 탐색한 후, name 인자를 건네주며 페이지를 실행시킨다.
Hello {{ name }}!
인자로 받은 name 변수는 이런 형태로 html 문서에서 출력할 수 있다. 이렇게 { } 등을 사용하여 html 문서 내에서 직접 코드를 실행시키는 문법을 Template Engine이라고 부르며, 이 템플릿 엔진의 이름은 Jinja2라고 한다.
Jinja2
이 템플릿 엔진을 사용하여 HTML 문서에서 몇 가지 파이썬 구문을 작성하고 실행시킬 수 있다. (if 문, for 문 및 일부 메소드들 사용가능) 코드 용도에 따라 적절한 괄호를 감싸주어서 사용하면 된다.

>> 요렇게!
{% ... %} for Statements
{{ ... }} for Expressions to print to the template output
{# ... #} for Comments not included in the template output
# ... ## for Line Statements

locals() 메소드 활용하기

웹 페이지의 성격에 따라 HTML 문서에서 보여주어야 할 변수나 자료형이 매우 많을 수도 있다. 그래서 해당 함수 내의 지역 변수 전체를 인자로 보내주는 locals() 메소드를 사용하면 매우 편리하다.

# app.py

from flask import Flask, flash, redirect, render_template, request
 
app = Flask(__name__)
 
@app.route("/")
def index():
    return "Flask App!"
 
@app.route("/user/")
def hello():
 
    users = [ "Frank", "Steve", "Alice", "Bruce" ]
    var = 1
    return render_template('user.html', **locals())
 
if __name__ == "__main__":
    app.run(host='0.0.0.0',debug = True)

locals() 메소드를 사용함으로 지역 내에서 선언된 users 리스트와 var 변수를 모두 render_template 함수 내에 보내준다.

신기해... 후...!

😜 Flask를 통해 웹 구동할 때, 각 URL 간의 이동(Redirect) 및 HTTP 메소드 사용법에 대해 공부! 😜

Redirect(리다이렉트)

장고에서는 urls.py라고 해서 부모 urls.py 자식 urls.py를 만들어주었다면, Flask에서는 URL 간의 쉽고 편한 이동을 위해 redirect 메소드를 제공한다!

# app3.py

from flask import Flask, redirect, url_for
app = Flask(__name__)

@app.route('/admin')
def hello_admin():
    return 'Hello Admin'

@app.route('/guest/<guest>')
def hello_guest(guest):
    return 'Hello %s as Guest' % guest

@app.route('/user/<name>')
def hello_user(nmae):
    if name == 'admin':
        return redirect('/admin')
    else:
        return redirect(url_for('hello_guest', guest=name))
        
if __name__ == '__main__':
    app.run(debug=True)

위 코드는 /user/ URL에 입력된 name 값에 따라 다른 URL로 향하게 되어 있음! name 값이 admin일 경우, /admin URL(hello_admin())를 실행시키고, 나머지는 guest/ URL(hello_guest)를 실행시키는 구조이다.
return redirect('/admin') == return redirect(url_for("hello_admin"))
해당 URL로 리다이렉트시키는 함수이다. URL을 줘도 되고, url_for() 메소드를 사용하여 실제 함수 이름을 인자로 주어도 됨!! 😎 나는 전자가 더 편한 것 같다!
return redirect(url_for('hello_guest', guest = name))
url_for의 경우, 나머지 인자를 넘겨 줄때, 위 코드처럼 변수로 나눠서 넘겨줄 수 있다. 파이썬은 문자열 접근이 워낙 편하니까 실제 URL로 줘도 비슷하니, 편한걸 쓰기~~ 😎

HTTP Methods

from flask import Flask, redirect, url_for, request
app = Flask(__name__)

@app.route('/success/<name>')
def success(name):
    return 'welcome %s' % name

@app.route('/login', methods = ['POST', 'GET'])
def login():
    if request.method == 'POST':
        user = request.form['nm']
        return redirect(url_for('success', name=user))
    else:
        user = request.args.get('nm')
        return redirect(url_for('success', name=user))
        
if __name__ == '__main__':
    app.run(debug = True)

@app.route('/login',methods = ['POST', 'GET'])
기본적으로 Flask의 라우팅은 GET Method로 응답하지만, 필요한 경우 특정 메소드에만 응답하도록 선언할 수 있다. 위의 코드의 경우 POST 및 GET 2개의 메소드에 대한 응답이 가능하도록 하였다.
나눠서 넣어줘도 됨!
if request.method == 'POST':
POST 메소드로 요청이 왔을 때.
user = request.form['nm']
이 코드는 해당 요청에서 입력된 form 정보의 'nm' 필드 값을 가져오겠다는 뜻. 해당 결과를 확인하기 위해서는 직접 form을 만들어서 실행시켜야 한다. 아래와 같은 html 파일을 작성하여 그대로 열어보자.

# asd.html
  
<html>
   <body>
      
      <form action = "http://localhost:5000/login" method = "post">
         <p>Enter Name:</p>
         <p><input type = "text" name = "nm" /></p>
         <p><input type = "submit" value = "submit" /></p>
      </form>
      
   </body>
</html>

웹 서버에 연결하는 것이 아닌, 직접 파일을 열어야 한다. 해당 폼이 담긴 html 문서는 딱히 flask와 연결된 게 아니기 때문. 그러나 form의 action 필드에 해당 URL로 해두면 POST 요청을 웹 서버로 보내서 결과를 확인할 수 있게 된다.
else: user = request.args.get('nm')
else 문에는 당연히 남은 GET 메소드 요청이 오게 된다. get('nm')를 통해 URL을 통해 전달받은 nm 필드의 인자를 Flask가 사용 가능하도록 할 수 있다. 이번엔 따로 form을 만들 필요 없이 바로 URL로 인자를 주면 된다.

http://127.0.0.1:5000/login?nm=eunhye

출처: https://blog.naver.com/shino1025/221348321746
출처: https://blog.naver.com/shino1025/221348289584

On a regular basis

개발 기록

이전 포스트

Flask (1)

다음 포스트