Heim  >  Artikel  >  Backend-Entwicklung  >  Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

高洛峰
高洛峰Original
2017-03-10 10:17:551618Durchsuche

In diesem Artikel wird das grafische Tutorial zum Open-Source-Webanwendungs-Framework Django vorgestellt.

Unter Python gibt es viele verschiedene Web-Frameworks. Django ist der repräsentativste Schwergewichtsspieler. Viele erfolgreiche Websites und Apps basieren auf Django. Django ist ein in Python geschriebenes Open-Source-Webanwendungs-Framework. Lass es uns Schritt für Schritt lernen

Dieser Artikel richtet sich an: Anfänger, die über eine Python-Grundlage verfügen und mit Web-Frameworks noch nicht vertraut sind.

Umgebung: Windows7 Python3.5.1 Pycharm Professional Version 1.10 Pip3

1. Einführung in Django

Baidu-Enzyklopädie: Open-Source-Webanwendungs-Framework , geschrieben in Python-Sprache...

Fokus: Ein großes und umfassendes Framework, das alles für Sie berücksichtigt.

1. Einführung in das Web-Framework

Bevor Django im Detail vorgestellt wird, müssen zunächst Konzepte wie das WEB-Framework vorgestellt werden.

Web-Framework: Eine Website-Vorlage wurde von anderen festgelegt. Sie lernen die Regeln kennen und „füllen“ die Lücken aus oder „ändern“ sie entsprechend Ihren Anforderungen.

Die allgemeine Web-Framework-Architektur ist wie folgt:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Andere Python-basierte Web-Frameworks wie Tornado, Flask und Webpy werden alle darin entwickelt dieser Bereich Hinzufügung, Löschung und Zuschneiden. Beispielsweise verwendet Tornado sein eigenes asynchrones, nicht blockierendes „wsgi“, während Flask nur das optimierteste und grundlegendste Framework bereitstellt. Django verwendet WSGI direkt und implementiert die meisten seiner Funktionen.

2. Einführung in MVC/MTV

MVC Baidu Encyclopedia: Der vollständige Name ist Model View Controller, die Abkürzung für Model-View-Controller, eine Art Software, die das Designmodell organisiert den Code so, dass Geschäftslogik, Daten und Schnittstellenanzeige getrennt werden und die Geschäftslogik in einer Komponente zusammengefasst wird. Während die Benutzeroberfläche und die Benutzerinteraktion verbessert und personalisiert werden, besteht keine Notwendigkeit, die Geschäftslogik neu zu schreiben.

Beliebte Erklärung: eine Form der Organisation und Verwaltung von Dateien! Lassen Sie sich von der Abkürzung nicht einschüchtern, es handelt sich tatsächlich um eine Möglichkeit, verschiedene Dateitypen in verschiedenen Verzeichnissen abzulegen und ihnen dann einen ausgefallenen Namen zu geben. Natürlich bringt es viele Vorteile mit sich, wie z. B. Front-End- und Back-End-Trennung, lose Kopplung usw., daher werde ich nicht auf Details eingehen.   

Modell: Definiert datenbankbezogene Inhalte, die normalerweise in der Datei models.py abgelegt werden.

Ansicht (Ansicht): Definiert HTML und andere statische Webseitendateien, also Front-End-Dinge wie HTML, CSS, JS usw.

Controller: definiert die Geschäftslogik, die Ihr Hauptcode ist.

MTV: Einige WEB-Frameworks halten die wörtliche Bedeutung von MVC für umständlich und haben sie daher geändert. View bezieht sich nicht mehr auf HTML, sondern auf die Hauptgeschäftslogik, die einem Controller entspricht. HTML wurde in Vorlagen, sogenannten Templates, platziert, sodass aus MVC MTV wurde. Dies ist eigentlich ein Wortspiel. Es hat nur einen anderen Namen und eine andere Methode. Es ändert nichts an der Medizin.

3. Djangos MTV-Modellorganisation

