728x90
[Flask] 메시지 플래싱 (Message Flashing)
플라스크는 플래싱 시스템을 가지고 사용자에게 피드백을 주는 간단한 방법을 제공한다.
즉, 플래싱이란 서버에서 처리하며 생긴 오류사항/처리사항을 HTML에 넘겨 줄 수 있는 기능을 말한다.
만약 사용자가 로그인 정보를 입력하지 않았을 때, 피드백을 보내고싶다고하면 다음과 같이 작성할 수 있다.
입력받은 정보의 길이가 0이라면 flash 메시지를 보내도록 한다.
if len(username) == 0 or len(password) == 0:
flash("ID 또는 PASSWORD를 입력하세요")
return redirect('/login')HTML에선 다음과 같이 작성해준다.
body 태그 안에 넣어주면 된다.
<body>
{% with messages = get_flashed_messages() %}
{% if messages %}
{{ messages[-1] }}
{% endif %}
{% endwith %}
</body>조건에 부합하면 메시지를 출력한다.
메시지 형식이 아닌 alert으로 출력하고 싶다면, 이것 또한 매우 간단하다.
{% with messages = get_flashed_messages() %}
{% if messages %}
<script>
alert("{{ messages[-1] }}")
</script>
{% endif %}
{% endwith %}나는 기본 alert 창이 너무 못생겨서 custom을 찾아보니 좋은 자료가 있었다.
https://www.ondiek-elijah.me/blog/custom-alerts-in-flask-using-sweetalert2
Custom Alerts in Flask Using SweetAlert2
This article describes how to use Sweetalert2 to create custom alerts in Flask Jinja templates. Learn how to display alerts in a way that users will appreciate.
www.ondiek-elijah.me
head안에 css의 링크를 넣어주고
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="{{ url_for('static', filename='login.css') }}">
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<title>Login</title>
</head>코드를 수정해주면 끝
<body>
{% with messages = get_flashed_messages() %}
{% if messages %}
<script>
Swal.fire({
text: '{{ messages[-1] }}'
})
</script>
{% endif %}
{% endwith %}
</body>
참고
반응형
'👩💻 Develope > Python' 카테고리의 다른 글
| [Flask] 외부에서 접속하기 (0) | 2023.07.20 |
|---|---|
| [Pymysql] 파라미터 전달 (0) | 2023.07.16 |
| [Flask] form 값 받기 (request) (0) | 2023.07.14 |
| [Python] OS (0) | 2023.07.06 |
| [Python] Datetime (0) | 2023.07.05 |
