Python Django
Django를 이용한 프로그래밍 #4
거나미스
2019. 1. 2. 11:35
반응형
- Django의 templates(html)와 views.py를 이용하여 화면 생성
- 위와 같은 화면을 표시하기 위한 프로그램 작성 방법 설명
- 사전 설정
- 화면에 표현하기 위한 적당한 이미지 파일 생성
- 생성된 이미지를 Django가 설치된 서버로 전송
- 개발환경에서 Static 파일(이미지, CSS 등 정적 파일 모두)을 화면에 표시하기 위해서는
- 반드시 settings.py 파일 내에서 DEBUG = True 로 설정되어야 함
- Django는 Development와 Production에 대한 설정 부분이 다소 혼동을 주므로 반드시 확인할 것
- ※※※※※※※※※※※※※※※※※※※※ 추후 settings.py에 대한 설명을 별도 페이지에서 작성 예정 ※※※※※※※※※※※※※※※※※※※※
- views.py와 Templates의 연결관계
- Django는 Templates라는 것으로 화면을 구성할 수 있음
- 이러한 Templates에는 화면, Html파일을 정의하며, 이 부분은 대부분 staticfiles와는 별개로 사용된다
- views.py 수정
- main 디렉토리에 있는 views.py 파일을 다음과 같이 수정
- from django.template import loader # template를 읽어들이기 위해 사용
- template = loader.get_template('mainindex.html') # mainindex.html파일을 loader로 읽어 template 객체에 저장
- context = { 'username' : 'gunamis', } # username에 값을 넣어서 context를 생성
- return HttpResponse(template.render(context, request)) # context를 template객체에 전달하여 최종 html을 생성하여 Http로 Response를 함
- mainindex.html 작성
- templates 폴더를 확인 ( 없으면 생성 )
- mainindex.html파일을 생성하여 아래와 같이 작성
- {% load static %} # static을 로드 이미지 등 static 파일을 사용하기 위해 필요
- {% static "main.jpg"%} # static에 명시된 디렉토리명으로 치환 됨, /static/main.jpg
- HTML소스를 보면 다음과 같이 치환됨
- {% if username %} # views.py에서 전달된 context 중 username이 있다면
- {{ username }} # username의 값으로 치환
- {% endif %} # if문 종료
- 이미지 static 파일 위치
- 개발 모드에서 Django는 static 파일의 위치가 다소 특이 함
- 별도로 지정할 수 있을듯 하나, 본 문서에서는 기본 위치로 사용 함
- ./py36-venv/lib/python3.6/site-packages/django/contrib/admin/static/ 위치에 파일 저장 됨 (각 개인의 환경에 따라 상이 할 수 있음)
- 위 위치한 곳으로 main.jpg 파일을 업로드
- urls.py 파일 수정
- root의 urls.py 파일 수정
- from django.conf import settings # conf의 settings 파일을 사용하기 위해 선언
- from django.conf.urls.static import static # static 사용을 위해 선언
- ]+ static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) # static 파일 사용을 위해 선언
- settings.py 파일을 보면 다음과 같이 선언되어 있음
- 이 위치가 ./py36-venv/lib/python3.6/site-packages/django/contrib/admin/static/의 위치 임
- DEBUG = True로 반드시 변경
- """ ... """는 python에서 여러줄 주석 처리 하는 방법 임
- 실행
- 브라우저를 실행하여 확인