장고:검색기능 - 편집 역사

Sam: /* 탬플릿 수정 */

2021-03-21T04:41:31Z

탬플릿 수정

← 이전 판		2021년 3월 21일 (일) 04:41 판
46번째 줄:		46번째 줄:
	</div>		</div>
	</div>		</div>
	</syntaxhighlight>		</syntaxhighlight>현재 페이지를 그대로 불러올 경우, url 대신 #앵커 형태로 넣을 수도 있다.

	=정렬기능=		=정렬기능=

Sam: /* 자바스크립트 */

2020-12-29T05:39:59Z

자바스크립트

← 이전 판		2020년 12월 29일 (화) 05:39 판
89번째 줄:		89번째 줄:
	<br />		<br />

	== 페이징 ==		==페이징==
	그런데, 검색을 하고 나면... 페이징기능이 제대로 되먹지가 않는다; 검색에서 사용한 다양한 변수들이 전달되지 않기 때문인데, 2가지 선택지가 있다.		그런데, 검색을 하고 나면... 페이징기능이 제대로 되먹지가 않는다; 검색에서 사용한 다양한 변수들이 전달되지 않기 때문인데, 2가지 선택지가 있다.

	# 페이징 버튼을 form으로 바꾸어 hidden으로 각 변수들을 보내기.		#페이징 버튼을 form으로 바꾸어 hidden으로 각 변수들을 보내기.
	# JS를 이용하여 페이징버튼이 눌릴 때 form 안의 내용도 함께 제출되게끔 하기.		#JS를 이용하여 페이징버튼이 눌릴 때 form 안의 내용도 함께 제출되게끔 하기.

	페이징버튼마다 form을 만드는 건 굉장히 번거롭고, form 안의 내용이 바뀔 때마다 페이징 버튼에 대해 일일이 바꿔주어야 하는 불편함이 있다. 때문에 2번 방법을 사용한다.		페이징버튼마다 form을 만드는 건 굉장히 번거롭고, form 안의 내용이 바뀔 때마다 페이징 버튼에 대해 일일이 바꿔주어야 하는 불편함이 있다. 때문에 2번 방법을 사용한다.

	=== 탬플릿 수정 ===		===탬플릿 수정===

	==== 폼에 page정보 추가 ====		====폼에 page정보 추가====
	멀리 떨어진 form을 제출해야 하는데, 나는 그 방법은 모르겠다;; 하여, 기존 form 안에 다음을 추가한다.(page정보를 form에 담아 보내기 위해)<syntaxhighlight lang="html+django">		멀리 떨어진 form을 제출해야 하는데, 나는 그 방법은 모르겠다;; 하여, 기존 form 안에 다음을 추가한다.(page정보를 form에 담아 보내기 위해)<syntaxhighlight lang="html+django">
	<input type="hidden" id="page" name="page" value="{{ page }}">		<input type="hidden" id="page" name="page" value="{{ page }}">
	</syntaxhighlight>		</syntaxhighlight>

	==== 페이지버튼 변형하기 ====		====페이지버튼 변형하기====
	자바스크립트에서 작동시키기 위해 페이지버튼의 구성을 바꾼다.		자바스크립트에서 작동시키기 위해 페이지버튼의 구성을 바꾼다.

113번째 줄:		113번째 줄:
	</syntaxhighlight><br />		</syntaxhighlight><br />

	=== 자바스크립트 ===		===자바스크립트===
	페이지 정보도 같이 제출되게끔 페이지정보를 form 안에 hidden 필드로 넣고 진행한다.<syntaxhighlight lang="javascript+django">		페이지 정보도 같이 제출되게끔 페이지정보를 form 안에 hidden 필드로 넣고 진행한다.<syntaxhighlight lang="javascript+django">
	<!--페이지 버튼을 누르면 페이지 정보와 함께 검색폼의 내용도 제출되게끔. searchForm 안의 hidden으로 page를 넣는다.-->		<!--페이지 버튼을 누르면 페이지 정보와 함께 검색폼의 내용도 제출되게끔. searchForm 안의 hidden으로 page를 넣는다.-->
