Django-Entwicklung: So erstellen Sie eine schöne Webanwendung mit Python und Django

Django ist ein beliebtes Python-Webanwendungs-Framework, das leistungsstarke Tools und Engines bereitstellt, mit denen wir auf einfache Weise schöne, skalierbare Webanwendungen erstellen können.

In diesem Artikel stellen wir vor, wie man mit Python und Django eine schöne Webanwendung erstellt. Wir beginnen mit der Installation von Django und der Erstellung eines brandneuen Django-Projekts. Als Nächstes erstellen wir eine einfache Webanwendung und stellen vor, wie Datenbankmodelle, Ansichten und Vorlagen erstellt werden. Abschließend werden wir dieser Anwendung einige Stile und Animationen hinzufügen, um sie schöner zu machen.

1. Django installieren

Bevor wir mit der Erstellung unserer Webanwendung beginnen, müssen wir Django auf unserem lokalen Computer installieren. Django kann mit dem folgenden Befehl installiert werden:

pip install Django

Wenn Sie Pip nicht installiert haben, installieren Sie bitte zuerst Pip. pip ist ein Python-Paketmanager, mit dem Sie Python-Bibliotheken und -Abhängigkeiten einfach verwalten können.

Nach Abschluss der Installation können Sie überprüfen, ob Django erfolgreich installiert wurde, indem Sie den folgenden Befehl ausführen:

django-admin --version

Wenn Django erfolgreich installiert wurde, wird die Versionsnummer von Django angezeigt.

2. Erstellen Sie ein neues Django-Projekt

Da wir nun Django installiert haben, können wir mit der Erstellung unserer Webanwendung beginnen. Zuerst müssen wir ein neues Django-Projekt erstellen. Ein neues Django-Projekt kann mit dem folgenden Befehl erstellt werden:

django-admin startproject myproject

Dieser Befehl erstellt ein neues Verzeichnis namens „myproject“ und erstellt darin die Grundstruktur eines Django-Projekts.

3. Erstellen Sie eine einfache Webanwendung

Wir haben ein neues Django-Projekt erstellt und können jetzt mit der Erstellung unserer Webanwendung beginnen. Wir werden eine einfache Webanwendung erstellen, die es Benutzern ermöglicht, Beiträge auf der Website zu veröffentlichen und anzuzeigen.

Um diese Webanwendung zu erstellen, müssen wir die folgenden Schritte ausführen:

1. Erstellen Sie eine neue Django-Anwendung.
2. Erstellen Sie Ansichten und Vorlagen.

Zuerst erstellen wir eine neue Django-App. Eine neue Django-Anwendung kann mit dem folgenden Befehl erstellt werden:

python manage.py startapp myapp

Dieser Befehl erstellt ein neues Verzeichnis namens „myapp“ und erstellt darin die Grundstruktur einer Django-Anwendung.

Als nächstes müssen wir ein Datenbankmodell erstellen. Unser Datenbankmodell definiert das Post-Objekt und beschreibt die Felder und Eigenschaften des Post-Objekts.

Erstellen Sie eine Datei mit dem Namen „models.py“ im myapp-Verzeichnis und fügen Sie den folgenden Code hinzu:

from django.db import models

class Post(models.Model):
    title = models.CharField(max_length=100)
    content = models.TextField()
    pub_date = models.DateTimeField('date published')

Im obigen Code definieren wir ein Objekt mit dem Namen „Post“, das drei Attribute hat: Titel, Inhalt und Veröffentlichungsdatum.

Die Titel- und Inhaltsattribute sind Felder vom Typ CharField und TextField. Sie speichern den Titel und Inhalt unseres Beitrags. Das pub_date-Attribut ist ein Feld vom Typ DateTimeField, das den Zeitpunkt der Veröffentlichung unseres Beitrags speichert.

Als nächstes müssen wir Ansichten und Vorlagen erstellen. In Ansichten verarbeiten Webanwendungen Anforderungen, und Vorlagen bestimmen, wie unsere Webanwendungen im Browser des Benutzers gerendert werden sollen.

Erstellen Sie eine Datei mit dem Namen „views.py“ im myapp-Verzeichnis und fügen Sie den folgenden Code hinzu:

from django.shortcuts import render
from django.http import HttpResponse
from .models import Post

def index(request):
    latest_posts = Post.objects.order_by('-pub_date')[:5]
    context = {'latest_posts': latest_posts}
    return render(request, 'myapp/index.html', context)

def detail(request, post_id):
    post = Post.objects.get(pk=post_id)
    return render(request, 'myapp/detail.html', {'post': post})

Im obigen Code haben wir zwei Ansichten definiert: Index und Detail. Die Indexansicht fragt die Datenbank nach den fünf aktuellsten Beiträgen ab und übergibt sie an die Vorlage. Die Detailansicht fragt die Datenbank nach einem bestimmten Beitrag basierend auf post_id ab und übergibt ihn an die Vorlage.

