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

使用 Laravel 的 URL 辅助函数

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

例子：

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

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

这里的 'users.index' 是路由的名字。你需要确保在定义路由的时候为它指定了一个名字。

使用 url 辅助函数

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

<a href="{{ url('/users') }}">View Users</a>
  • 1.
传递参数

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

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

<a href="{{ route('users.show', ['id' => 1]) }}">View User #1</a>
  • 1.
使用表单提交进行跳转

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

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

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

使用 JavaScript 进行跳转

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

<button onclick="location.href='{{ route('users.index') }}';">View Users</button>
  • 1.
示例完整代码

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

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');
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.

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>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.

以上就是如何在 Laravel 的 Blade 模板中实现视图页面跳转的基本方法。