125번째 줄:		125번째 줄:
	// 검색버튼 클릭할 경우, 페이지번호를 받지 못하므로, 값을 넣어주어야 한다.		// 검색버튼 클릭할 경우, 페이지번호를 받지 못하므로, 값을 넣어주어야 한다.
	$("#btn_search").on('click', function() {		$("#btn_search").on('click', function() {
	~~$("#kw").val($(".kw").val());~~
	$("#page").val(1); // 검색버튼을 클릭할 경우 1페이지부터 조회한다.		$("#page").val(1); // 검색버튼을 클릭할 경우 1페이지부터 조회한다.
	$("#searchForm").submit();		$("#searchForm").submit();

2020년 12월 29일 (화) 05:36에 Sam님의 편집

2020-12-29T05:36:34Z

← 이전 판		2020년 12월 29일 (화) 05:36 판
87번째 줄:		87번째 줄:
	'ordering': ordering, # 선택한 정렬순서는 다시 돌려준다.		'ordering': ordering, # 선택한 정렬순서는 다시 돌려준다.
	</syntaxhighlight>정렬기능에서 모델객체를 불러오기 때문에 검색기능 위에 두어야 한다.		</syntaxhighlight>정렬기능에서 모델객체를 불러오기 때문에 검색기능 위에 두어야 한다.
			<br />

			== 페이징 ==
			그런데, 검색을 하고 나면... 페이징기능이 제대로 되먹지가 않는다; 검색에서 사용한 다양한 변수들이 전달되지 않기 때문인데, 2가지 선택지가 있다.

			# 페이징 버튼을 form으로 바꾸어 hidden으로 각 변수들을 보내기.
			# JS를 이용하여 페이징버튼이 눌릴 때 form 안의 내용도 함께 제출되게끔 하기.

			페이징버튼마다 form을 만드는 건 굉장히 번거롭고, form 안의 내용이 바뀔 때마다 페이징 버튼에 대해 일일이 바꿔주어야 하는 불편함이 있다. 때문에 2번 방법을 사용한다.

			=== 탬플릿 수정 ===

			==== 폼에 page정보 추가 ====
			멀리 떨어진 form을 제출해야 하는데, 나는 그 방법은 모르겠다;; 하여, 기존 form 안에 다음을 추가한다.(page정보를 form에 담아 보내기 위해)<syntaxhighlight lang="html+django">
			<input type="hidden" id="page" name="page" value="{{ page }}">
			</syntaxhighlight>

			==== 페이지버튼 변형하기 ====
			자바스크립트에서 작동시키기 위해 페이지버튼의 구성을 바꾼다.

			위의 형태에서 아래의 형태로.<syntaxhighlight lang="html+django">
			<a class="page-link" href="?page={{ page_number }}">{{ page_number }}</a>

			<a class="page-link" data-page="{{ page_number }}" href="#">{{ page_number }}</a>
			</syntaxhighlight><br />

			=== 자바스크립트 ===
			페이지 정보도 같이 제출되게끔 페이지정보를 form 안에 hidden 필드로 넣고 진행한다.<syntaxhighlight lang="javascript+django">
			<!--페이지 버튼을 누르면 페이지 정보와 함께 검색폼의 내용도 제출되게끔. searchForm 안의 hidden으로 page를 넣는다.-->
			<script type='text/javascript'>
			$(document).ready(function(){
			$(".page-link").on('click', function() { // page-link 클래스를 가진 버튼이 클릭되면
			$("#page").val($(this).data("page")); // 해당 값을 page에 담고.
			$("#searchForm").submit(); // searchForm 안의 페이지에 담아 제출한다.
			});

			// 검색버튼 클릭할 경우, 페이지번호를 받지 못하므로, 값을 넣어주어야 한다.
			$("#btn_search").on('click', function() {
			$("#kw").val($(".kw").val());
			$("#page").val(1); // 검색버튼을 클릭할 경우 1페이지부터 조회한다.
			$("#searchForm").submit();
			});
			});
			</script>
			</syntaxhighlight>

2020년 12월 7일 (월) 23:28에 Sam님의 편집

2020-12-07T23:28:37Z

← 이전 판		2020년 12월 7일 (월) 23:28 판
51번째 줄:		51번째 줄:
	검색 뿐 아니라 날짜 순, 댓글 순, 추천 순 등으로 정렬해야 할 때가 있다.		검색 뿐 아니라 날짜 순, 댓글 순, 추천 순 등으로 정렬해야 할 때가 있다.

	== 탬플릿 수정 ==		==탬플릿 수정==
	form을 이용해 정렬기준을 전달한다.		form을 이용해 정렬기준을 전달한다.

63번째 줄:		63번째 줄:
	</syntaxhighlight>		</syntaxhighlight>

	== 뷰 수정 ==		==뷰 수정==
	다음과 같은 형태의 내용을 추가한다.<syntaxhighlight lang="python">		다음과 같은 형태의 내용을 추가한다.<syntaxhighlight lang="python">
	from django.db.models import Count # annotate에서 DB에 해당하는 무언가를 셀 때 사용하는 함수.		from django.db.models import Count # annotate에서 DB에 해당하는 무언가를 셀 때 사용하는 함수.
86번째 줄:		86번째 줄:
	context = { # ordering을 추가하여 반환해주자. 검색창에 검색어가 담겨 있게끔.		context = { # ordering을 추가하여 반환해주자. 검색창에 검색어가 담겨 있게끔.
	'ordering': ordering, # 선택한 정렬순서는 다시 돌려준다.		'ordering': ordering, # 선택한 정렬순서는 다시 돌려준다.
	</syntaxhighlight>		</syntaxhighlight>정렬기능에서 모델객체를 불러오기 때문에 검색기능 위에 두어야 한다.

Sam: /* 정렬기능 */

2020-12-07T13:26:32Z

정렬기능

@@ 36번째 줄: / 36번째 줄: @@
 *<code>subject__contains</code> 대신 <code>subject__icontains</code> 형태를 사용하는 건 i를 붙였을 때 대소문자 구분없이 찾아주기 때문이다.
-== 탬플릿 수정 ==
+==탬플릿 수정==
 검색창을 넣어야 하는 목록 탬플릿에 다음과 같이 추가한다.<syntaxhighlight lang="html+django">
 <form id="searchForm" method="get" action="{% url 'pool:list' %}">
@@ 48번째 줄: / 48번째 줄: @@
 </syntaxhighlight>
-= 정렬기능 =
+=정렬기능=
 검색 뿐 아니라 날짜 순, 댓글 순, 추천 순 등으로 정렬해야 할 때가 있다.

Sam: /* view 수정 */

2020-12-04T07:31:39Z

view 수정

← 이전 판		2020년 12월 4일 (금) 07:31 판
7번째 줄:		7번째 줄:
	목록을 조회하는 view를 수정한다.		목록을 조회하는 view를 수정한다.

	다음과 같은 형태로<syntaxhighlight lang="python">		다음과 같은 형태로 추가.<syntaxhighlight lang="python">
	from django.db.models import Q # 검색을 위함. filter에서 OR조건으로 조회하기 위한 함수.(장고제공)		from django.db.models import Q # 검색을 위함. filter에서 OR조건으로 조회하기 위한 함수.(장고제공)

24번째 줄:		24번째 줄:
	).distinct() # 중복된 내용이 있으면 제거하는 함수.		).distinct() # 중복된 내용이 있으면 제거하는 함수.
	question_list = result # 모은 결과를 리스트에 담는다.		question_list = result # 모은 결과를 리스트에 담는다.

			.
			.
			.
			context = { # keyword를 추가하여 반환해주자. 검색창에 검색어가 담겨 있게끔.
			'keyword': keyword, # 검색어는 다시 돌려준다.
	</syntaxhighlight>		</syntaxhighlight>

	* POST방식이 아니라 GET으로 받아오는 것은 뒤로가기 버튼을 누를 때 '만료된 페이지입니다'라는 문구가 뜨기 때문이다. 그럼 다시 찾아들어가야 하고.. 불편해.		*POST방식이 아니라 GET으로 받아오는 것은 뒤로가기 버튼을 누를 때 '만료된 페이지입니다'라는 문구가 뜨기 때문이다. 그럼 다시 찾아들어가야 하고.. 불편해.
	* ('만료된 페이지입니다' 문구는 POST요청 시 중복요청을 방지하기 위해 발생시키는 오류이다.)		*('만료된 페이지입니다' 문구는 POST요청 시 중복요청을 방지하기 위해 발생시키는 오류이다.)
	* <code>subject__contains</code> 대신 <code>subject__icontains</code> 형태를 사용하는 건 i를 붙였을 때 대소문자 구분없이 찾아주기 때문이다.		*<code>subject__contains</code> 대신 <code>subject__icontains</code> 형태를 사용하는 건 i를 붙였을 때 대소문자 구분없이 찾아주기 때문이다.

			== 탬플릿 수정 ==
			검색창을 넣어야 하는 목록 탬플릿에 다음과 같이 추가한다.<syntaxhighlight lang="html+django">
			<form id="searchForm" method="get" action="{% url 'pool:list' %}">
			<div class="input-group mb-3">
			<input type="text" class="form-control" name="keyword" placeholder="여따 검색하쇼" value="{{ keyword\|default_if_none:'' }}">
			<div class="input-group-append">
			<input class="btn btn-outline-secondary" type="submit" id="btn_search" value="검색"></input>
			</form>
			</div>
			</div>
			</syntaxhighlight>

			= 정렬기능 =
			검색 뿐 아니라 날짜 순, 댓글 순, 추천 순 등으로 정렬해야 할 때가 있다.

2020년 12월 4일 (금) 06:33에 Sam님의 편집

2020-12-04T06:33:40Z

← 이전 판		2020년 12월 4일 (금) 06:33 판
2번째 줄:		2번째 줄:

	==개요==		==개요==
	검색기능은 DB에 쿼리하는 방식으로 이루어진다.		검색기능은 DB에 쿼리하는 방식으로 이루어진다.<br />
	<br />

	==view 수정==		==view 수정==
25번째 줄:		24번째 줄:
	).distinct() # 중복된 내용이 있으면 제거하는 함수.		).distinct() # 중복된 내용이 있으면 제거하는 함수.
	question_list = result # 모은 결과를 리스트에 담는다.		question_list = result # 모은 결과를 리스트에 담는다.
	</syntaxhighlight>POST방식이 아니라 GET으로 받아오는 것은 뒤로가기 버튼을 누를 때 '만료된 페이지입니다'라는 문구가 뜨기 때문이다. 그럼 다시 찾아들어가야 하고.. 불편해.		</syntaxhighlight>

	('만료된 페이지입니다' 문구는 POST요청 시 중복요청을 방지하기 위해 발생시키는 오류이다.)		* POST방식이 아니라 GET으로 받아오는 것은 뒤로가기 버튼을 누를 때 '만료된 페이지입니다'라는 문구가 뜨기 때문이다. 그럼 다시 찾아들어가야 하고.. 불편해.
			* ('만료된 페이지입니다' 문구는 POST요청 시 중복요청을 방지하기 위해 발생시키는 오류이다.)
			* <code>subject__contains</code> 대신 <code>subject__icontains</code> 형태를 사용하는 건 i를 붙였을 때 대소문자 구분없이 찾아주기 때문이다.

2020년 12월 3일 (목) 11:36에 Sam님의 편집

2020-12-03T11:36:20Z

← 이전 판		2020년 12월 3일 (목) 11:36 판
1번째 줄:		1번째 줄:
	{{장고}}		{{장고}}

	== 개요 ==		==개요==
	검색기능은 DB에 쿼리하는 방식으로 이루어진다.		검색기능은 DB에 쿼리하는 방식으로 이루어진다.
	<br />		<br />

	== view 수정 ==		==view 수정==
	목록을 조회하는 view를 수정한다.~~<syntaxhighlight lang="python">~~		목록을 조회하는 view를 수정한다.
	~~from django.db.models improt Q # or조건으로 데이터를 조회하기 위한 함수(장고제공)~~

	~~keyword~~ = ~~request~~.~~GET~~.~~get('keyword', '')~~ # ~~검색어를 get으로 가져온다~~. ~~''는 왜 필요할까? 없어도 되나?~~		다음과 같은 형태로<syntaxhighlight lang="python">
			from django.db.models import Q # 검색을 위함. filter에서 OR조건으로 조회하기 위한 함수.(장고제공)

	if keyword:		def list(request):
	~~question_list~~ = question_list.filter(		question_list = Question.objects.order_by('-create_date') # 일단 객체 목록을 받아온다.
	Q(subject__icontains=~~keyword~~)\| # ~~question모델의 subject에서 검색.~~		keyword = request.GET.get('keyword', '') # 검색어. ''는 왜 필요할까? 없어도 되나?
	Q(content__icontains=~~keyword~~)\| # ~~question모델의 content에서 검색.~~		if keyword: # 검색어가 있다면
	Q(author__username__icontains=~~keyword~~)\| # question모델의 상위인 user모델의 username에서 검색.		result = [] # 검색결과를 담기 위한 리스트를 만든다.
	Q(answer__author__username__icontains=~~keyword~~) # 하위모델인 answer모델의 참조인 user모델의 username에서 검색.		keywords = keyword.split(' ') # 공백이 있는 경우 나눈다.
	).distinct() # ~~중복이 있는 경우, 이를 제거하고 리턴해주는~~ 함수.		for kw in keywords: # 띄어쓰기로 검색을 하는 경우가 많으니까, 다 찾아줘야지.
			result += question_list.filter( # 검색해서 검색결과에 더한다.
			Q(subject__icontains=kw) \| # 제목검색
			Q(content__icontains=kw) \| # 내용검색
			Q(author__username__icontains=kw) \| # # question모델의 상위인 user모델의 username에서 검색.
			Q(answer__author__username__icontains=kw) # 하위모델인 answer모델의 참조인 user모델의 username에서 검색.
			).distinct() # 중복된 내용이 있으면 제거하는 함수.
			question_list = result # 모은 결과를 리스트에 담는다.
	</syntaxhighlight>POST방식이 아니라 GET으로 받아오는 것은 뒤로가기 버튼을 누를 때 '만료된 페이지입니다'라는 문구가 뜨기 때문이다. 그럼 다시 찾아들어가야 하고.. 불편해.		</syntaxhighlight>POST방식이 아니라 GET으로 받아오는 것은 뒤로가기 버튼을 누를 때 '만료된 페이지입니다'라는 문구가 뜨기 때문이다. 그럼 다시 찾아들어가야 하고.. 불편해.

	('만료된 페이지입니다' 문구는 POST요청 시 중복요청을 방지하기 위해 발생시키는 오류이다.)		('만료된 페이지입니다' 문구는 POST요청 시 중복요청을 방지하기 위해 발생시키는 오류이다.)

220.73.131.76: 새 문서: {{장고}} == 개요 == 검색기능은 DB에 쿼리하는 방식으로 이루어진다.
== view 수정 == 목록을 조회하는 view를 수정한다.

장고:검색기능 - 편집 역사

Sam: /* 탬플릿 수정 */

Sam: /* 자바스크립트 */

2020년 12월 29일 (화) 05:36에 Sam님의 편집

2020년 12월 7일 (월) 23:28에 Sam님의 편집

Sam: /* 정렬기능 */

Sam: /* view 수정 */

2020년 12월 4일 (금) 06:33에 Sam님의 편집

2020년 12월 3일 (목) 11:36에 Sam님의 편집

220.73.131.76: 새 문서: {{장고}} == 개요 == 검색기능은 DB에 쿼리하는 방식으로 이루어진다. == view 수정 == 목록을 조회하는 view를 수정한다.

220.73.131.76: 새 문서: {{장고}} == 개요 == 검색기능은 DB에 쿼리하는 방식으로 이루어진다.
== view 수정 == 목록을 조회하는 view를 수정한다.