Kontaktformular erstellen mit Django

Aus ahrensburg.city
Version vom 18. Dezember 2024, 00:06 Uhr von Thorsten (Diskussion | Beiträge) (// via Wikitext Extension for VSCode)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springen Zur Suche springen

Kontaktformular erstellen mit Django

Ein Kontaktformular ist eine einfache Möglichkeit, um mit den Besuchern Ihrer Website in Kontakt zu treten. In diesem Tutorial erfahren Sie, wie Sie ein Kontaktformular mit Django erstellen können.

Roadmap

  1. Erstellen Sie ein Django-Projekt.
  2. Erstellen Sie eine Django-App.
  3. Erstellen Sie ein Modell für das Kontaktformular.
  4. Erstellen Sie ein Formular für das Kontaktformular.
  5. Erstellen Sie eine Ansicht für das Kontaktformular.
  6. Erstellen Sie eine URL für das Kontaktformular.
  7. Erstellen Sie eine Vorlage für das Kontaktformular.
  8. Fügen Sie das Kontaktformular zu Ihrer Website hinzu.

Lernziele

Nach Abschluss dieses Tutorials sollten Sie in der Lage sein, ein Kontaktformular mit Django zu erstellen und es in Ihre Website zu integrieren.

Technologien

  • Django
  • Python
  • HTML
  • CSS
  • JavaScript

Schritte

Schritt 1: Django installieren

Um ein Kontaktformular mit Django zu erstellen, müssen Sie Django installieren. Führen Sie den folgenden Befehl aus, um Django zu installieren:

mkdir Kontaktformular # Erstellen Sie ein Verzeichnis für Ihr Projekt
cd Kontaktformular # Wechseln Sie in das Verzeichnis
python3 -m venv venv # Erstellen Sie eine virtuelle Umgebung
source venv/bin/activate # Aktivieren Sie die virtuelle Umgebung
pip install django # Installieren Sie Django

Schritt 2: Django-Projekt erstellen

Erstellen Sie ein neues Django-Projekt mit dem folgenden Befehl:

django-admin startproject KontaktformularProjekt .

Schritt 3: Django-App erstellen

Erstellen Sie eine neue Django-App mit dem folgenden Befehl:

python manage.py startapp KontaktformularApp

Schritt 4: Modell für das Kontaktformular erstellen

Öffnen Sie die Datei `models.py` in Ihrer Django-App und fügen Sie das folgende Modell hinzu:

from django.db import models

# Create your models here.

class Kontaktformular(models.Model):
    name = models.CharField(max_length=100)
    email = models.EmailField()
    nachricht = models.TextField()

    def __str__(self):
        return self.name

Führen Sie den folgenden Befehl aus, um das Modell in die Datenbank zu migrieren:

python manage.py makemigrations
python manage.py migrate

Schritt 5: Formular für das Kontaktformular erstellen

Erstellen Sie ein Formular für das Kontaktformular, indem Sie die Datei `forms.py` in Ihrer Django-App öffnen und das folgende Formular hinzufügen:

from django import forms
from .models import Kontaktformular

class KontaktformularForm(forms.ModelForm):
    class Meta:
        model = Kontaktformular
        fields = ['name', 'email', 'nachricht']

Schritt 6: Ansicht für das Kontaktformular erstellen

Öffnen Sie die Datei `views.py` in Ihrer Django-App und fügen Sie die folgende Ansicht hinzu:

from django.shortcuts import render
from .forms import KontaktformularForm

def kontaktformular(request):
    form = KontaktformularForm()
    if request.method == 'POST':
        form = KontaktformularForm(request.POST)
        if form.is_valid():
            form.save()
    return render(request, 'kontaktformular.html', {'form': form})

Schritt 7: URL für das Kontaktformular erstellen

Öffnen Sie die Datei `urls.py` in Ihrer Django-App und fügen Sie die folgende URL hinzu:

from django.urls import path
from . import views

urlpatterns = [
    path('', views.kontaktformular, name='kontaktformular'),
]

Öffnen Sie die Datei `urls.py` in Ihrem Django-Projekt und fügen Sie die folgende URL hinzu:

from django.urls import include

urlpatterns = [
    path('kontakt/', include('KontaktformularApp.urls')),
]

Schritt 8: Vorlage für das Kontaktformular erstellen

Erstellen Sie eine Vorlage mit dem Namen `kontaktformular.html` in einem neuen Verzeichnis `templates` in Ihrer Django-App und fügen Sie das folgende HTML hinzu:

 <form method="POST" class="post-form">{% csrf_token %}
        {{ form.as_p }}
        <button type="submit" class="save btn btn-default">Save</button>
    </form>

Schritt 9: Kontaktformular zur Website hinzufügen

Fügen Sie das Kontaktformular zu Ihrer Website hinzu, indem Sie die URL `kontakt/` aufrufen.

Fazit

In diesem Tutorial haben Sie gelernt, wie Sie ein Kontaktformular mit Django erstellen können. Sie haben ein Django-Projekt und eine Django-App erstellt, ein Modell und ein Formular für das Kontaktformular erstellt, eine Ansicht und eine URL für das Kontaktformular erstellt, eine Vorlage für das Kontaktformular erstellt und das Kontaktformular zu Ihrer Website hinzugefügt. Sie sollten nun in der Lage sein, ein Kontaktformular mit Django zu erstellen und es in Ihre Website zu integrieren.