Wenn die Verzeichnisse getrennt sind, muss es einen Mechanismus geben, um sie im Inneren zu koppeln. In Django spielen URLs, Orm, Static, Einstellungen usw. eine wichtige Rolle. Ein typischer Geschäftsprozess sieht wie folgt aus:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django


Was lernen wir also, wenn wir Django lernen?

1. Spezifikation der Verzeichnisstruktur

3. Konfiguration der URL-Einstellungen

5. Vorlagen-Rendering

Andere

2. Django-Projektbeispiele

1. Programminstallation

python3.5, pip3 und Die professionelle Version von Pycharm wird selbst installiert.

(1) Django installieren:

Hier stellen wir nur die einfachere Installationsmethode des Pip3-Befehls vor.

win+r, cmd aufrufen, den Befehl ausführen: pip3 install django, automatisch die neueste von Pypi bereitgestellte Version installieren.

Nach Abschluss der Installation sieht es wie folgt aus:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

(2) Konfigurieren Sie die Systemumgebung

Nach erfolgreicher Installation von Django können Sie die Datei django-admin.exe im Pfad in der Abbildung unten finden und zu den Umgebungsvariablen des Betriebssystems hinzufügen. Dies wird zukünftige Anrufe komfortabler machen. Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Run: django-admin help Wenn Sie den folgenden Inhalt sehen, bedeutet das OK.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

2. Erstellen Sie ein Django-Projekt

In Befehlszeilenschnittstellen wie Linux kann die Projektentwicklung auch mit den von Django bereitgestellten Befehlen und vim durchgeführt werden . Es wird jedoch empfohlen, Pycharm zu verwenden, die derzeit beste Python-Entwicklungs-IDE

. Sie verfügt über leistungsstarke Funktionen und eine benutzerfreundliche Oberfläche. (Alle folgenden Vorgänge werden in Pycharm ausgeführt.)

Klicken Sie auf: Datei -> Neues Projekt. Das folgende Dialogfeld wird angezeigt.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Wählen Sie die Spalte Django aus und geben Sie den Projektnamen ein. Hier wird die internationale Praxis von mysite verwendet. Wählen Sie die Python-Interpreter-Version aus und klicken Sie auf Erstellen.

Django generiert automatisch die folgende Verzeichnisstruktur:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Das Verzeichnis mit demselben Namen wie das Projekt ist die Konfigurationsdatei, und das Vorlagenverzeichnis ist dort Die HTML-Dateien werden dort gespeichert, wo MTV von T. manage.py ist die Django-Projektverwaltungsdatei.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

3. APP erstellen

Jedes Django-Projekt kann mehrere APPs enthalten, die Subsystemen, Submodulen, Funktionskomponenten usw. entsprechen und relativ unabhängig sind voneinander, aber sie hängen auch zusammen.

Alle APPs teilen Projektressourcen.

Geben Sie im Terminal unter Pycharm den Befehl ein:

python manage.py startapp cmdb

Dadurch wird eine APP namens cmdb erstellt, und Django generiert automatisch den Ordner „cmdb“.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django


4. Routen schreiben

Routen befinden sich alle in der URL-Datei, die die vom Browser eingegebene URL abbildet zur entsprechenden Geschäftsverarbeitungslogik.

Die einfache Methode zum Schreiben von URLs ist wie folgt:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

5. Geschäftsverarbeitungslogik schreiben

Die Geschäftsverarbeitungslogik ist vollständig die Datei „views.py“ darin.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Durch die beiden oben genannten Schritte verweisen wir die Index-URL auf die Funktion index() in Ansichten, die Benutzeranfragen empfängt und eine „Hallo Welt“-Zeichenfolge zurückgibt.

6. Führen Sie den Webdienst aus

Jetzt können wir den Webdienst ausführen.

Die Befehlszeilenmethode lautet: python manage.py runserver 127.0.0.1:8000

Aber in Pycharm können Sie dies tun:

