献立・レシピ管理アプリでMySQL保存まで進みました

本日も、自分用に作成している献立・レシピ管理アプリの続きを進めました。

今回は、レシピ追加フォームから送信した内容をMySQLへ保存する処理に挑戦しました。

データベースを作成

MAMPのphpMyAdminを使って、

my_recipe

というデータベースを作成しました。

その中にrecipesテーブルを作り、

料理名

カテゴリー

元サイト名

URL

画像

材料

メモ

登録日時

などを保存できるようにしました。

PHPからMySQLへ接続

db.phpを作成し、PHPからMySQLへ接続できるようにしました。

その後、save.phpでフォームから送信された内容を受け取り、MySQLへ保存する処理を追加。

実際にレシピを登録して、phpMyAdminを確認すると、入力した内容がきちんとデータベースに保存されていました。

画像も保存できるように

料理写真については、画像そのものをMySQLへ保存するのではなく、

画像ファイル → uploadsフォルダへ保存

画像のパス → MySQLへ保存

という形にしました。

実際に写真付きでレシピを登録し、uploadsフォルダへ画像が保存されるところまで確認できました。

次回やりたいこと

次回は、同じファイル名の画像が上書きされないように、画像名を自動で変更する処理を追加したいと思います。

その後は、現在HTMLに直接書いているレシピ一覧を、MySQLに登録したレシピから自動表示する仕組みへ変更していく予定です。

少しずつですが、「入力したデータを保存して使う」というWebアプリらしい動きができるようになってきました。