ユーザ用ツール

サイト用ツール


laravel:form_example

差分

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

この比較画面へのリンク

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