Gefunden in der oberen Symbolleiste Das Symbol unten dargestellt.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Klicken Sie auf den Dropdown-Pfeil

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Klicken Sie auf „Konfigurationen bearbeiten“

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Host eingeben: 127.0.0.1 Port eingeben: 8000

OK Klicken Sie nach der Bestätigung auf das grüne Dreieck und der Webdienst wird gestartet.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Wie im Bild gezeigt, wird automatisch zur Browser-Programmoberfläche gesprungen. Was angezeigt wird, ist die unten gezeigte 404-Seite:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Ändern Sie die URL, fügen Sie „/index“ hinzu und alles wird gut!

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Zu diesem Zeitpunkt wurde der einfachste in Django geschriebene Webdienst erfolgreich gestartet.

7. HTML-Datei zurückgeben

Was haben wir oben an den Browser des Benutzers zurückgegeben? Eine Saite! Tatsächlich ist dies definitiv nicht möglich. Normalerweise geben wir die HTML-Datei an den Benutzer zurück.

Als nächstes schreiben wir eine index.html-Datei wie folgt:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Dann ändern wir die Ansichtsdatei:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Um Django wissen zu lassen, wo sich unsere HTML-Datei befindet, müssen wir den entsprechenden Inhalt der Einstellungsdatei ändern. Aber standardmäßig funktioniert es einwandfrei und Sie müssen es nicht ändern.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Als nächstes können wir den Webdienst neu starten. Aktualisieren Sie den Browser und Sie sehen „Hallo Welt“ mit Stil.

Hinweis: Wenn der Dienst häufig neu gestartet wird, kann es sein, dass der Dienst nicht gestartet wird, weil der Port nicht freigegeben ist.

8. Verwenden Sie statische Dateien

Wir können bereits HTML-Dateien an Benutzer zurückgeben, aber das reicht nicht aus. Die drei Hauptteile des Frontends sind HTML, CSS, JS und verschiedene Plugins. ins. Sie sind vollständig. In Django werden statische Dateien im Allgemeinen im statischen Verzeichnis abgelegt. Als nächstes erstellen Sie ein neues statisches Verzeichnis in mysite.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework DjangoIhr CSS, JS und verschiedene Plug-Ins können in diesem Verzeichnis abgelegt werden.

Damit Django dieses Verzeichnis findet, müssen noch Einstellungen konfiguriert werden:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework DjangoIn ähnlicher Weise können Sie in der Datei index.html Folgendes eingeben js-Datei:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework DjangoStarten Sie den Webdienst neu, aktualisieren Sie den Browser und sehen Sie sich die Ergebnisse an.

9. Vom Benutzer gesendete Daten empfangen

Oben haben wir eine HTML-Datei mit vollständigen Elementen an den Browser des Benutzers zurückgegeben. Dies reicht jedoch nicht aus, da keine dynamische Interaktion zwischen dem Webserver und dem Benutzer stattfindet.

Nachfolgend entwerfen wir ein Formular, das es Benutzern ermöglicht, ihren Benutzernamen und ihr Passwort einzugeben und an die Index-URL zu senden, und der Server erhält diese Daten.

Ändern Sie zuerst die Datei index.html

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django und dann die Datei „views.py“

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django Zu diesem Zeitpunkt tritt beim Neustart des Webdienstes ein Fehler auf, da Django über einen Schutzmechanismus für standortübergreifende Anforderungen verfügt und wir ihn in der Einstellungsdatei deaktivieren.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework DjangoGeben Sie den Browser erneut ein und aktualisieren Sie die Seite:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework DjangoGeben Sie etwas ein, und dann können wir es in Pycharm sehen entsprechende Daten.

10. Zurück zur dynamischen Seite

Wir haben die Daten des Benutzers erhalten, aber was an den Benutzer zurückgegeben wird, ist immer noch eine statische Seite, die wir dann auf der Grundlage der Daten des Benutzers verarbeiten Geben Sie es an den Benutzer zurück.

