Python somo la 53: Kutengeneza HTML Form na Django View kwa ajili ya kuingiza data
Katika somo hili tutaangalia jinsi ya kutengeneza fomu ya HTML kwa ajili ya kuingiza data kwenye jedwali la MenuItem, pamoja na kutengeneza view itakayopokea data hiyo na kuihifadhi kwenye database. Pia tutaunganisha form na URL route.
Utangulizi
Leo tutaendelea na mchakato wa kuingiza data kwenye jedwali la MenuItem kwa kutengeneza HTML form pamoja na view ya kushughulikia data kutoka kwenye fomu hiyo.
Sasa tuingie kwenye somo
1. Kutengeneza Django Form Class (recommended)
Badala ya kuandika HTML form manually, Django hutupatia “Form class” ambayo ni salama, rahisi, na ina-validations.
➡️ Unda faili forms.py ndani ya app yako:
forms.py
from django import forms
from .models import MenuItem
class MenuItemForm(forms.ModelForm):
class Meta:
model = MenuItem
fields = ['jina', 'maelezo', 'muda_upatikanaji', 'bei']
Hii Form class ndiyo itatusaidia kutengeneza HTML form moja kwa moja.
2. Kutengeneza View ya Kupokea Data
Unda view ambayo itaonyesha form na pia kupokea data kutoka kwa user.
views.py
from django.shortcuts import render, redirect
from .forms import MenuItemForm
def ongeza_menu_item(request):
if request.method == 'POST':
form = MenuItemForm(request.POST)
if form.is_valid():
form.save()
return redirect('menu_success')
else:
form = MenuItemForm()
return render(request, 'ongeza_menu.html', {'form': form})
Maelezo muhimu:
-
GET→ onyesha form -
POST→ ipokee, ithibitishe, ihifadhi kwa database -
form.save()→ huingiza data moja kwa moja
3. Kutengeneza URL Route
Fungua urls.py ya app yako:
from django.urls import path
from . import views
urlpatterns = [
path('ongeza/', views.ongeza_menu_item, name='ongeza_menu'),
path('success/', views.menu_success, name='menu_success'),
]
Kisha tengeneza success view:
def menu_success(request):
return render(request, 'success.html')
4. Kutengeneza Template File (HTML Form)
Unda faili ongeza_menu.html ndani ya folder templates/:
<!DOCTYPE html>
<html>
<head>
<title>Ongeza Menu Item</title>
</head>
<body>
<h2>Ongeza Bidhaa Mpya</h2>
<form method="POST">
{% csrf_token %}
{{ form.as_p }}
<button type="submit">Hifadhi</button>
</form>
</body>
</html>
{{ form.as_p }} ina-generate HTML form full kwa kutumia Django Form class tuliyotengeneza.
5. Kutengeneza success page
success.html
<h3>Taarifa imehifadhiwa kikamilifu!</h3>
<a href="{% url 'ongeza_menu' %}">Ongeza nyingine</a>
Kuboresha muonekano unaweza kutumia bootatrap kama hivi:
form.py
from dj...
Umeionaje Makala hii.. ?
Share On:
👉1 kitabu cha Simulizi 👉2 Dua za Mitume na Manabii 👉3 web hosting 👉4 Kitabu cha Afya 👉5 Simulizi za Hadithi Audio 👉6 Madrasa kiganjani
Post zinazofanana:
Pthon somo la 41: Template Inheritance katika Django
Somo hili linazungumzia hatua ya kuunda navigation menu na kutumia template inheritance kwa njia ya kitaalamu katika Django.
Soma Zaidi...Python somo la 45: Kutumia Loops na Conditions katika Django Templates
Katika somo hili utakwend akujifunza kuchakata data kwa Kutumia Loops na Conditions katika Django Templates
Soma Zaidi...Python somo la 26: Sheria za uandishi wa object
Katika somo hili utakwend akujifunza maana ya object, na sheria za kuandika object.
Soma Zaidi...Python somo la 47: Jinsi ya kupokea na kuchakata fomu
Katika somo hili utakwend akujifunza jinsi ya kupokea na kuchakata fomu
Soma Zaidi...PYTHON - somo la 2: Sheria za uandishi wa pyhton yaani syntax za python
Katika somo hili utakwenda kujifunza syntaxy za python yaani sheria na kanuni za kuandika code za python
Soma Zaidi...Python somo la 25: Sheria za uandishi wa class
Katika somo hili utajifunza maana ya class, sheria za uandishi wake na mifano halisi
Soma Zaidi...