laravel:form_example

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- laravel:form_example [2023/04/11 14:43] – mikoto
+++ laravel:form_example [2023/04/11 18:33] (現在) – mikoto
@@ 行 1: / 行 1: @@
 ====== フォームページを作成する ======
+[[:laravel|一つ上へ]]
 プロジェクトルートの''routes/web.php''に以下のルートを記載する。
 <code>
-Route:get('/form','FormController@index');
+Route::get('/form', 'App\Http\Controllers\FormController@index');
+Route::post('/submit', 'App\Http\Controllers\FormController@submit');
 </code>
-これで、''/form''にアクセスするとFormControllerのindexメソッドを呼び出すことが出来る。
+これで、''/form''にアクセスするとFormControllerのindexメソッドが呼び出され、
+''/submit''にアクセスするとFormControllerのsubmitメソッドが呼び出されるようになる。
 ===== コントローラーの作成 =====
 FormControllerを作成してindexメソッドを定義する。
-''app/Http/Controllers''ディレクトリにFormController.phpを作成する。
+<code>
+php artisan make:controller FormController
+</code>
+これで、''app/Http/Controllers''ディレクトリにFormController.phpが作成される。
 <code php>
+<?php
 namespace App\Http\Controllers;
@@ 行 20: / 行 29: @@
     return view('form')
   }
+  public submit(Request $request)
+    $name = $request->input('name');
+    $email = $request->input('email');
+    // フォームの入力内容を次のビューに渡す
+    return view('submit', [
+      'name' => $name,
+      'email' => $email
+    ]);
 }
 </code>
@@ 行 37: / 行 56: @@
     <div>
       <label for="name">Name</label>
-      <input type="text" name="name" id="name>
+      <input type="text" name="name" id="name">
     </div>
     <div>
@@ 行 50: / 行 69: @@
 </html>
 </code>
+同様に、結果表示用のビュー''submit.blade.php''を作成する。
-===== フォーム送信先のルート定義 =====
+<code html>
-フォームを送信する先のルートを作成する。''routes/web.php''に以下を追記
+<!DOCTYPE html>
-<code>
+<html>
-Route::post('/submit', 'FormController@submit');
+<head>
+  <title>Result</title>
+</head>
+<body>
+  <h1>Result</h1>
+  <p>Name: {{ $name }}</p>
+  <p>Email: {{ $name }}</p>
+</body>
+</html>
 </code>
-===== フォーム内容を処理するためのコントローラーを作成する =====

laravel/form_example.1681191810.txt.gz · 最終更新: 2023/04/11 14:43 by mikoto