FLASK 2차시

디렉토리 구조

Render_template

HTML 파일 불러오기

url_for

특정 path로 연결 시켜줌

jinja

파이썬 플라스크에 기본 내장된 템플릿 엔진

웝페이지가 동적으로 작동해야될때 JS 대신 파이썬과 유사한 문법으로 작성 가능

연습 코드

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form method="post">
        <label for="name">아이디 입력 : </label>
        <input type="text" name="name" placeholder="아이디를 입력하세요"><br>
        <label for="pw">비밀번호 입력 : </label>
        <input type="password" name="pw" placeholder="비밀번호를 입력하세요"><br>
        <button type="submit">로그인</button>
    </form><hr>
    {% if name == "admin" and pw == "1234" %}
            <p>관리자님 환영합니다.</p>
    {% else %}
        <p>존재하지 않는 아이디 입니다.</p>
    {% endif %}

</body>
</html>

우선 HTML 코드이다

post로 아이디와 비밀번호를 입력 받는다

jinja를 사용하여 name(아이디)가 admin이고 pw(비밀번호)가 1234이면 관리자님 환영합니다가 나오고,

그렇지 않으면 존재하지 않는 아이디 입니다가 나온다.

from flask import Flask, render_template, request

app = Flask(__name__)

@app.route("/", methods=["GET", "POST"])
def home():
    if request.method == "POST":
        name =request.form.get("name", "")
        pw =request.form.get("pw", "")
    else:
        name=''
        pw=''
    return render_template("index.html", name=name, pw=pw)

if __name__ == "__main__":
    app.run(debug=True)

그다음 플라스크 코드이다

http://127.0.0.1:5000/에 들어갔을때 post로 name과 pw를 받아온다

그다음 name과 pw를 HTML에 전달 했을때의 결과를 보여준다

app.run(debug=True)는 디버깅 모드로, 오류의 결과를 상세하게 알려준다.

'web > web' 카테고리의 다른 글

DB 1일차 (0)	2025.10.02
flask 1일차 (0)	2025.09.24
node js 3, 4차시 (0)	2025.08.17
Nodejs 2차시 (2)	2025.08.10
nodejs 1차시 (4)	2025.08.10