meong_j
기록하는 습관.
meong_j
전체 방문자
오늘
어제
  • 분류 전체보기 (176)
    • 개인 공부 정리 (0)
    • 서버 운영 (37)
      • Linux (36)
    • Frontend (11)
      • Vue.js (10)
    • Backend (70)
      • Java (4)
      • Python (22)
      • Django (38)
      • Spring (6)
    • Database (5)
      • Oracle (4)
      • MySQL (1)
      • MariaDB (0)
    • Android (14)
      • Kotlin (6)
    • 배포 (9)
      • Docker (8)
      • AWS (1)
    • IT_study (29)
      • Coding test (17)
      • 알고리즘 (5)
      • 스터디 (6)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • github

인기 글

반응형

태그

  • 배포인프라
  • 이차원배열정렬
  • docker
  • router-link
  • dp #알고리즘
  • dockersecret
  • 개발자도서
  • 안드로이드adaptor
  • 중첩라우트
  • Kotlin
  • Proxy
  • DHCP
  • 리눅스인증
  • 리눅스방화벽
  • 코틀린자료형
  • gabagecollecter
  • cpu사용률
  • SASS Variables
  • django
  • 테크커리어

최근 댓글

최근 글

250x250
hELLO · Designed By 정상우.
meong_j

기록하는 습관.

Django message 구현
Backend/Django

Django message 구현

2021. 12. 2. 17:30
728x90
반응형

Django Message

장고에서 제공해주는 장고 메시지는 유저의 편의성을 개선시키기 위해 message를 제공하는 것이고, message의 중요도 레벨에 대한 설정이 가능하다

https://docs.djangoproject.com/en/3.1/ref/contrib/messages/

 

The messages framework | Django documentation | Django

Django The web framework for perfectionists with deadlines. Overview Download Documentation News Community Code Issues About ♥ Donate

docs.djangoproject.com

 

Message Level

메세지의 레벨에 따른 debug, info, success, warning, error 등에 대한 정보를 제공한다.

 

views.py

from django.contrib import messages

# 좋아요 두번이상 눌렀을 경우 error 메시지 출력 
messages.add_message(self.request, messages.ERROR, '좋아요는 한번만 가능합니다.')
# 좋아요 처음 눌렀을 경우 successs 메시지 출력
messages.add_message(self.request, messages.SUCCESS, '좋아요가 반영되었습니다.')
  • 좋아요 버튼을 눌렀을 때 정상일 경우 success message 처리, 에러일 경우 error message 처리함

 

settings.py

from django.contrib.messages import constants as messages
MESSAGE_TAGS = {
    messages.ERROR: 'danger',
}
  • 부트스트랩 버튼으로 level에 따른 message tag 전달하기 위한 설정

 

base.html

 {% for messages in messages %}
        <div class="text-center">
            <div class="btn btn-{{ message.tags }} rounded-pill px-5 my-3">
                {{ message }}
            </div>
        </div>
 {% endfor %}
  • 부트스트랩 버튼 모양 적용하여 tag 별로 message 날리기

 

🔻Bootstrap Button 링크

https://getbootstrap.com/docs/5.0/components/buttons/#button-tags

 

Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

getbootstrap.com

 

적용 결과

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'Backend > Django' 카테고리의 다른 글

django 31. WYSIWYG 의 소개 및 적용  (0) 2021.10.18
django 30. Field Lookup을 사용한 구독 페이지 구현  (0) 2021.10.18
django 29. RedirectView을 통한 SubscribeApp시작  (0) 2021.10.13
django 28. MultipleObjectMixin을 통한 ProjectApp 마무리  (0) 2021.10.13
django 27. 모바일 디버깅, 반응형 레이아웃  (0) 2021.10.12
    'Backend/Django' 카테고리의 다른 글
    • django 31. WYSIWYG 의 소개 및 적용
    • django 30. Field Lookup을 사용한 구독 페이지 구현
    • django 29. RedirectView을 통한 SubscribeApp시작
    • django 28. MultipleObjectMixin을 통한 ProjectApp 마무리
    meong_j
    meong_j
    #it #개발일기 #개발공부 #개발자 #백앤드 #생각정리 #시간은 실력에 비례한다 #뭐든지 꾸준히 열심히 #오늘의 내가 내일의 나를 만든다

    티스토리툴바