创建第一个页面

在创建第一页面之前，要必须了解到 Laravel 的一个概念路由。可以通过文档大致了解。想要访问Laravel项目的页面，首先必须创建一个路由。可以通过下面的命令查看项目路由

shell

php artisan route:list

查看 Laravel 项目路由-laravel 入门教程之创建第一个页面

创建路由

找到项目的 routes/web.php, Laravel 内置了一个欢迎页面，就是上一篇成功访问的页面, 代码如下

php

// 使用 Route 门面组件
use Illuminate\Support\Facades\Route;

// Get 请求方式访问
Route::get('/', function () {
    // 渲染名为 welcome 的 blade（稍后了解，laravel 的模版引擎） 文件
    return view('welcome');
});

说的再多不如实践一次，先来创建第一个自己的路由吧。如下代码所示，get 就是以 http get 请求，first-route 就是访问的路径。

php

Route::get('/first-route', function () {
    // 返回一个字符串
    return '这是第一个路由';
});

最后访问 虚拟域名/first-route 就会看到如下页面第一个路由-laravel 入门教程之创建第一个页面

如果你想要一个 json 数据响应的话，就直接 return 数组即可

php

Route::get('/first-route', function () {
    return '这是第一个路由'; 
    // 返回数组
    return ['first' => '第一个路由']; 
});

第一个路由-laravel 入门教程之创建第一个页面

创建页面

Laravel 中的页面都是通过 Laravel 视图渲染的。我们首先创建一个视图，就先叫 profile 吧。找到 resource/views 目录，在目录下创建 profile.blade.php

TIP

Laravel 视图名称都是以 .blade.php 为结尾命名，这是 Laravel 内置模板引擎，可以查看其文档

resource/views/profile.blade.php

html

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Laravel</title>
</head>
<body>
    <h1>这是个人信息页面</h1>
</body>
</html>

光创建了视图文件还不行，我们还需要渲染它，再渲染它之前先干嘛？没错，先要去创建对应的路由，我们再创建一条路由访问个人资料页面

php

// 访问个人资料路由
Route::get('/profile', function () {
    // 使用 view 函数来渲染个人资料 blade 文件
    return view('profile');
});

个人资料路由-laravel 入门教程之创建第一个页面

ok! 到这里我们就已经成功创建了第一个路由和页面，Very Nice👍

创建第一个页面 ​

创建路由 ​

创建页面 ​

创建第一个页面

创建路由

创建页面