[Python] Webanwendung von 0! Hands-on (1) -Design, DB-Konstruktion-

Überblick

Ich hatte die Möglichkeit, mit Python eine Web-App von Grund auf neu zu erstellen, also als Zusammenfassung! In diesem Artikel geht es um das Entwerfen von Apps, das Entwerfen und Erstellen von Datenbanken.

Vorheriger Artikel [Python] Webanwendung von 0! Hands-on (0) ~ Umweltkonstruktion --- Qiita

Ich möchte, dass diese Person liest

• Diejenigen, die keine Programmiererfahrung haben, aber eine App erstellen möchten
• Neue Webprogrammierer
• Erfahren, aber nie eine Web-App in Python geschrieben

Tor

Ziel ist es, eine Web-App mit CURD-Funktionalität unter Verwendung von HTML, CSS, JavaScript, Python und SQL zu erstellen.

Dinge notwendig

• PC（Windows OS）
• Internetleitung
• Aufregende Gefühle

1. App-Image

Dieses Mal möchte ich eine einfache Todo-App als Thema erstellen.

Die erforderlichen Funktionen sind

• Todo Liste (Lesen)
• Todo hinzufügen (Erstellen)
• Todo Update
• Todo Löschen

Sagen wir vier. Diese Akronyme werden manchmal als CRUD bezeichnet, und die meisten Geschäftsanwendungen basieren auf diesen Funktionen. Ich habe jedes Bildschirmbild erstellt.

Aufgabenliste

Der registrierte Todo wird in einem Listenformat angezeigt. Es gibt eine neue Schaltfläche zum Hinzufügen, mit der das neue Registrierungsformular geöffnet wird. Sie können jede Zeile über die Schaltflächen in jeder Zeile bearbeiten und löschen.

Todo fügte hinzu

Dies ist Todos neues Anmeldeformular. Geben Sie einen Titel ein und klicken Sie auf die Schaltfläche "Hinzufügen", um ihn der Liste hinzuzufügen.

Todo Update

Dies ist Todos Bearbeitungsformular. Todo wird aktualisiert, indem der Titel aktualisiert und auf die Schaltfläche "Aktualisieren" geklickt wird.

Todo löschen

Wenn Sie in der Liste auf die Schaltfläche Löschen klicken, werden die Daten in der entsprechenden Zeile gelöscht. Zu diesem Zeitpunkt wird eine Meldung angezeigt, in der Sie gefragt werden, ob Sie sie löschen möchten. Wenn Sie auf die Schaltfläche "Löschen" klicken, wird Todo gelöscht.

2. Datenbankdesign

Dies ist das einzige Datenbankdesign (lacht) Der Punkt ist, dass durch die Bereitstellung einer Spalte mit dem Namen is_deleted Todo logisch gelöscht werden kann. Logisches Löschen bedeutet, dass die Daten erhalten bleiben, dem Benutzer jedoch der Eindruck entsteht, dass sie gelöscht wurden, indem das Flag "Verschwunden oder nicht verschwunden" angezeigt wird. Es ist eine Methode. Setzen Sie beim Löschen is_deleted = true und zeigen Sie keine Daten an, für die is_deleted in der Liste true ist.

Umgekehrt wird die Verwendung einer SQL DELETE-Anweisung zum vollständigen Löschen von Daten aus der Datenbank als "physisches Löschen" bezeichnet.

3. Erstellen einer Datenbank

Machen wir es tatsächlich aus der Datenbank! pgAdmin4 ist ein Tool, das im Browser funktioniert. Geben Sie unter Windows "pgadmin" in das Suchfeld in der Menüleiste ein und es sollte angezeigt werden.

Von hier aus wird es in der folgenden Reihenfolge generiert. Servergruppe-> Server-> Datenbank-> Schema-> Tabelle

Erstellen einer Servergruppe

Zuerst müssen Sie eine Servergruppe für Ihre Datenbank erstellen.

Wählen Sie Objekt> Erstellen> Servergruppe.

Der Name ist "Todo Server".

Server erstellen

Erstellen Sie als Nächstes einen Server. Klicken Sie mit der rechten Maustaste auf TodoServer> Erstellen> Server.

Der Name ist "Todo Server".

Auf der Registerkarte Verbindung Host name/address: localhost Password: postgres Bitte eingeben und speichern.

Datenbank erstellen

Erstellen Sie dann die Datenbank. Klicken Sie mit der rechten Maustaste auf die Datenbanken von TodoServer und wählen Sie Erstellen> Datenbank.

Speichern Sie es unter dem Namen "Todo Database".

Eine Tabelle erstellen

Klicken Sie in TodoDatabase mit der rechten Maustaste auf Schemas> public> Tables und wählen Sie Create> Table.

Name ist "zu tun".

Stellen Sie auf der Registerkarte Spalten die Spalten wie im Bild gezeigt ein und speichern Sie sie. (Sie können es über die Schaltfläche + oben rechts hinzufügen.)

Zusammenfassung

Bis hierher für diese Zeit! Wir haben ein einfaches Bildschirmdesign, Datenbankdesign und Datenbankkonstruktion für die App erstellt!

nächstes Mal···

Wir werden die Serverseite (Rest API) erstellen! [Python] Webanwendung von 0! Hands-on (2) - Hallo Welt - Qiita