概要

Pythonで0からWebアプリを作る機会があったので、そのまとめとして！
この記事ではアプリの設計、データベースの設計、構築について書いています。

これまでの記事
【Python】0からWebアプリ！ハンズオン(0)～環境構築編～ - Qiita

こんな方に読んでほしい

プログラミング未経験だけどアプリ作ってみたい方
新人Webプログラマの方
経験者だけどPythonでWebアプリ書いたことない方

ゴール

HTML, CSS, JavaScript, Python, SQLを使ってCURD機能を持ったWebアプリを作成するのが目標です。

必要なもの

PC（Windows OS）
インターネット回線
わくわくした気持ち

1. アプリのイメージ

今回は題材として簡単なTodoアプリを作りたいと思います。

必要となる機能は

Todo一覧（Read）
Todo追加（Create）
Todo更新（Update）
Todo削除（Delete）

の4つとします。これらの頭文字をとってCRUDと表現することがあり、業務系アプリのほとんどはこれらの機能がベースとなっています。
それぞれの画面イメージを作成してみました。

Todo一覧

登録されたTodoを一覧形式で表示します。
新規追加ボタンがあり、そこから新規登録フォームが開きます。
各行に編集、削除は各行に配置されたボタンから行えます。

Todo追加

Todoの新規登録フォームです。タイトルを入力し、「追加」ボタンを押すことで一覧に追加されます。

Todo更新

Todoの編集フォームです。タイトルを更新し、「更新」ボタンを押すことでTodoが更新されます。

Todo削除

一覧の削除ボタンを押すと、該当行のデータが削除されます。そのとき、削除してよいかどうかのメッセージが表示され、「削除」ボタンを押すとTodoが削除されます。

2. データベースの設計

データベースの設計はこれだけです(笑)
ポイントとしてはis_deletedという列を設けることで、Todoの論理削除を可能とするところです。
論理削除というのは、データは残っているが「消えた or 消えていない」のフラグを持たせることでユーザーからは削除されたように見える
方法のことです。消すときにはis_deleted= trueとして、一覧ではis_deletedがtrueのデータは表示しないこととします。

反対に、SQLのDELETE文でデータベースから完全にデータを削除することを「物理削除」といいます。

id: TodoのIDです（一意） title: Todoの題名です created: Todoを作成した日時です isDeleted: Todoが削除されたかどうかです

3. データベースの構築

では、実際にデータベースから作っていきましょう！
pgAdmin4はブラウザで動作するツールです。Windowsの場合、メニューバーの検索ボックスに「pgadmin」と入力すると出てくるはずです。

ここから以下の順番で生成していきます。
サーバーグループ -> サーバー -> データベース -> スキーマ -> テーブル

サーバーグループの作成

まずはデータベースのサーバーグループを作成する必要があります。

Object > Create > Server Groupを選択します。

名前は「TodoServers」としました。

サーバーの作成

続いて、サーバーを作成します。
TodoServersを右クリック > Create > Serverを選択します。

Nameは「TodoServer」としました。

Connectionタブにて、
Host name/address: localhost
Password: postgres
を入力し、Saveしてください。

データベースの作成

続いてデータベースを作成します。
TodoServerのDatabasesを右クリックして、Create > Databaseを選択します。

名前を「TodoDatabase」としてSaveしてください。

テーブルの作成

TodoDatabaseのSchemas > public > Tablesを右クリックし、Create > Tableを選択します。

Nameは「todo」とします。

Columnsタブで画像の通り列を設定していき、Saveしてください。（右上の＋ボタンから追加できます）

まとめ

今回はここまで！
アプリの簡単な画面設計、データベース設計、データベース構築を行いました！

次回は･･･

サーバーサイド（Rest API）の構築を行います！
【Python】0からWebアプリ！ハンズオン(2)～ハローワールド編～ - Qiita