Python codelab2
- 1. Python Code Lab Study Of Landvibe made by 김건희 Django 프레임워크를 활용한 웹페이지 제작
- 2. Outline • 1주차 • 프로그램 개요, 데모 시연 • 배경 지식 설명 • 환경 설정 • 2주차 • Django - Model, View ,Template, url • 사진 조회, 삽입, 삭제, 수정 • 3주차 • 검증(form) • 로그인, 회원가입, 로그아웃 • 유저와 사진 연결하기
- 3. Outline • 2주차 • Django - Model, View ,Template, url • 사진 조회, 삽입, 삭제, 수정
- 4. Django Django의 MTV 패턴 • Template • View 역할 • 사용자의 화면에 보 이는 부분 • View • Controller 역할 • 사용자의 요청을 처 리하여 응답해주는 부분 • Model • Model 역할 • 서버와 DB를 연결해 주는 부분
- 5. Model • DB에 접속하여 data를 조회(select), 입력(insert), 수정 (update), 삭제(delete)하는 작업을 하는 모듈(model.py) • django.db.models.Model 클래스를 상속
- 6. Model 예제
- 7. Model Field • Field (공통 속성) • null : db값의 null을 허용할지 (Boolean) • blank : admin 에서 empty input value 허용할지 (Boolean) • default : default value • help_text : admin 에서 해당 필드 설명 text • unique : value가 uniqu한지 (Boolean) • TextField • max_length : 최대 길이 • DateTimeField • auto_now : 수정될 때 • auto_now_add : 처음 생성될 때
- 8. Model Field • ImageField • uploaded_to : 저장경로 설정 • height_field, width_field : 높이, 너비 지정 • ForeignKey • 첫번째 인자 : 참조될 Model이름 • on_delete : 삭제 시 동작 방식 https://docs.djangoproject.com/en/1.10/ref/models/fields/
- 9. Model • Python manage.py makemigrations • Python manage.py migrate • 기본적인 DB 설정이 끝났으니 다음단계로 넘어갑시다
- 10. View • HTTP request에 대한 처리를 하는 모듈(view.py) • Client와의 gate(Route)로 urls.py 모듈을 사용 • 실질적인 기능이 구현 되는 곳
- 11. View 기능을 추가해봅시다! 1. Photo들의 리스트를 출력 URL : localhost:8000/photos
- 12. View • urls.py
- 13. View • View.py
- 14. ORM Object Relational Mapping • Wiki : 데이터베이스와 객체 지향 프로그래밍 언어 간의 호환되지 않는 데이터를 변환하는 프로그래밍 기법이다.
- 15. QuerySet Select Query • get(**kwargs) • Parameter와 일치하는 한 개의 object 리턴 • kwargs에 unique value • 2개이상일 경우 MultipleObjectReturned 예외 발생 • 일치 값이 없을 경우 DoesNotExist 예외 발생 • all() • 모든 object를 리턴 • filter(** kwargs) • Parameter와 일치하는 여러 개의 object 리턴 https://docs.djangoproject.com/en/1.10/ref/models/querysets/
- 16. QuerySet Insert Query • create(**kwargs) • Parameter에 지정된 값으로 생성된 object를 database에 저장 • save() • 생성된 object를 database에 저장 https://docs.djangoproject.com/en/1.10/ref/models/querysets/
- 17. QuerySet Update, Delete Query • update(**kwargs) • Parameter에 지정된 값으로 database값 수정 • delete() • Object를 datase에서 삭제
- 18. View 기능을 추가해봅시다! 2. Photo 추가
- 19. View • urls.py • 여긴 그대로
- 20. View • View.py • 기존 photo_list 함수에 아래 코드를 추가
- 21. HTTP Request • Client가 보낸 http 요청을 request object로 저장 • method • GET, POST, PUT, DELETE, … • GET • GET 요청의 parameter들이 dict로 저장 • POST • POST 요청의 parameter들이 dict로 저장 • FILES • 클라이언트에서 보낸 파일 저장
- 22. HTTP Response • Server에서 Client에 data를 전송 • HttpResponse • Client로 Response를 보내는 객체 • HttpResponseRedirect(url) • Client로 url에 해당하는 HttpResponse를 전송 • render • html 파일과 data를 HttpResponse 객체에 담아서 전 송 • redirect • HttpResponseRedirect 객체에 url을 담아서 전송
- 23. View 기능을 추가해봅시다! 3. Photo 수정 3-1. • 수정하기 버튼 클릭 • /photos 3-2. • /photos/<id> • photo객체 한 개 불러옴 3-3. • photo db 수정 • /photos 로 redirect
- 24. View • url.py • View.py • Photo 객체 하나를 database 에서 가져옴 • update.html과 photo 객체 response
- 25. View 3-1. • 수정하기 버튼 클릭 • /photos 3-2. • /photos/<id> • photo객체 한 개 불러옴 여기까지 확인!
- 26. View • View.py • 기존 photo_detail 함수 아래에 코드 추가
- 27. View 잘 돌아가는지 Test 해봅시다 3. Photo 수정 3-1. • 수정하기 버튼 클릭 • /photos 3-2. • /photos/<id> • photo객체 한 개 불러옴 3-3. • photo db 수정 • /photos 로 redirect
- 28. View 기능을 추가해봅시다! 4. Photo 삭제 4-1. • 삭제 버튼 클릭 • /photos 4-2. • /photos/<id>로 접근 • Photo 객체 db에서 삭제 • 저장된 image 삭제 • /photos로 redirect
- 29. View • View.py • 기존 photo_detail 함수 아래에 코드 추가
- 30. View 잘 돌아가는지 Test 해봅시다 4. Photo 삭제 4-1. • 삭제 버튼 클릭 • /photos 4-2. • /photos/<id>로 접근 • Photo 객체 db에서 삭제 • 저장된 image 삭제 • /photos로 redirect
- 31. View 잘 돌아가는지 Test 해봅시다 잠깐! DB에서는 지웠는데 image 파일은 안지웠잖아요!!!
- 32. View 잘 돌아가는지 Test 해봅시다 Model의 delete함수를 overriding 해줍시다!
- 33. View 잘 돌아가는지 Test 해봅시다 이제 잘 지워지죠? 삭제 전 삭제 후
- 34. 마무리 오늘은 여기까지! • 3주차 • 검증(form) • 로그인, 회원가입, 로그아웃 • 유저와 사진 연결하기