2023.12.28

「誕生日Webアプリケーションラボ」の要約

marugotoyoten

cs50のYoutube動画「「誕生日Webアプリケーションラボ」の要約」について要点と要約をまとめました

３つの要点

要点１
このラボでは、誕生日を追跡し、テーブルで表示するWebアプリケーションの作成が求められます。
要点２
提供されたデータベースの構造とアプリケーションコードには、Flaskアプリケーションと「birthdays」というテーブルが含まれています。
要点３
実装には、データベースのクエリを行い、HTMLテーブルで誕生日を表示し、フォームの送信を介して新しい誕生日を追加する必要があります。

要約

誕生日を追跡するためのWebアプリケーションの作成
このラボでは、私のタスクは人々の誕生日を追跡するWebアプリケーションを開発することです。アプリケーションは名前と誕生日情報を表示するテーブルを表示し、ユーザーはフォームを介して新しい誕生日をデータベースに追加することができます。

データベースの構造とアプリケーションコードの理解
提供されたデータベースには、「birthdays」という名前のテーブルがあり、id、name、month、dayの列があります。Flaskアプリケーションコード（application.py）は、cs50ライブラリを使用してデータベースへのアクセスを許可します。アプリケーションにはGETとPOSTリクエストを処理する単一のルート（”/”）があります。リクエストがPOSTの場合、ユーザーの入力がデータベースに追加されます。それ以外の場合、アプリケーションはindex.htmlを表示します。

誕生日の表示と追加の実装
index.html内で、新しい誕生日を追加するためのフォームを作成する必要があります。さらに、データベースクエリから取得した誕生日をループ処理し、テーブルの行としてそれぞれレンダリングする必要があります。これは、やなどのHTMLタグを使用して実現できます。これらのステップを完了することで、アプリケーションは既存の誕生日を表示し、ユーザーは新しい誕生日を追加することができます。

フォームの送信とデータベースの更新の処理
application.pyで、フォームの送信を処理するために、送信されたデータにアクセスし、新しい誕生日をデータベースに挿入する必要があります。これは、db.executeを使用してSQLクエリを実行することで行うことができます。GETとPOSTリクエストを区別することは、既存の誕生日を表示し、新しい誕生日を追加するために重要です。実装されると、ユーザーは自分の誕生日を追加することができ、それがHTMLテーブルに表示されます。

▼今回の動画