すべてのブログから「#フォーム送信」タグの検索結果

本日も、自分用に作成している献立・レシピ管理アプリの続きを進めました。今回は、レシピ追加フォームから送信した内容をMySQLへ保存する処理に挑戦しました。データベースを作成MAMPのphpMyAdminを使って、my_recipeというデータベースを作成しました。その中にrecipesテーブルを作り、料理名カテゴリー元サイト名URL画像材料メモ登録日時などを保存できるようにしました。PHPからMySQLへ接続db.phpを作成し、PHPからMySQLへ接続できるようにしました。その後、save.phpでフォームから送信された内容を受け取り、MySQLへ保存する処理を追加。実際にレシピを登録して、phpMyAdminを確認すると、入力した内容がきちんとデータベースに保存されていました。画像も保存できるように料理写真については、画像そのものをMySQLへ保存するのではなく、画像ファイル → uploadsフォルダへ保存画像のパス → MySQLへ保存という形にしました。実際に写真付きでレシピを登録し、uploadsフォルダへ画像が保存されるところまで確認できました。次回やりたいこと次回は、同じファイル名の画像が上書きされないように、画像名を自動で変更する処理を追加したいと思います。その後は、現在HTMLに直接書いているレシピ一覧を、MySQLに登録したレシピから自動表示する仕組みへ変更していく予定です。少しずつですが、「入力したデータを保存して使う」というWebアプリらしい動きができるようになってきました。

本日も、自分用に作成している献立・レシピ管理ツールの続きを少し進めました。今回は、レシピ追加画面のフォームに入力した内容を、PHPへ送信できるようにしました。フォームからデータを送信レシピ追加画面には、料理写真料理名カテゴリー元サイト名元レシピURL材料メモを入力できるようにしています。今回は「登録する」ボタンを押したときに、入力した内容をsave.phpへ送る設定を追加しました。PHPで送信内容を確認まずはデータベースへ保存する前に、「フォームからPHPへちゃんとデータが届いているか」を確認しました。料理名やカテゴリーなどを入力して登録ボタンを押すと、PHP側で入力した内容を確認することができました。写真についてもテストし、画像ファイルの情報がPHP側へ送られていることを確認できました。次回はMySQLへ保存今回はまだ、入力した内容を保存しているわけではありません。次回は、フォームで入力↓PHPで受け取る↓MySQLへ保存するという部分に進む予定です。画像については、画像そのものをMySQLへ保存するのではなく、画像ファイルをフォルダへ保存して、そのファイル名や場所をデータベースで管理する方法を試していきたいと思います。少しずつですが、これまで作ってきた普通のWebサイトとは違う、データを登録・保存できるWebアプリらしい制作になってきました。

午前９時業務開始　午後17時業務終了　送信完了数1890件