php Laravel Blade 模板中实现视图页面跳转_phpstorm laravel可以点击就跳转到对应blade文件的插件-CSDN博客

本文链接：https://blog.csdn.net/a772304419/article/details/141175049

在 Laravel 的 Blade 模板中实现视图页面的跳转通常涉及到使用路由和 URL 生成器来创建链接。以下是一些基本的方法来实现视图页面之间的跳转：

使用 Laravel 的 URL 辅助函数

你可以使用 Laravel 提供的一些辅助函数来生成链接，这可以确保你的链接是正确的，并且能够利用路由系统。

例子：

假设你有一个路由 /users，你可以在 Blade 模板中使用 route 辅助函数来生成指向该路由的链接。

创建路由:
首先确保你已经在 routes/web.php 文件中定义了相应的路由。例如：
```
Route::get('/users', 'UserController@index');
```
在 Blade 模板中使用 route 函数:
在你的 Blade 模板文件中（如 welcome.blade.php），你可以使用 route 函数来生成链接到 /users 路由的 <a> 标签。
```
<a href="{{ route('users.index') }}">View Users</a>
```
这里的 'users.index' 是路由的名字。你需要确保在定义路由的时候为它指定了一个名字。

使用 `url` 辅助函数

如果你没有为路由指定名字，或者想要直接指定 URL 而不是通过路由名称，你可以使用 url 函数。

<a href="{{ url('/users') }}">View Users</a>

传递参数

如果你的路由接受参数，你可以在 route 或者 url 函数中传递它们。

假设你有一个 /users/{id} 的路由，你可以在链接中传递用户 ID。

<a href="{{ route('users.show', ['id' => 1]) }}">View User #1</a>

使用表单提交进行跳转

对于 POST 请求等操作，你可以使用表单来提交数据并实现页面跳转。

<form action="{{ route('users.store') }}" method="POST">
    @csrf
    <button type="submit">Create New User</button>
</form>

这里的 @csrf 是一个 Blade 指令，它会插入一个 CSRF token 的隐藏输入字段，这是 Laravel 为了安全而要求的。

使用 JavaScript 进行跳转

有时候你可能需要使用 JavaScript 来执行页面跳转。你可以使用 window.location 属性来改变当前页面的 URL。

<button onclick="location.href='{{ route('users.index') }}';">View Users</button>

示例完整代码

下面是一个完整的示例，包括路由定义和视图文件中的链接。

routes/web.php

use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return view('welcome');
});

Route::get('/users', 'UserController@index')->name('users.index');
Route::get('/users/{id}', 'UserController@show')->name('users.show');
Route::post('/users', 'UserController@store')->name('users.store');

resources/views/welcome.blade.php

<!DOCTYPE html>
<html>
<head>
    <title>Welcome Page</title>
</head>
<body>
    <a href="{{ route('users.index') }}">View Users</a>
    <br>
    <a href="{{ route('users.show', ['id' => 1]) }}">View User #1</a>
    <br>
    <form action="{{ route('users.store') }}" method="POST">
        @csrf
        <button type="submit">Create New User</button>
    </form>
</body>
</html>