Kontaktformular erstellen mit Django: Unterschied zwischen den Versionen
Die Seite wurde neu angelegt: „Ein Kontaktformular ist eine einfache Möglichkeit für Ihre Benutzer, mit Ihnen in Kontakt zu treten. In diesem Tutorial werden wir ein Kontaktformular in Django erstellen. == Schritt 1: Ein Django-Projekt erstellen == Erstellen Sie ein neues Django-Projekt mit dem folgenden Befehl: <pre> pip install django # Installieren Sie Django, wenn Sie es noch nicht installiert haben django-admin startproject Kontaktformular . # Erstellen Sie ein neues Django-P…“ |
// via Wikitext Extension for VSCode |
||
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
Ein Kontaktformular ist eine einfache Möglichkeit | == 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 === | |||
# Erstellen Sie ein Django-Projekt. | |||
# Erstellen Sie eine Django-App. | |||
# Erstellen Sie ein Modell für das Kontaktformular. | |||
# Erstellen Sie ein Formular für das Kontaktformular. | |||
# Erstellen Sie eine Ansicht für das Kontaktformular. | |||
# Erstellen Sie eine URL für das Kontaktformular. | |||
# Erstellen Sie eine Vorlage für das Kontaktformular. | |||
# 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 | |||
== Schritt 1: | === 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: | |||
<pre> | |||
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 | |||
</pre> | |||
==== Schritt 2: Django-Projekt erstellen ==== | |||
Erstellen Sie ein neues Django-Projekt mit dem folgenden Befehl: | Erstellen Sie ein neues Django-Projekt mit dem folgenden Befehl: | ||
<pre> | <pre> | ||
django-admin startproject KontaktformularProjekt . | |||
django-admin startproject | |||
</pre> | </pre> | ||
==== Schritt 3: Django-App erstellen ==== | |||
== Schritt | |||
Erstellen Sie eine neue Django-App mit dem folgenden Befehl: | Erstellen Sie eine neue Django-App mit dem folgenden Befehl: | ||
<pre> | <pre> | ||
python manage.py startapp | python manage.py startapp KontaktformularApp | ||
</pre> | |||
==== 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: | |||
<pre> | |||
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 | |||
</pre> | |||
Führen Sie den folgenden Befehl aus, um das Modell in die Datenbank zu migrieren: | |||
<pre> | |||
python manage.py makemigrations | |||
python manage.py migrate | |||
</pre> | </pre> | ||
==== Schritt 5: Formular für das Kontaktformular erstellen ==== | |||
== Schritt | 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: | ||
Erstellen Sie ein | |||
<pre> | <pre> | ||
from django import forms | from django import forms | ||
from .models import Kontaktformular | |||
class | class KontaktformularForm(forms.ModelForm): | ||
class Meta: | |||
model = Kontaktformular | |||
fields = ['name', 'email', 'nachricht'] | |||
</pre> | </pre> | ||
==== Schritt 6: Ansicht für das Kontaktformular erstellen ==== | |||
== Schritt | Öffnen Sie die Datei `views.py` in Ihrer Django-App und fügen Sie die folgende Ansicht hinzu: | ||
<pre> | <pre> | ||
from django.shortcuts import render | from django.shortcuts import render | ||
from .forms import | from .forms import KontaktformularForm | ||
def | def kontaktformular(request): | ||
form = | form = KontaktformularForm() | ||
return render(request, ' | if request.method == 'POST': | ||
form = KontaktformularForm(request.POST) | |||
if form.is_valid(): | |||
form.save() | |||
return render(request, 'kontaktformular.html', {'form': form}) | |||
</pre> | </pre> | ||
==== Schritt 7: URL für das Kontaktformular erstellen ==== | |||
== Schritt | Öffnen Sie die Datei `urls.py` in Ihrer Django-App und fügen Sie die folgende URL hinzu: | ||
<pre> | <pre> | ||
from django.urls import path | |||
from . import views | |||
urlpatterns = [ | |||
path('', views.kontaktformular, name='kontaktformular'), | |||
] | |||
</pre> | </pre> | ||
Öffnen Sie die Datei `urls.py` in Ihrem Django-Projekt und fügen Sie die folgende URL hinzu: | |||
<pre> | <pre> | ||
from django.urls import | from django.urls import include | ||
urlpatterns = [ | urlpatterns = [ | ||
path('', | path('kontakt/', include('KontaktformularApp.urls')), | ||
] | ] | ||
</pre> | </pre> | ||
==== 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: | |||
<pre> | |||
<form method="POST" class="post-form">{% csrf_token %} | |||
{{ form.as_p }} | |||
<button type="submit" class="save btn btn-default">Save</button> | |||
</form> | |||
</pre> | |||
==== Schritt 9: Kontaktformular zur Website hinzufügen ==== | |||
Fügen Sie das Kontaktformular zu Ihrer Website hinzu, indem Sie die URL `kontakt/` aufrufen. | |||
== | === Fazit === | ||
Sie haben | 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. |
Aktuelle Version vom 18. Dezember 2024, 00:06 Uhr
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
- Erstellen Sie ein Django-Projekt.
- Erstellen Sie eine Django-App.
- Erstellen Sie ein Modell für das Kontaktformular.
- Erstellen Sie ein Formular für das Kontaktformular.
- Erstellen Sie eine Ansicht für das Kontaktformular.
- Erstellen Sie eine URL für das Kontaktformular.
- Erstellen Sie eine Vorlage für das Kontaktformular.
- 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.