picha

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:


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...

Ingia sasa ili uweze kusoma makala hii yote.

Jiunge nasi WhatsApp kupata update zetu
Zoezi la Maswali

Nyuma Endelea


Umeionaje Makala hii.. ?

       
Author: Rajabu image Tarehe: 2025-11-23 08:49:48 Topic: Python Main: Masomo File: Download PDF Views 573

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Tafasiri ya Riyadh Swalihina     👉2 Dua za Mitume na Manabii     👉3 Madrasa kiganjani     👉4 Bongolite - Game zone - Play free game     👉5 Sira ya Mtume Muhammad (s.a.w)     👉6 ai web app    

Post zinazofanana:

Python somo la 35: Jinsi ya kutumia MYSQL kwenye python

Katika somo hili utajifunz akutumia database kwenye python

Soma Zaidi...
Python somo la 37: Jinsi ya ku install Django na kutengeneza project na app

Katika somo ili utajifunza hatuwa kwa hatuwa za ku install Django, kutengeneza project na kutengeneza app

Soma Zaidi...
Python somo la 62 Kupakia picha (upload) na kuisoma kutoka kwenye database

Katika somo hili utakwenda kujifunza jinsi ya kushughulika na faili, kama ku upload faili kwenye 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 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 29: Encaosulation kwneye python

Katika somo hili utajifunza maana ya encapsulation na sheria za uandishi wake

Soma Zaidi...