[Python] Application Web à partir de 0! Pratique (1) -Conception, construction DB-

Aperçu

J'ai eu l'opportunité de créer une application web à partir de zéro avec Python, donc en résumé! Cet article concerne la conception d'applications, la conception et la création de bases de données.

Article précédent [Python] Application Web à partir de 0! Travaux pratiques (0) ~ Construction de l'environnement --- Qiita

Je veux que cette personne lise

objectif

L'objectif est de créer une application Web avec la fonctionnalité CURD en utilisant HTML, CSS, JavaScript, Python et SQL.

Les choses nécessaires

1. Image de l'application

Cette fois, j'aimerais créer une application Todo simple comme sujet.

Les fonctions requises sont

Disons quatre. Ces acronymes sont parfois appelés CRUD et la plupart des applications professionnelles sont basées sur ces fonctionnalités. J'ai créé chaque image d'écran.

Liste de choses à faire

Le Todo enregistré est affiché dans un format de liste. Il y a un nouveau bouton d'ajout, qui ouvre le nouveau formulaire d'inscription. Vous pouvez modifier et supprimer chaque ligne à partir des boutons situés sur chaque ligne. 2020-07-31_13h42_29.png

Todo a ajouté

Ceci est le nouveau formulaire d'inscription de Todo. Entrez un titre et cliquez sur le bouton "Ajouter" pour l'ajouter à la liste. 2020-07-31_13h43_05.png

Mise à jour Todo

Ceci est le formulaire d'édition de Todo. Todo sera mis à jour en mettant à jour le titre et en appuyant sur le bouton "Mettre à jour". 2020-07-31_13h45_18.png

Supprimer Todo

Si vous appuyez sur le bouton Supprimer dans la liste, les données de la ligne correspondante seront supprimées. À ce moment-là, un message vous demandant si vous souhaitez le supprimer sera affiché, et si vous appuyez sur le bouton «Supprimer», Todo sera supprimé. 2020-07-31_13h46_37.png

2. Conception de la base de données

C'est la seule conception de base de données (rires) Le fait est qu'en fournissant une colonne appelée is_deleted, il est possible de supprimer logiquement Todo. La suppression logique signifie que les données restent, mais il apparaît à l'utilisateur qu'elles ont été supprimées en lui attribuant un indicateur «disparu ou non disparu». C'est une méthode. Lors de la suppression, définissez is_deleted = true et n'affichez pas les données pour lesquelles is_deleted est true dans la liste.

Inversement, une instruction SQL DELETE qui supprime complètement les données de la base de données est appelée «suppression physique».

2020-07-31_14h46_24.png id: ID Todo (unique) title: Le titre de Todo created: la date et l'heure de création du Todo isDeleted: Todo est-il supprimé

3. Création d'une base de données

Faisons-le en fait à partir de la base de données! pgAdmin4 est un outil qui fonctionne dans le navigateur. Pour Windows, tapez "pgadmin" dans la zone de recherche de la barre de menu et il devrait apparaître. 2020-07-31_14h11_51.png

De là, il sera généré dans l'ordre suivant. Groupe de serveurs-> Serveur-> Base de données-> Schéma-> Table

Créer un groupe de serveurs

Vous devez d'abord créer un groupe de serveurs pour votre base de données.

Sélectionnez Objet> Créer> Groupe de serveurs. 2020-07-31_14h13_03.png

Le nom est "Todo Servers". 2020-07-31_14h14_44.png

Créer un serveur

Ensuite, créez un serveur. Cliquez avec le bouton droit sur TodoServers> Créer> Serveur. 2020-07-31_14h16_24.png

Le nom est "Todo Server". 2020-07-31_14h28_25.png

Sur l'onglet Connexion Host name/address: localhost Password: postgres Veuillez entrer et enregistrer. 2020-07-31_14h30_10.png

Créer une base de données

Créez ensuite la base de données. Cliquez avec le bouton droit sur les bases de données de TodoServer et sélectionnez Créer> Base de données. 2020-07-31_14h39_10.png

Enregistrez-le sous le nom "Todo Database". 2020-07-31_14h40_29.png

Créer une table

Cliquez avec le bouton droit sur Schémas> public> Tables dans TodoDatabase et sélectionnez Créer> Table. 2020-07-31_14h43_18.png

Le nom est «à faire». 2020-07-31_14h44_17.png

Dans l'onglet Colonnes, définissez les colonnes comme indiqué dans l'image et enregistrez. (Vous pouvez l'ajouter à partir du bouton + en haut à droite) 2020-07-31_14h45_45.png

Résumé

Jusqu'à ici pour cette fois! Nous avons fait une conception d'écran simple, une conception de base de données et une construction de base de données pour l'application!

la prochaine fois···

Nous allons construire le côté serveur (Rest API)! [Python] Application Web à partir de 0! Pratique (2) -Bonjour le monde- --Qiita

Recommended Posts

[Python] Application Web à partir de 0! Pratique (1) -Conception, construction DB-
[Python] Application Web à partir de 0! Pratique (0) -Construction environnementale-
[Python] Application Web à partir de 0! Pratique (2) -Bonjour le monde-
[Python] Application Web à partir de 0! Pratique (3) - Mise en œuvre de l'API
[Python] Application Web à partir de 0! Pratique (4) - Mise en forme des données-
[Python] Conception d'applications Web pour l'apprentissage automatique
Application Web réalisée avec Python3.4 + Django (Construction de l'environnement Part.1)
Accéder à Oracle DB depuis Python
Application Web avec Python + Flask ② ③
Application Web avec Python + Flask ④
Application Web réalisée avec Python + Flask (en utilisant VScode) # 1-Construction d'environnement virtuel-
Python x Flask x PyTorch Construction facile d'une application Web de reconnaissance numérique
Développement d'applications WEB à l'aide de django-Construction d'environnement de développement-
[Python] Une application web rapide avec Bottle!
Exécutez une application Web Python avec Docker
Publication automatique du site Web de conception de site Gary avec python + sélénium (1) Construction d'environnement
Explication facile à comprendre de l'application Web Python (Django) même pour les débutants (1) [Construction de l'environnement]
Explication facile à comprendre de l'application Web Python (Django) même pour les débutants (3) [Création d'application / configuration de la base de données]
Collecter des informations depuis Twitter avec Python (construction de l'environnement)
Exécuter des scripts Python à partir d'applications C # GUI
Comment ouvrir un navigateur Web à partir de python
Construction d'environnement explosif Python à partir de zéro (Mac)
Importer un fichier Excel depuis Python (enregistré dans DB)
Étapes pour développer une application Web en Python
[Python] Flux du scraping Web à l'analyse des données
De la construction d'environnement Python à la construction d'environnement virtuel avec anaconda
Obtenez uniquement des articles de pages Web en Python
Extraire des données d'une page Web avec Python
Construction d'environnement (python)
sql à sql
construction d'environnement python
MeCab de Python
Python - Construction de l'environnement
Construction de l'environnement Python
Explication facile à comprendre de l'application Web Python (Django), même pour les débutants (6) [MTV design pattern completion]
Tendances 2014 du cadre d'application Web (PHP / Java / Ruby / Python / Perl)
(Python) Essayez de développer une application Web en utilisant Django
Analyser et visualiser JSON (application Web ⑤ avec Python + Flask)
Lancer une application Web Python sur Nginx + Gunicorn avec Docker
Construction de l'environnement de développement Python 2020 [De l'installation de Python à l'introduction à la poésie]
Construction du système Web (super basique) ③: Construction du serveur DB et fonctionnement de base
Procédure pour convertir un fichier python en exe à partir de la construction de l'environnement Ubunts