Laravel提交搜索后仅显示无格式页面，如何展示完整页面？

问题背景 #

我们在Laravel项目首页嵌入了如下搜索表单：

<form id ="search-by-country" method='post' action='/alphabetical-list'>
    <!-- Include the CSRF token -->
    @csrf
    <select name="country_id" id="country_id">
        <option value="US">United States</option>
        <option value="FR">France</option>
        <option value="DE">Germany</option>
        <option value="JP">Japan</option>
    </select>

    <button type="submit" class="btn btn-darkorange">Submit</button>
</form>

项目存在一个独立的alphabetical-list结果页，单独访问时可正常显示完整页面（包含头部、页脚、样式及格式化搜索结果）。为支持扩展搜索参数，我们在web.php配置了路由及对应控制器：

路由配置（web.php）：

Route::post('alphabetical-list', [App\Http\Controllers\AlphaSearchController::class, "search"])->name("search");

控制器代码（AlphaSearchController.php）：

namespace App\Http\Controllers;

use App\DTE\CustomFunctions;
use Illuminate\Http\Request;
use Illuminate\Foundation\Http\FormRequest;

class AlphaSearchController extends Controller
{
    public function search(Request $request)
    {
        $fname = $request->input('fname');
        $name = $request->input('name');
        $city = $request->input('city');
        $country = $request->input('country');
        $country_code = $request->input('country_code');
        $country_name = $request->input('country_name');
        $contemporary = $request->input('contemporary');
        $from = $request->input('from');
        $to = $request->input('to');
        $search_type = $request->input('search_type');

        return view('public.components.alphabetical-list', [
            'name' => $name,
            'city' => $city,
            'country_code' => $country_code,
            'country_name' => $country_name,
            'from' => $from,
            'to' => $to,
            'contemporary' => $contemporary,
            'search_type' => $search_type,
        ]);
    }
}

提交表单后可跳转至alphabetical-list页面，但仅显示无格式纯HTML内容，缺失头部、页脚及CSS/JS样式。已修正视图路径并能传递country_code值，但页面不完整问题仍存在。

解决方法 #

页面缺失布局样式的核心原因是：当前控制器返回的public.components.alphabetical-list是仅包含结果内容的组件级视图，而非继承了项目主布局的完整页面视图。单独访问时能正常显示，说明存在对应的完整页面视图文件。

1. 确认视图结构 #

检查视图目录，通常存在以下结构：

• resources/views/layouts/app.blade.php（主布局文件，包含头部、页脚、CSS/JS引用）
• resources/views/public/alphabetical-list.blade.php（完整结果页，继承主布局并引入组件）
• resources/views/public/components/alphabetical-list.blade.php（仅结果内容的组件）

2. 修改控制器返回完整视图 #

将控制器中返回的视图路径改为完整页面的路径：

return view('public.alphabetical-list', [
    'name' => $name,
    'city' => $city,
    'country_code' => $country_code,
    'country_name' => $country_name,
    'from' => $from,
    'to' => $to,
    'contemporary' => $contemporary,
    'search_type' => $search_type,
]);

3. 修正参数传递逻辑 #

表单提交的参数是country_id，但控制器中接收的是country_code，需要修改参数获取代码：

$country_code = $request->input('country_id');

4. 确保完整页面传递变量给组件 #

在public/alphabetical-list.blade.php中，确保将控制器传递的变量正确传递给内部组件：

@extends('layouts.app')

@section('content')
    @include('public.components.alphabetical-list', [
        'country_code' => $country_code,
        // 其他需要传递的变量
    ])
@endsection

完成以上修改后，提交表单将返回继承了主布局的完整页面，自动包含头部、页脚及所有样式和脚本。

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