{"title":"Tampilan berdasarkan-kelas","version":"2.0","locale":"id","docname":"topics/class-based-views/index","url":"/id/2.0/topics/class-based-views/","canonical":"https://djangodocs.dev/id/2.0/topics/class-based-views/","summary":"Sebuah tampilan callable yang mengambil sebuah permintaan dan mengembalikan sebuah tanggapan. Ini dapat lebih dari sekedar fungsi, dan Django menyediakan sebuah…","html":"<h1>Tampilan berdasarkan-kelas<a class=\"heading-anchor\" href=\"#class-based-views\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h1>\n<p>Sebuah tampilan callable yang mengambil sebuah permintaan dan mengembalikan sebuah tanggapan. Ini dapat lebih dari sekedar fungsi, dan Django menyediakan sebuah contoh dari beberapa kelas yang dapat digunakan sebagai tampilan. Ini mengizinkan anda untuk membentuk tampilan anda dan menggunakan kembali kode dengan memanfaatkan warisan dan mixin. Ada juga beberapa tampilan umum untuk tugas sederhana yang akan bisa kemudian, tetpai anda mungkin ingin merancang bentuk anda sendiri dari tampilan digunakan kembali yang cocok dengan kasus anda. Untuk rincian penuh, lihat <a class=\"reference internal\" href=\"/id/2.0/ref/class-based-views/\"><span class=\"doc\">class-based views reference documentation</span></a>.</p>\n<div class=\"toctree-wrapper compound\">\n<ul>\n<li class=\"toctree-l1\"><a class=\"reference internal\" href=\"/id/2.0/topics/class-based-views/intro/\">Perkenalan ke tampilan berdasarkan-kelas</a></li>\n<li class=\"toctree-l1\"><a class=\"reference internal\" href=\"/id/2.0/topics/class-based-views/generic-display/\">Tampilan umum berdasarkan kelas siap-pakai</a></li>\n<li class=\"toctree-l1\"><a class=\"reference internal\" href=\"/id/2.0/topics/class-based-views/generic-editing/\">Menangani formulir dengan tampilan berdasarkan-kelas</a></li>\n<li class=\"toctree-l1\"><a class=\"reference internal\" href=\"/id/2.0/topics/class-based-views/mixins/\">Menggunakan mixin dengan tampilan berdasarkan-kelas</a></li>\n</ul>\n</div>\n<section id=\"basic-examples\">\n<h2>Contoh dasar<a class=\"heading-anchor\" href=\"#basic-examples\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Django menyediakan kelas-kelas tampilan dasar yang akan cocok jangkauan lebar dari aplikasi. Semua tampilan warisan dari kelas <a class=\"reference internal\" href=\"/id/2.0/ref/class-based-views/base/#django.views.generic.base.View\" title=\"django.views.generic.base.View\"><code class=\"xref py py-class docutils literal notranslate\"><span class=\"pre\">View</span></code></a>, yang menangani penautan tampilan kedalam URL, mengirimkan metode HTTP dan fitur-fitur sederhana lainnya. <a class=\"reference internal\" href=\"/id/2.0/ref/class-based-views/base/#django.views.generic.base.RedirectView\" title=\"django.views.generic.base.RedirectView\"><code class=\"xref py py-class docutils literal notranslate\"><span class=\"pre\">RedirectView</span></code></a> adalah untuk pengalihan HTTP sederhana, dan <a class=\"reference internal\" href=\"/id/2.0/ref/class-based-views/base/#django.views.generic.base.TemplateView\" title=\"django.views.generic.base.TemplateView\"><code class=\"xref py py-class docutils literal notranslate\"><span class=\"pre\">TemplateView</span></code></a> memperpanjang kelas dasar untuk membuat itu juga membangun sebuah cetakan.</p>\n</section>\n<section id=\"simple-usage-in-your-urlconf\">\n<h2>Penggunaan sederhana di URLconf anda<a class=\"heading-anchor\" href=\"#simple-usage-in-your-urlconf\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Cara termudah menggunakan tampilan umum adalah membuat mereka langsung di URLconf anda. Jika anda hanya merubah sedikit atribut sederhana pada sebuah tampilan berdasarkan-kelas, anda dapat cukup melewatkan mereka kedalam pemanggilan metode <a class=\"reference internal\" href=\"/id/2.0/ref/class-based-views/base/#django.views.generic.base.View.as_view\" title=\"django.views.generic.base.View.as_view\"><code class=\"xref py py-meth docutils literal notranslate\"><span class=\"pre\">as_view()</span></code></a> itu sendiri:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.urls</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">path</span>\n<span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.views.generic</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">TemplateView</span>\n\n<span class=\"n\">urlpatterns</span> <span class=\"o\">=</span> <span class=\"p\">[</span>\n    <span class=\"n\">path</span><span class=\"p\">(</span><span class=\"s1\">&#39;about/&#39;</span><span class=\"p\">,</span> <span class=\"n\">TemplateView</span><span class=\"o\">.</span><span class=\"n\">as_view</span><span class=\"p\">(</span><span class=\"n\">template_name</span><span class=\"o\">=</span><span class=\"s2\">&quot;about.html&quot;</span><span class=\"p\">)),</span>\n<span class=\"p\">]</span>\n</code></pre></div>\n<p>Apapun argumen dilewatkan ke <a class=\"reference internal\" href=\"/id/2.0/ref/class-based-views/base/#django.views.generic.base.View.as_view\" title=\"django.views.generic.base.View.as_view\"><code class=\"xref py py-meth docutils literal notranslate\"><span class=\"pre\">as_view()</span></code></a> akan menimpa atribut disetel pada kelas. Dalam contoh ini, kami menyetel template_name` pada <code class=\"docutils literal notranslate\"><span class=\"pre\">TemplateView</span></code>. Pola penibanan mirip dapat digunakan untuk atribut <code class=\"docutils literal notranslate\"><span class=\"pre\">url</span></code> pada <a class=\"reference internal\" href=\"/id/2.0/ref/class-based-views/base/#django.views.generic.base.RedirectView\" title=\"django.views.generic.base.RedirectView\"><code class=\"xref py py-class docutils literal notranslate\"><span class=\"pre\">RedirectView</span></code></a>.</p>\n</section>\n<section id=\"subclassing-generic-views\">\n<h2>Mensubkelaskan tampilan umum<a class=\"heading-anchor\" href=\"#subclassing-generic-views\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Kedua, cara lebih kuat menggunakan tampilan umum adalah mewarisi dari tampilan yang sudah ada dan menimpa atribut (seperti <code class=\"docutils literal notranslate\"><span class=\"pre\">template_name</span></code>) atau metode (seperti <code class=\"docutils literal notranslate\"><span class=\"pre\">get_context_data</span></code>) di subeklas anda untuk menyediakan nilai atau metode baru. Pertimbangkan, sebagai contoh, sebuah tampilan yang hanya memperlihatkan satu cetakan, <code class=\"docutils literal notranslate\"><span class=\"pre\">about.html</span></code>. Django mempunyai tampilan umum untuk melakukan ini - <a class=\"reference internal\" href=\"/id/2.0/ref/class-based-views/base/#django.views.generic.base.TemplateView\" title=\"django.views.generic.base.TemplateView\"><code class=\"xref py py-class docutils literal notranslate\"><span class=\"pre\">TemplateView</span></code></a> - jadi kami dapat hanya mensubkelaskan itu, dan menimpa nama cetakan:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"c1\"># some_app/views.py</span>\n<span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.views.generic</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">TemplateView</span>\n\n<span class=\"k\">class</span><span class=\"w\"> </span><span class=\"nc\">AboutView</span><span class=\"p\">(</span><span class=\"n\">TemplateView</span><span class=\"p\">):</span>\n    <span class=\"n\">template_name</span> <span class=\"o\">=</span> <span class=\"s2\">&quot;about.html&quot;</span>\n</code></pre></div>\n<p>Kemudian kami hanya butuh menambah video baru ini kedalam URLconf kami. <a class=\"reference internal\" href=\"/id/2.0/ref/class-based-views/base/#django.views.generic.base.TemplateView\" title=\"django.views.generic.base.TemplateView\"><code class=\"xref py py-class docutils literal notranslate\"><span class=\"pre\">TemplateView</span></code></a> adalah sebuah kelas, bukan sebuah fungsi, jadi kami menunjuk URL ke metode kelas <a class=\"reference internal\" href=\"/id/2.0/ref/class-based-views/base/#django.views.generic.base.View.as_view\" title=\"django.views.generic.base.View.as_view\"><code class=\"xref py py-meth docutils literal notranslate\"><span class=\"pre\">as_view()</span></code></a> sebagai gantinya, yang menyediakan sebuah seperti-fungsi masukan pada tampilan berdasarkan-kelas:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"c1\"># urls.py</span>\n<span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.urls</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">path</span>\n<span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">some_app.views</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">AboutView</span>\n\n<span class=\"n\">urlpatterns</span> <span class=\"o\">=</span> <span class=\"p\">[</span>\n    <span class=\"n\">path</span><span class=\"p\">(</span><span class=\"s1\">&#39;about/&#39;</span><span class=\"p\">,</span> <span class=\"n\">AboutView</span><span class=\"o\">.</span><span class=\"n\">as_view</span><span class=\"p\">()),</span>\n<span class=\"p\">]</span>\n</code></pre></div>\n<p>Untuk informasi lebih pada bagaimana menggunakan tampilan umum siap pakai, obrolkan topik selanjutnya di <a class=\"reference internal\" href=\"/id/2.0/topics/class-based-views/generic-display/\"><span class=\"doc\">generic class-based views</span></a>.</p>\n<section id=\"supporting-other-http-methods\">\n<span id=\"id1\"></span><h3>mendukung cara HTTP lain<a class=\"heading-anchor\" href=\"#supporting-other-http-methods\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h3>\n<p>Misalkan seseorang ingin mengakses pustaka buku kami terhadap HTTP menggunakan tampilan sebagai sebuah klien API akan terhubung setiap sekarang kemudian dan mengunduh buku untuk buku diterbitkan sejak kunjugan terakhir. Tetapi jika tidak ada buku baru muncul sejak itu, itu adalah pembuangan dari waktu CPU dan lebar pita untuk mengambil buku-buku dari basisdata, mengirim tanggapan penuh dan mengirim itu ke klien. Itu mungkin lebih baik untuk menanyakan API ketika kebanyakan buku saat ini telah diterbitkan.</p>\n<p>Kami memetakan UTL pada tampilan daftar buku di URLconf:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.urls</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">path</span>\n<span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">books.views</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">BookListView</span>\n\n<span class=\"n\">urlpatterns</span> <span class=\"o\">=</span> <span class=\"p\">[</span>\n    <span class=\"n\">path</span><span class=\"p\">(</span><span class=\"s1\">&#39;books/&#39;</span><span class=\"p\">,</span> <span class=\"n\">BookListView</span><span class=\"o\">.</span><span class=\"n\">as_view</span><span class=\"p\">()),</span>\n<span class=\"p\">]</span>\n</code></pre></div>\n<p>Dan tampilan:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.http</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">HttpResponse</span>\n<span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.views.generic</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">ListView</span>\n<span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">books.models</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">Book</span>\n\n<span class=\"k\">class</span><span class=\"w\"> </span><span class=\"nc\">BookListView</span><span class=\"p\">(</span><span class=\"n\">ListView</span><span class=\"p\">):</span>\n    <span class=\"n\">model</span> <span class=\"o\">=</span> <span class=\"n\">Book</span>\n\n    <span class=\"k\">def</span><span class=\"w\"> </span><span class=\"nf\">head</span><span class=\"p\">(</span><span class=\"bp\">self</span><span class=\"p\">,</span> <span class=\"o\">*</span><span class=\"n\">args</span><span class=\"p\">,</span> <span class=\"o\">**</span><span class=\"n\">kwargs</span><span class=\"p\">):</span>\n        <span class=\"n\">last_book</span> <span class=\"o\">=</span> <span class=\"bp\">self</span><span class=\"o\">.</span><span class=\"n\">get_queryset</span><span class=\"p\">()</span><span class=\"o\">.</span><span class=\"n\">latest</span><span class=\"p\">(</span><span class=\"s1\">&#39;publication_date&#39;</span><span class=\"p\">)</span>\n        <span class=\"n\">response</span> <span class=\"o\">=</span> <span class=\"n\">HttpResponse</span><span class=\"p\">(</span><span class=\"s1\">&#39;&#39;</span><span class=\"p\">)</span>\n        <span class=\"c1\"># RFC 1123 date format</span>\n        <span class=\"n\">response</span><span class=\"p\">[</span><span class=\"s1\">&#39;Last-Modified&#39;</span><span class=\"p\">]</span> <span class=\"o\">=</span> <span class=\"n\">last_book</span><span class=\"o\">.</span><span class=\"n\">publication_date</span><span class=\"o\">.</span><span class=\"n\">strftime</span><span class=\"p\">(</span><span class=\"s1\">&#39;</span><span class=\"si\">%a</span><span class=\"s1\">, </span><span class=\"si\">%d</span><span class=\"s1\"> %b %Y %H:%M:%S GMT&#39;</span><span class=\"p\">)</span>\n        <span class=\"k\">return</span> <span class=\"n\">response</span>\n</code></pre></div>\n<p>Jika tampilan diakses dari sebuah permintaan <code class=\"docutils literal notranslate\"><span class=\"pre\">GET</span></code>, daftar obyek polos-dan-sederhana dikembalikan di tanggapan (menggunakan cetakan <code class=\"docutils literal notranslate\"><span class=\"pre\">book_list.html</span></code>). Tetapi jika klien menerbitkan sebuah permintaan <code class=\"docutils literal notranslate\"><span class=\"pre\">HEAD</span></code>, tanggapan mempunyai badan kosong dan kepala <code class=\"docutils literal notranslate\"><span class=\"pre\">Last-Modified</span></code> menunjukkan ketika buku paling akhir telah diterbitkan. Berdasarkan pada informasi ini, klien mungkin atau tidak mungkin mengunduh daftar obyek penuh.</p>\n</section>\n</section>","rootId":"class-based-views","toc":[{"title":"Contoh dasar","anchor":"basic-examples","children":[]},{"title":"Penggunaan sederhana di URLconf anda","anchor":"simple-usage-in-your-urlconf","children":[]},{"title":"Mensubkelaskan tampilan umum","anchor":"subclassing-generic-views","children":[{"title":"mendukung cara HTTP lain","anchor":"supporting-other-http-methods","children":[]}]}],"breadcrumbs":[{"docname":"topics/index","title":"Menggunakan Django","url":"/id/2.0/topics/"}],"prev":{"docname":"topics/templates","title":"Cetakan","url":"/id/2.0/topics/templates/"},"next":{"docname":"topics/class-based-views/intro","title":"Perkenalan ke tampilan berdasarkan-kelas","url":"/id/2.0/topics/class-based-views/intro/"},"formats":{"html":"/id/2.0/topics/class-based-views/","markdown":"/id/2.0/topics/class-based-views.md","json":"/id/2.0/topics/class-based-views.json"},"source":"https://github.com/django/django/blob/stable/2.0.x/docs/topics/class-based-views/index.txt","official":"https://docs.djangoproject.com/id/2.0/topics/class-based-views/","inVersions":["6.1","6.0","5.2","5.1","5.0","4.2","4.1","4.0","3.2","3.1","3.0","2.2","2.1","2.0","1.11","1.10","1.9"],"inLocales":["en","zh-hans","fr","ja","id","pt-br","ko","es","el","pl"]}