필터 유지하기

Coddy Django 여정의 클래스 기반 뷰 섹션에 포함된 레슨. 18개 중 9번째.

베를린 일자리를 열고 ‘다음’을 누르세요. 2페이지에는 모든 도시의 일자리가 표시됩니다. 링크는 ?page=2로, 완전히 새로운 쿼리 문자열이므로 city=Berlin은 사라집니다.

{% querystring %} 태그는 현재 쿼리 문자열을 바탕으로 시작해 지정한 값을 설정한 다음, ?까지 포함한 결과를 출력합니다. Django 5.1부터 내장되어 있으므로 {% load %}가 필요하지 않습니다. 요리 종류로 필터링된 레시피 목록에서 정렬된 보기로 연결하는 예입니다.

<a href="{% querystring sort="minutes" %}">Quickest first</a>

/recipes/?cuisine=thai에서는 ?cuisine=thai&sort=minutes를 출력하므로 필터가 유지됩니다. 값으로 템플릿 변수를 사용할 수 있고, None은 키를 제거합니다. {% querystring sort="minutes" page=None %}을 사용하면 1페이지로 돌아갑니다.

태그 앞에 ?를 쓰지 마세요. 그러면 링크가 ??로 시작합니다.

챌린지

쉬움

job_list.html에서 두 페이지 이동 링크가 나머지 쿼리 문자열을 모두 유지하도록 하세요. /jobs/?city=Berlin에서 Next는 ?city=Berlin&page=2로 이동하고, Previous도 도시를 유지합니다. /jobs/에서는 Next가 계속 ?page=2로 이동합니다.

Berlin을 클릭한 다음 Next를 클릭하세요. 2페이지에는 Berlin의 구인 공고만 표시됩니다.

직접 해보기

{% extends "jobs/base.html" %}

{% block title %}Jobs{% endblock %}

{% block content %}
  <h1>Jobs</h1>
  <p class="cities">
    <a href="{% url 'jobs:list' %}">All cities</a>
    <a href="?city=Berlin">Berlin</a>
    <a href="?city=Lisbon">Lisbon</a>
    <a href="?city=London">London</a>
  </p>
  <ul class="jobs">
    {% for job in jobs %}
      <li class="job">
        <a href="{% url 'jobs:detail' job.slug %}"><strong>{{ job.title }}</strong></a>
        at {{ job.company }}, {{ job.city }}
      </li>
    {% empty %}
      <li>No jobs yet.</li>
    {% endfor %}
  </ul>

  {% if is_paginated %}
    <nav class="pages">
      {% if page_obj.has_previous %}
        <a href="?page={{ page_obj.previous_page_number }}">Previous</a>
      {% endif %}
      <span>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}</span>
      {% if page_obj.has_next %}
        <a href="?page={{ page_obj.next_page_number }}">Next</a>
      {% endif %}
    </nav>
  {% endif %}
{% endblock %}