{"title":"Menulis aplikasi Django pertama anda, bagian 4","version":"4.2","locale":"id","docname":"intro/tutorial04","url":"/id/4.2/intro/tutorial04/","canonical":"https://djangodocs.dev/id/4.2/intro/tutorial04/","summary":"Tutorial ini memulai dimana Tutorial 3 ditinggalkan. Kami sedang melanjutkan aplikasi poling jaringan dan akan fokus pada pengolahan formulit dan memotong…","html":"

Menulis aplikasi Django pertama anda, bagian 4Link to this heading#

\n

Tutorial ini memulai dimana Tutorial 3 ditinggalkan. Kami sedang melanjutkan aplikasi poling jaringan dan akan fokus pada pengolahan formulit dan memotong kode kami.

\n\n
\n

Tulis sebuah formulir minimalLink to this heading#

\n

Mari kita memperbaharui cetakan rincian jejak pendapat ("polls/detail.html") dari tutorial terakhir, sehingga cetakan mengandung sebuah unsur <form> HTML:

\n
polls/templates/polls/detail.html
\n
Django template
<form action="{% url 'polls:vote' question.id %}" method="post">\n{% csrf_token %}\n<fieldset>\n    <legend><h1>{{ question.question_text }}</h1></legend>\n    {% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}\n    {% for choice in question.choice_set.all %}\n        <input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">\n        <label for="choice{{ forloop.counter }}">{{ choice.choice_text }}</label><br>\n    {% endfor %}\n</fieldset>\n<input type="submit" value="Vote">\n</form>\n
\n

Laporan cepat :

\n\n

Sekarang, mari kita membuat tampilan Django yang menangani data diajukan dan melakukan sesuatu dengannya. Ingat, di Tutorial 3, kami membuat URLconf untuk aplikasi jejak pendapat yang menyertakan baris ini:

\n
polls/urls.py
\n
Python
path("<int:question_id>/vote/", views.vote, name="vote"),\n
\n

Kami juga membuat penerapan tiruan dari fungsi vote(). mari kita membuat versi sebenarnya. Tambah berikut ke polls/views.py:

\n
polls/views.py
\n
Python
from django.http import HttpResponse, HttpResponseRedirect\nfrom django.shortcuts import get_object_or_404, render\nfrom django.urls import reverse\n\nfrom .models import Choice, Question\n\n\n# ...\ndef vote(request, question_id):\n    question = get_object_or_404(Question, pk=question_id)\n    try:\n        selected_choice = question.choice_set.get(pk=request.POST["choice"])\n    except (KeyError, Choice.DoesNotExist):\n        # Redisplay the question voting form.\n        return render(\n            request,\n            "polls/detail.html",\n            {\n                "question": question,\n                "error_message": "You didn't select a choice.",\n            },\n        )\n    else:\n        selected_choice.votes += 1\n        selected_choice.save()\n        # Always return an HttpResponseRedirect after successfully dealing\n        # with POST data. This prevents data from being posted twice if a\n        # user hits the Back button.\n        return HttpResponseRedirect(reverse("polls:results", args=(question.id,)))\n
\n

Kode ini menyertakan beberapa hal kami belum tangani di tutorial ini:

\n\n

Seperti disebutkan di Tutorial 3, request adalah sebuah obyek HttpRequest. Untuk lebih pada obyek HttpRequest, lihat permintaan dan tanggapan dokumentasi.

\n

Setelah seseorang memilih di pertanyaan, tampilan vote() mengalihkan ke halaman hasil untuk pertanyaan. Mari kita tulis tampilan itu:

\n
polls/views.py
\n
Python
from django.shortcuts import get_object_or_404, render\n\n\ndef results(request, question_id):\n    question = get_object_or_404(Question, pk=question_id)\n    return render(request, "polls/results.html", {"question": question})\n
\n

Ini hampir tepat sama seperti tampilan detail() dari Tutorial 3. Perbedaannya adalah hanya nama cetakan. Kami akan memperbaiki kelebihan ini kemudian.

\n

Sekarang, buat cetakan polls/result.html:

\n
polls/templates/polls/results.html
\n
Django template
<h1>{{ question.question_text }}</h1>\n\n<ul>\n{% for choice in question.choice_set.all %}\n    <li>{{ choice.choice_text }} -- {{ choice.votes }} vote{{ choice.votes|pluralize }}</li>\n{% endfor %}\n</ul>\n\n<a href="{% url 'polls:detail' question.id %}">Vote again?</a>\n
\n

Sekarang, pergi ke /polls/1/ di perambah anda dan pilih di pertanyaan. Anda seharusnya melihat halaman hasil yang mendapatkan pembaharuan setiap waktu anda memilih. Jika anda mengajukan formulir tanpa memilih pilihan, anda akan melihat pesan kesalahan.

\n\n
\n
\n

Gunakan tampilan umum: Sedikit kode lebih baikLink to this heading#

\n

Tampilan detail() (from Tutorial 3) dan results() sangat pendek -- dand seperti disebutkan diatas, berlebih-lebihan. Tampilan index(), yang menampilkan daftar dari jejak pendapat, adalah mirip.

\n

Tampilan ini mewakili kasus umum dari pengembangan dasar jaringan: mendapatkan data dari basisdata menurut sebuah parameter dilewatkan dalam URL, membuat sebuah cetakan dan mengembalikan cetakan yang dibangun. Karena ini sudah umum, Django menyediakan jalan pintas, disebut sistem "generic views".

\n

Generic views abstract common patterns to the point where you don't even need to\nwrite Python code to write an app. For example, the\nListView and\nDetailView generic views\nabstract the concepts of "display a list of objects" and\n"display a detail page for a particular type of object" respectively.

\n

Mari rubah aplikasi jejak pendapat kami menggunakan sistem tampilan umum, sehingga kami dapat menghapus sekelompok dari kode milik kami. Kami harus mengambil beberapa langkah untuk membuat perubahan. Kami akan:

\n
    \n

  1. Rubah URLconf.

    2. \n

  2. Hapus beberapa lama, tampilan tidak dibutuhkan.

    3. \n

  3. Memperkenalkan tampilan baru berbasis pada tampilan umum Django.

    4. \n
\n

Membaca untuk rinci.

\n\n
\n

Merubah URLconfLink to this heading#

\n

Pertama, buka URLconf polls/urls.py dan rubah nya seperti itu:

\n
polls/urls.py
\n
Python
from django.urls import path\n\nfrom . import views\n\napp_name = "polls"\nurlpatterns = [\n    path("", views.IndexView.as_view(), name="index"),\n    path("<int:pk>/", views.DetailView.as_view(), name="detail"),\n    path("<int:pk>/results/", views.ResultsView.as_view(), name="results"),\n    path("<int:question_id>/vote/", views.vote, name="vote"),\n]\n
\n

Note that the name of the matched pattern in the path strings of the second and\nthird patterns has changed from <question_id> to <pk>. This is\nnecessary because we'll use the\nDetailView generic view to replace our\ndetail() and results() views, and it expects the primary key value\ncaptured from the URL to be called "pk".

\n
\n
\n

Merubah tampilanLink to this heading#

\n

Selanjutnya, kami akan memindahkan tampilan index, detail, dan results lama dan menggunakan tampilan umum Django. Untuk melakukannya, buka berkas polls/views.py dan rubah seperti itu:

\n
polls/views.py
\n
Python
from django.http import HttpResponseRedirect\nfrom django.shortcuts import get_object_or_404, render\nfrom django.urls import reverse\nfrom django.views import generic\n\nfrom .models import Choice, Question\n\n\nclass IndexView(generic.ListView):\n    template_name = "polls/index.html"\n    context_object_name = "latest_question_list"\n\n    def get_queryset(self):\n        """Return the last five published questions."""\n        return Question.objects.order_by("-pub_date")[:5]\n\n\nclass DetailView(generic.DetailView):\n    model = Question\n    template_name = "polls/detail.html"\n\n\nclass ResultsView(generic.DetailView):\n    model = Question\n    template_name = "polls/results.html"\n\n\ndef vote(request, question_id):\n    ...  # same as above, no changes needed.\n
\n

Each generic view needs to know what model it will be acting upon. This is\nprovided using either the model attribute (in this example, model =\nQuestion for DetailView and ResultsView) or by defining the\nget_queryset() method (as\nshown in IndexView).

\n

Secara awal, tampilan umum DetailView menggunakan cetakan dipanggil <app name>/<model name>_detail.html. Di kasus kami, dia akan menggunakan cetakan "polls/question_detail.html". Atribut template_name digunakan untuk memberitahu Django untuk menggunakan cetakan spesifik dibandingkan dari nama cetakan awal otomatis dibangkitkan. Kami juga menentukan template_name untuk tampilan daftar results -- ini memastikan bahwa tampilan hasil dan tampilan rinci mempunyai penampilan ebrbeda ketika dibentuk, bahkan mereka berdua DetailView dibelakang layar.

\n

Demikian pula, tampilan umum ListView menggunakan cetakan awal disebut <app name>/<model name>_list.html; kami menggunakan template_name untuk memberitahu ListView untuk menggunakan cetakan "polls/index.html" kami yang ada.

\n

Dalam bagian sebelumnya dari tutorial, cetakan telah disediakan dengan sebuah konteks yang mengandung variabel konteks question dan latest_question_list. Untuk DetailView variabel question adalah disediakan otomatis -- sejak kami menggunakan model Django (Question), Django dapat menentukan sebuah nama sesuai untuk variabel konteks. Bagaimanapun untuk ListView, variabel konteks dibangkitkan otomatos adalah question_list. Untuk menimpa ini kami menyediakan atribut context_object_name, menentukan apa yang kita ingin gunakan latest_question_list. Sebagai sebuah pendekatan alternatif, anda dapat merubah cetakan anda untuk mencocokkan dengan variabel konteks awalan baru -- tetapi itu lebih mudah memberitahu Django untuk menggunakan varaibel anda inginkan.

\n

Jalankan peladen, dan gunakan aplikasi jejak pendapat baru anda berdasarkan tampilan umum.

\n

Untuk rincian penuh pada tampilan umum, lihat dokumentasi tampilan umum.

\n

Ketika anda nyaman dengan formulir dan tampilan umum, baca bagian 5 dari tutorial ini untuk mempelajari tentang aplikasi jejak pendapat kami.

\n
\n
","rootId":"writing-your-first-django-app-part-4","toc":[{"title":"Tulis sebuah formulir minimal","anchor":"write-a-minimal-form","children":[]},{"title":"Gunakan tampilan umum: Sedikit kode lebih baik","anchor":"use-generic-views-less-code-is-better","children":[{"title":"Merubah URLconf","anchor":"amend-urlconf","children":[]},{"title":"Merubah tampilan","anchor":"amend-views","children":[]}]}],"breadcrumbs":[{"docname":"intro/index","title":"Mulai","url":"/id/4.2/intro/"}],"prev":{"docname":"intro/tutorial03","title":"Menulis aplikasi Django pertama anda, bagian 3","url":"/id/4.2/intro/tutorial03/"},"next":{"docname":"intro/tutorial05","title":"Menulis aplikasi Django pertama anda, bagian 5","url":"/id/4.2/intro/tutorial05/"},"formats":{"html":"/id/4.2/intro/tutorial04/","markdown":"/id/4.2/intro/tutorial04.md","json":"/id/4.2/intro/tutorial04.json"},"source":"https://github.com/django/django/blob/stable/4.2.x/docs/intro/tutorial04.txt","official":"https://docs.djangoproject.com/id/4.2/intro/tutorial04/","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","it","pt-br","ko","es","el","pl"]}