07. 관리자 페이지 커스터 마이징 하기(심화)

05. 심화!

앞장에 이어서 심화를 해보겠다!

"

장고에서 생성해주는 관리자 페이지를 커스터마이징 하는 방법을 알아볼것이다. 아예 다른 페이지를 생성해도 되지만 인터넷에서 참고자료를 찾아서 커스터마이징을 하는 방법을 알아냈는데 꽤나 유용했다. 

참고한 슬라이드는 https://www.slideshare.net/bbayoung7849/djangoadminsitecustomexample 이고 

이 슬라이드에서 사용한 코드는 이분의 깃헙에 올라가있다. 

깃헙 주소: https://github.com/bbayoung/django-admin-site-custom-example

이 분의 슬라이드를 참고하여서 커스터마이징 하는 방법을 알아보도록 하겠다.

"

이 슬라이드를 보고 따라서 만들려고 했지만 따라하는 것이 어려웠어서 차근차근 순서대로 방법을 알려줄것이다.

06. 영혼 없이 따라하자!

-우리가 만들려는건 이런거다. 첨에 아무것도 없는건 아무래도 그러니께..

-일단 폴더들을 만든다.

- 이렇게 static폴더 안에 admin폴더 안에 css 폴더, templates 폴더안에 admin폴더를 만든다.

- 이러고 나면 css 폴더 내에 파일을 두개 만들어 준다.

-스타일 시트로 생성! custom.css 랑 dropdown.css 두개이다. 

드랍다운 소스 코드: 

dropdown.txt

커스텀 소스코드:

custom.txt

- 이제 html 파일도 하나 만든다. 이름은 base_site.html이다.

base_site.html 소스코드: 

base_site.txt

- 최종적으로 이런 구조가 된다.

-이제 파이썬 파일을 하나만든다. webtutorial 폴더 아래에 만든다! 이름은 context_processors.py

context_processors.py:

context_processors.txt

- 최종적으로 이렇게 생겨먹었다.

- 이제 settings.py에서 체크한 부분만 수정을 해준다

- 이부분도 추가한다(settings.py)

- 배끼면 이렇게 생겼음!

- 여기서 우리가 가진 테이블들로 내용을 조금 수정해줘야한다.

- 다 지우고 아래처럼만 남겼음

- 그럼 이렇게 변한다!

- 눌러서 들어가면 이렇게 생겻다. 뭔가 추가해서 넣으면 리스트 형식으로 뜰것이다.

- 하지만 저건 좀 심하니까 paythings/admin.py에서 약간 수정을 해준다

- 위에처럼 수정하면 스낵을 눌렀을때 snack_status.html 페이지로 넘어가게 만든 건데, 따라서 snack_status.html을 만들어야한다

- 내용은 마음대로 채워넣으면 됨

- 그리고 context_processors.py 를 이렇게 수정해준다.

- 최종!! 이런식으로 커스터마이징할 수 있다

07. 마무리하며

이렇게 관리자 페이지를 커스터 마이징 할 수 있다. 사용자 페이지를 구성하는 방법을 좀더 익히면 좀더 다양하게 관리자 페이지를 수정할 수 있으므로 다음부터는 사용자 페이지를 구성하는 방법을 알려줄것이다.

빠이!