본문 바로가기
Python/Django

django-crispy-form을 사용하여 폼 모양 꾸미기

by HoneyIT 2022. 6. 27.

1. django-crispy-form 설치하기

pip install django-crispy-forms

콘솔창에서 django-crispy-forms를 설치합니다.

 

CRISPY_TEMPLATE_PACK = 'bootstrap4'

설치 완료 후 settings.py 파일의 INSTALLED_APP에 crispy_forms를 추가하고 crispy_forms의 스타일을 bootstrap4로 하겠다고 지정합니다.

 

 

2. html을 수정해 crispy_forms 적용하기

post_form.html

crispy-forms를 적용할 수 있도록 맨 위에 {% load crispy_forms_tags %}를 추가하고 폼이 테이블 형태로 나타나지 않도록  {{ form }}에 | crispy를 추가합니다.

 

post_update_form.html

post_update_form.html도 동일하게 수정합니다. 단, value도 추가해줍니다.

 

view.py

해당 value는 view에서 받아옵니다.

 

3. 적용 확인

edit 화면이 잘 정렬된 것을 확인할 수 있습니다.

 

https://g.co/kgs/A6fcWi

 

Do it! 장고+부트스트랩 파이썬 웹 개발의 정석: 웹 기초부터 블로그 개발·배포·운영까지, 만들면

만들면서 배우는 파이썬 웹 개발 A to Z!파이썬 기초 문법만 알면 나만의 블로그 사이트를 만들 수 있다!이 책은 블로그 웹 사이트를 만드는 실습을 진행하면서 웹 개발 기초부터 블로그 개발, 배

www.google.com

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

Django Lightsail(Ubuntu)로 서비스하기  (0) 2022.07.07
Django PostgreSQL 사용하기  (0) 2022.07.05
도커(Docker)로 배포하기  (0) 2022.07.04
Django 검색 기능 구현  (1) 2022.06.30
Django pagination 구현  (0) 2022.06.30