{"id":184,"date":"2022-09-20T22:04:08","date_gmt":"2022-09-20T13:04:08","guid":{"rendered":"http:\/\/192.168.0.16:3005\/?p=184"},"modified":"2022-09-20T22:04:09","modified_gmt":"2022-09-20T13:04:09","slug":"django%e3%81%a7paginate%e3%81%97%e3%81%9f%e3%81%84","status":"publish","type":"post","link":"https:\/\/blog.solong.jp\/?p=184","title":{"rendered":"Django\u3067Paginate\u3057\u305f\u3044"},"content":{"rendered":"\n

Django\u3067\u4f55\u304b\u3092\u4e00\u89a7\u3067\u898b\u308b\u3068\u304d\u306bPaginate\u3057\u305f\u3044\u306e\u3060\u304c\u3001\u4f8b\u306b\u3088\u3063\u3066\u6642\u9593\u304b\u3051\u305a\u306b\u7c21\u5358\u306b\u3084\u308a\u305f\u3044\u3002<\/p>\n\n\n\n

https:\/\/medium.com\/@kjmczk\/django-pagination-7c497995561e<\/a><\/p>\n\n\n\n

\u3053\u3061\u3089\u306a\u3069\u53c2\u8003\u306b\u306a\u3063\u305f\u304c\u3001CSS\u304c\u3069\u3053\u3067\u3069\u3046\u8a2d\u5b9a\u3057\u305f\u3089\u304d\u308c\u3044\u306b\u306a\u308b\u306e\u304b\u3088\u304f\u308f\u304b\u3089\u306a\u3044\u306e\u3068\u3001\u3042\u3068get_query_set\u3068\u304b\u3001get_context\u3068\u304b\u3001\u3053\u306e\u8fba\u304c\u3084\u3063\u3071\u308a\u308f\u304b\u308a\u306b\u304f\u3044\u3002\u4e00\u5fdc\u306a\u3093\u304b\u305d\u308c\u3063\u307d\u304f\u52d5\u3044\u305f\u3051\u3069\u3082\u3001\u30b3\u30fc\u30c9\u306e\u30e1\u30f3\u30c6\u304c\u3081\u3093\u3069\u304f\u3055\u305d\u3046\u3060\u3002\u306a\u3093\u304b\u3084\u308d\u3046\u3068\u3059\u308b\u305f\u3073\u306b\u8abf\u3079\u306a\u3044\u3068\u3044\u3051\u306a\u3055\u305d\u3046\u3002<\/p>\n\n\n\n

\u7d50\u5c40Paginator\u7684\u306aSnippet\u306ftemplates\u306b\u4ee5\u4e0b\u304f\u3089\u3044\u3092\u4f5c\u3063\u3066<\/p>\n\n\n\n

{% if is_paginated %}\r\n<p class=\"paginator\">\r\n    {% for num in paginator.page_range %}\r\n    {% if page_obj.number == num %}\r\n    <!-- <li class=\"page-item active\"> -->\r\n      <span class=\"this-page\">{{ num }}<\/span>\r\n    <!-- <\/li> -->\r\n    {% else %}\r\n    <!-- <li class=\"page-item\"> -->\r\n      <a class=\"page-link\" href=\"?page={{ num }}\">{{ num }}<\/a>\r\n    <!-- <\/li> -->\r\n    {% endif %}\r\n    {% endfor %}\r\n{% endif %}<\/code><\/pre>\n\n\n\n
Django\u306e\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u898b\u305f\u3089\u3001Generic\u306aListView\u4f7f\u308f\u305a\u306b\u3053\u3046\u3084\u3063\u3066\u66f8\u304f\u65b9\u6cd5\u304c\u898b\u3064\u304b\u3063\u305f\u3002<\/p>\n\n\n\n
from django.core.paginator import Paginator\r\nfrom django.shortcuts import render\r\n\r\nfrom myapp.models import Contact\r\n\r\ndef listing(request):\r\n    contact_list = Contact.objects.all()\r\n    paginator = Paginator(contact_list, 25) # Show 25 contacts per page.\r\n\r\n    page_number = request.GET.get('page')\r\n    page_obj = paginator.get_page(page_number)\r\n    return render(request, 'list.html', {'page_obj': page_obj})<\/code><\/pre>\n\n\n\n
\u3042\u3068\u3067\u3053\u308c\u3067\u66f8\u304d\u76f4\u305d\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
Django\u3067\u4f55\u304b\u3092\u4e00\u89a7\u3067\u898b\u308b\u3068\u304d\u306bPaginate\u3057\u305f\u3044\u306e\u3060\u304c\u3001\u4f8b\u306b\u3088\u3063\u3066\u6642\u9593\u304b\u3051\u305a\u306b\u7c21\u5358\u306b\u3084\u308a\u305f\u3044\u3002 https:\/\/medium.com\/@kjmczk\/django-pagination-7c497995561e \u3053\u3061\u3089\u306a\u3069\u53c2\u8003\u306b\u306a\u3063\u305f\u304c\u3001CSS\u304c\u3069\u3053\u3067\u3069\u3046\u8a2d\u5b9a\u3057\u305f\u3089\u304d\u308c\u3044\u306b\u306a\u308b\u306e\u304b\u3088\u304f\u308f\u304b\u3089\u306a\u3044\u306e\u3068\u3001\u3042\u3068get_query_set\u3068\u304b\u3001get_context\u3068\u304b\u3001\u3053\u306e\u8fba\u304c\u3084\u3063\u3071\u308a\u308f\u304b\u308a\u306b\u304f\u3044\u3002\u4e00\u5fdc\u306a\u3093\u304b\u305d\u308c\u3063\u307d\u304f\u52d5\u3044\u305f\u3051\u3069\u3082\u3001\u30b3\u30fc\u30c9\u306e\u30e1\u30f3\u30c6\u304c\u3081\u3093\u3069\u304f\u3055\u305d\u3046\u3060\u3002\u306a\u3093\u304b\u3084\u308d\u3046\u3068\u3059\u308b\u305f\u3073\u306b\u8abf\u3079\u306a\u3044\u3068\u3044\u3051\u306a\u3055\u305d\u3046\u3002 \u7d50\u5c40Paginator\u7684\u306aSnippet\u306ftemplates\u306b\u4ee5\u4e0b\u304f\u3089\u3044\u3092\u4f5c\u3063\u3066 Django\u306e\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u898b\u305f\u3089\u3001Generic\u306aListView\u4f7f\u308f\u305a\u306b\u3053\u3046\u3084\u3063\u3066\u66f8\u304f\u65b9\u6cd5\u304c\u898b\u3064\u304b\u3063\u305f\u3002 \u3042\u3068\u3067\u3053\u308c\u3067\u66f8\u304d\u76f4\u305d\u3046\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-184","post","type-post","status-publish","format-standard","hentry","category-web"],"_links":{"self":[{"href":"https:\/\/blog.solong.jp\/index.php?rest_route=\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.solong.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.solong.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.solong.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.solong.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=184"}],"version-history":[{"count":1,"href":"https:\/\/blog.solong.jp\/index.php?rest_route=\/wp\/v2\/posts\/184\/revisions"}],"predecessor-version":[{"id":185,"href":"https:\/\/blog.solong.jp\/index.php?rest_route=\/wp\/v2\/posts\/184\/revisions\/185"}],"wp:attachment":[{"href":"https:\/\/blog.solong.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.solong.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.solong.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}