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 Sira ya Mtume Muhammad (s.a.w) 👉2 ai web app 👉3 web hosting 👉4 Simulizi za Hadithi Audio 👉5 kitabu cha Simulizi 👉6 Tafasiri ya Riyadh Swalihina
Post zinazofanana:
Python somo la 13: Kutumia condition statement - if, else, elif
Katika somo hili tutakwend akuziona aina za condition statement kwneye python na jinsi ya kuzitumia
Soma Zaidi...Python somo la 35: Jinsi ya kutumia MYSQL kwenye python
Katika somo hili utajifunz akutumia database kwenye python
Soma Zaidi...Python somo la 30: Data abstraction
Katika somo hili utakwend akujifunz akuhusu nadharia ya data abstraction na kazi zake kwenye OOP
Soma Zaidi...Python somo la 16: Jinsi ya kutumia break na continue kwenye loop
Katika somo hili tunakwenda kujifunza matumizi ya break na continue kwenye loop
Soma Zaidi...Python somo la 24: Nini maana ya Object Oriented Programming
Hapa tunakwenda kujifunza kuhusu OOP ambapo ni miongoni mwa mitindo ya uandishi wa code
Soma Zaidi...Python somo la 27: polymorphism kwneye python
Katika somo hili utajifunza maana ya polymorphism na sheria za uandishi wake
Soma Zaidi...