Laravel全站底部联系表单的控制器与路由处理问询

背景 #

常规处理联系表单的方式是在联系页面配置路由：

Route::get('/contact', 'App\Http\Controllers\PageController@contact')->name('contact');
Route::post('/contact', 'App\Http\Controllers\PageController@formContact')->name('form.contact');

PageController的formContact方法负责完成表单验证与提交处理。

现在需要将联系表单通过@include('includes.form-contact')嵌入全站footer，让所有页面都显示该表单，请问应该选择何种控制器与方法来处理表单提交？

相关代码 #

联系表单代码：

<div class="form-contact">
  <div class="container">
    <div class="row">
      <h2>联系表单</h2>
      <div class="col-sm-8">
        <form action="" method="POST">
          @csrf
          <div class="row">
            <div class="col-sm-6">
              <div class="mb-4">
                <input type="text" name="first_name" placeholder="名字*" class="form-control" />
              </div>
            </div>
            <div class="col-sm-6">
              <div class="mb-4">
                <input type="text" name="last_name"  placeholder="姓氏*" class="form-control" />
              </div>
            </div>
            <div class="col-sm-6">
              <div class="mb-4">
                <input type="text" name="phone"  placeholder="电话*" class="form-control" />
              </div>
            </div>
            <div class="col-sm-6">
              <div class="mb-4">
                <input type="text" name="email"  placeholder="邮箱*" class="form-control" />
              </div>
            </div>
            <div class="col-sm-12">
              <div class="mb-4">
                <textarea rows="8" name="message" placeholder="留言内容*" class="form-control"></textarea>
              </div>
            </div>
            <div class="col-sm-12">
              <button type="submit" class="btn btn-purple">提交</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

footer代码：

<footer>
  @include('includes.form-contact')
</footer>

解决方案 #

有几种可行的处理方式，按需选择：

1. 复用现有PageController的formContact方法 #

这是最省事的方案，无需新增控制器，直接复用已有的处理逻辑：

• 保持原POST路由不变，修改表单的action属性为路由名称：

  <form action="{{ route('form.contact') }}" method="POST">
  

• 提交后，formContact方法处理完逻辑，可通过redirect()->back()跳转到用户提交表单的原页面，提升体验。

2. 新建专门的ContactController #

如果后续联系表单逻辑会复杂化，或想做职责分离，建议新建独立控制器：

• 新建ContactController：

  namespace App\Http\Controllers;
  
  use Illuminate\Http\Request;
  
  class ContactController extends Controller
  {
      public function handleFormSubmit(Request $request)
      {
          // 执行表单验证
          $validated = $request->validate([
              'first_name' => 'required|string',
              'last_name' => 'required|string',
              'phone' => 'required|string',
              'email' => 'required|email',
              'message' => 'required|string'
          ]);
  
          // 处理提交逻辑，比如发送邮件、存入数据库等
  
          // 重定向回原页面并提示成功
          return back()->with('success', '留言提交成功！');
      }
  }
  

• 配置路由：

  Route::post('/submit-contact', 'App\Http\Controllers\ContactController@handleFormSubmit')->name('submit.contact');
  

• 修改表单的action：

  <form action="{{ route('submit.contact') }}" method="POST">
  

3. 使用路由闭包（小型项目临时方案） #

如果逻辑非常简单，也可以直接用路由闭包处理，但不推荐用于复杂场景：

Route::post('/submit-contact', function(Request $request) {
    // 执行表单验证
    $validated = $request->validate([
        'first_name' => 'required',
        'last_name' => 'required',
        'phone' => 'required',
        'email' => 'required|email',
        'message' => 'required'
    ]);

    // 处理提交逻辑

    // 重定向回原页面
    return back()->with('success', '提交成功');
})->name('submit.contact');

注意事项 #

• 必须保留表单中的@csrf字段，防止CSRF攻击；
• 原表单的textarea缺少name属性，需补充（示例中已添加name="message"），否则后端无法获取该字段的值；
• 处理完提交后，使用redirect()->back()可让用户停留在原页面，避免跳转带来的体验割裂。

内容的提问来源于stack exchange，提问作者user2519032