Als nächstes müssen wir die Vorlage erstellen. Erstellen Sie ein neues Verzeichnis mit dem Namen „templates“ unter dem myapp-Verzeichnis und fügen Sie zwei HTML-Vorlagendateien „myapp/index.html“ und „myapp/detail.html“ hinzu.

In der Vorlage „myapp/index.html“ rendern wir die letzten 5 Artikel:

{% for post in latest_posts %}
    <div class="post">
        <h2 class="title">{{ post.title }}</h2>
        <p class="date">{{ post.pub_date }}</p>
        <p class="content">{{ post.content }}</p>
    </div>
{% endfor %}

In der Vorlage „myapp/detail.html“ rendern wir den spezifischen Artikel:

<div class="post">
    <h2 class="title">{{ post.title }}</h2>
    <p class="date">{{ post.pub_date }}</p>
    <p class="content">{{ post.content }}</p>
</div>

Jetzt haben wir Now that you erstellt Wenn Sie über eine einfache Django-Webanwendung verfügen, können Sie diese ausführen und die Auswirkungen sehen. Geben Sie im Terminal den folgenden Befehl ein, um den Server zu starten:

python manage.py runserver

Öffnen Sie den Browser und geben Sie http://localhost:8000/myapp/ ein. Sie sehen eine Liste mit 5 kürzlich veröffentlichten Artikeln.

4. Stile und Animationen hinzufügen

Da wir nun eine einfache Webanwendung erstellt haben, fügen wir ihr einige Stile und Animationen hinzu. Um diese Aufgabe zu erfüllen, werden wir das Bootstrap-Framework und die jQuery-Bibliothek verwenden.

Zuerst müssen wir der Anwendung statische Dateien hinzufügen. Erstellen Sie ein neues Verzeichnis mit dem Namen „static“ unter dem Verzeichnis „myapp“ und erstellen Sie darin ein weiteres Verzeichnis mit dem Namen „myapp“. Unter dem Verzeichnis „myapp“ fügen wir zwei Unterverzeichnisse hinzu, css und js. Unter diesen beiden Unterverzeichnissen werden wir Dateien mit den Namen „style.css“ und „script.js“ hinzufügen.

In der Datei „style.css“ werden wir einige grundlegende Stile hinzufügen:

.post {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

.title {
    color: #ff0000;
    font-size: 24px;
    font-weight: bold;
}

.date {
    color: #00ff00;
    font-size: 14px;
    font-style: italic;
}

.content {
    color: #0000ff;
    font-size: 16px;
}

In der Datei „script.js“ werden wir einige grundlegende Animationen hinzufügen:

$(document).ready(function() {
    $('.post').hover(function() {
        $(this).animate({ backgroundColor: "#FEEBD4" }, 200);
    }, function() {
        $(this).animate({ backgroundColor: "#fff" }, 200);
    });
});

Im obigen Code verwenden wir die jQuery-Bibliothek, um Ändern Sie die Hintergrundfarbe jedes Artikels von Weiß in Rosa, wenn der Benutzer mit der Maus darüber fährt:

Da wir unserer Django-Webanwendung nun Stile und Animationen hinzugefügt haben, können wir sie ausführen und den Effekt sehen! Öffnen Sie den Browser und geben Sie http://localhost:8000/myapp/ ein. Sie sehen eine Liste der 5 kürzlich veröffentlichten Artikel, die alle geändert wurden. Wenn Sie mit der Maus über die einzelnen Artikel fahren, ändert sich ihre Hintergrundfarbe in Rosa, wodurch sie hübscher aussehen.

Fazit

In diesem Artikel haben wir behandelt, wie man mit Python und Django eine schöne Webanwendung erstellt. Wir begannen mit der Installation von Django, der Erstellung eines neuen Django-Projekts und der Erstellung einer einfachen Webanwendung. Wir haben das Datenbankmodell von Django verwendet, um das Post-Objekt zu definieren, und die Ansichten und Vorlagen von Django verwendet, um die Daten darzustellen und abzufragen. Schließlich haben wir der Webanwendung auch einige Stile und Animationen hinzugefügt, um sie schöner aussehen zu lassen.

Django ist ein leistungsstarkes Python-Webanwendungs-Framework, mit dem wir auf einfache Weise schöne, skalierbare Webanwendungen erstellen können. Wenn Sie darüber nachdenken, Ihre eigene Webanwendung mit Python und Django zu erstellen, sollten Ihnen diese Tipps einen schnellen Einstieg erleichtern.

Das obige ist der detaillierte Inhalt vonDjango-Entwicklung: So erstellen Sie eine schöne Webanwendung mit Python und Django. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!