< django - 23 >

23. 검색 기능과 GET + 검색 폼 + 페이징 + 검색 스크립트와 검색 함수

 

 

 

# 검색 화면 및 검색 창

- projects\mysite\templates\pybo\question_list.html 파일을 열어 템플릿에 검색어를 입력할 수 있는 텍스트창 추가

사진 전문 추가

+ 질문 등록하기 버튼은 검색창의 왼쪽으로 이동

 

+ Line 11의 id="search_kw"

-->  자바 스크립트에서 이 텍스트창에 입력된 값을 읽기 위해 id속성 추가

 

 

 

 

# 검색 폼

- projects\mysite\templates\pybo\question_list.html 을 열고 page, kw를 동시에 GET으로 요청할 수 있는 searchForm 추가

Line 90 ~ 93 추가

+ << Line 90 >>

: method 속성에 "get" 설정  -->  GET 방식으로 요청해야 하기 때문

: action 속성은 폼이 전송되는 URL  -->  질문 목록 URL인 {% url 'index' %} 지정

 

+ Line 91의 kw와 92의 page 의 경우 이전에 요청했던 값을 기억하고 있어야 하기에 value 에 값 대입  -->  이전에 요청된 kw, page 값은 index 함수로부터 전달됨

 

 

 

 

# 페이징

- projects\mysite\templates\pybo\question_list.html 파일을 열고 직접 파라미터를 코딩하는 방식에서 값을 읽어 폼에 설정할 수 있도록, 페이징 처리 부분을 아래처럼 수정

Line 56, 57 수정 + Line 69, 70

Line 74, 75 + Line 83, 84 추가

+ 모든 페이지 링크를 href 속성에 직접 입력하지 않고도 data-page 속성으로 값을 읽어들일 수 있도록 설정

 

 

 

 

# 검색 스크립트

- projects\mysite\templates\pybo\question_list.html 파일을 열어 page, kw 파라미터를 동시에 요청할 수 있는 자바스크립트 추가

사진 전문 추가

+ Line 101 ~ 107의 스크립트는 아래 과정 중 searchForm 을 요청하는 과정에서 필요함

: 위에서 작성한 class 속성값으로 "page-link"라는 값을 가지고 있는 링크를 클릭  -->   그 링크의 data-page 속성값을 읽어 searchForm의 page 필드에 설정  -->  searchForm을 요청

 

+ Line 111의 value = 1;

: 검색 버튼을 누르는 경우는 새로운 검색에 해당하기 때문에 1 설정

 

 

 

 

# 검색 함수

1. projects\mysite\pybo\views\base_views.py 파일을 열어 화면에서 요청한 검색어가 질문 목록 조회에 적용될 수 있도록 base_views.py의 index 함수를 아래처럼 수정

Line 2, 10, 12 ~ 19, 22 추가

+ Line 14, 15의 subject__icontains=kw

-->  제목에 kw 문자열이 포함되었는지 여부를 의미

 

+ Line 18의 answer__author__username__icontains

-->  "답변을 작성한 사람의 이름에 포함되는가?" 의 의미

+ filter 함수에서는 언더바 2개(__)를 사용하여 모델의 하위 속성에 접근 가능

 

+ Line 22의 'page': page, 'kw': kw

-->  page와 kw를 템플릿에 전달하기 위해 context 딕셔너리에 추가

 

+ subject__contains=kw 대신 subject__icontains=kw을 사용하면 대소문자 구별 없이 검색 가능

 

 

 

2. http://localhost:8000/pybo/ 페이지를 호출한 후 검색 기능 확인