Zu diesem Zeitpunkt verwendet Django eine eigene Vorlagensprache, ähnlich wie Jinja2, und ersetzt die entsprechenden Teile des HTML basierend auf den bereitgestellten Daten. Nachdem Sie mit der detaillierten Syntax begonnen haben, erfahren Sie mehr darüber.

Ändern Sie zunächst die Datei „views.py“:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Formatieren Sie die Datei index.html neu:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Starten Sie den Dienst neu und aktualisieren Sie den Browser:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Wie Sie sehen, erhalten wir die vom Benutzer eingegebenen Daten in Echtzeit und zeigen sie in Echtzeit auf der Benutzerseite an. Dies ist ein guter interaktiver Prozess.

11. Verwendung der Datenbank

An diesem Punkt des Prozesses ist Djangos MTV-Framework im Grunde aufgetaucht, so dass nur noch der letzte Datenbankteil übrig ist.

Obwohl wir mit dem oben genannten Benutzer gut interagiert haben, haben wir keine Daten gespeichert. Sobald die Seite geschlossen oder der Server neu gestartet wird, kehrt alles in den ursprünglichen Zustand zurück.

Es besteht kein Zweifel an der Verwendung der Datenbank. Django betreibt die Datenbank über sein eigenes ORM-Framework und verfügt über eine eigene, leichtgewichtige SQLite3-Datenbank. Schauen wir uns das Folgende an:

Registrieren Sie zunächst die App:

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Wenn Sie sie nicht registrieren, weiß Ihre Datenbank nicht, welche App erstellt werden soll ein Tisch für.

Dann konfigurieren wir die datenbankbezogenen Parameter in den Einstellungen. Wenn Sie das integrierte SQLite verwenden, sind keine Änderungen erforderlich.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Bearbeiten Sie dann die Datei models.py, die das M in MTV ist.

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Hier erstellen wir 2 Felder, um den Namen und das Passwort des Benutzers zu speichern.

Der nächste Schritt besteht darin, die Datenbanktabelle über Befehle im Pycharm-Terminal zu erstellen. Es gibt 2 Befehle, nämlich:

python manage.py makemigrations

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Geben Sie dann den Befehl ein: python manage.py migrate

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Ändern Sie die Geschäftslogik in view.py

Grafik-Tutorial zum Open-Source-Webanwendungs-Framework Django

Aktualisieren Sie nach dem Neustart des Webdienstes die Browserseite, und die mit dem Benutzer interagierten Daten werden angezeigt in der Datenbank gespeichert werden. Daten können jederzeit aus der Datenbank gelesen und auf der Seite angezeigt werden.

An diesem Punkt ist ein Django-Projekt mit vollständigen Elementen und einem klaren Hauptgerüst abgeschlossen. Es ist eigentlich sehr einfach, nicht wahr?

3. Zusammenfassung von Django

Als notwendiges Webframework für Python verfügt Django über leistungsstarke Funktionen und umfassende Inhalte, bedeutet aber auch viele Einschränkungen und geringe Flexibilität. schlechte Modifizierbarkeit, was bedeutet, dass Sie Ihren Kuchen nicht haben und ihn auch essen können. Wenn wir Django lernen, müssen wir tatsächlich seine Grundprinzipien verstehen, seinen Gesamtrahmen verstehen und einige Grundregeln im Auge behalten. Der Rest besteht darin, sich weiter mit den Details zu befassen, und dann macht Übung den Meister Es kommt auf die Menge an Erfahrung an. Man kann die Technologie nicht zu gut beherrschen.

Vorschläge zu Lernmethoden: Wenn Sie etwas lernen, tauchen Sie nicht direkt in die Details ein. Sie sollten zuerst das Randwissen verstehen, sich die Gesamtstruktur ansehen, dann den Grundinhalt lernen und dann eingehend studieren. Verbessern Sie Ihre Fähigkeiten!


Das obige ist der detaillierte Inhalt vonGrafik-Tutorial zum Open-Source-Webanwendungs-Framework Django. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn