2、理解基本路由和页面

作者: 温新

阅读: 133

时间: 2024-05-18 16:31:59

通过上篇文章的学习，我们安装了 Laravel 项目与启动了项目，并对页面内容进行了一个简单的了解。

如在浏览器中看到页面和内容，就需要了解下路由与页面 了。

简单理解路由

处让我们回到到 routes/web.php 文件：

<?php

use Illuminate\Support\Facades\Route;

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

我们使用 Route 门面可以定义路由
使用 Route::get() 方法定义了一个 HTTP GET 请求
get 方法接收两个参数，第一个参数是请求路径，第二参数是 匿名函数。它是路由对应的回调处理器。当指定的 URI 被匹配且请求方法为 GET 时，Laravel 将执行这个函数来生成响应
闭包中的 return view('welcome') 就是回调执行了，这里就是在执行一个视图

处理页面

我们修改一下 welcome.blade.php 中的内容，如下：

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Laravel 11 开发个小项目</title>
    </head>
    <body class="font-sans antialiased dark:bg-black dark:text-white/50">
        <h1>你好呀，王美丽</h1>
    </body>
</html>

修改之后，浏览器访问看看效果吧。

编写一个自己的路由

了解了上述内容后，我们开始编写自己的第一个页面。

1、定义路由

resources/views/welcome.blade.php

...
    
Route::get('hello', function () {
    return view('hello');
});

2、编写视图文件

resources/views/hello.blade.php

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我是王美丽</title>
</head>
<body>
    <h1>王美丽的第一个页面</h1>
</body>
</html>

3、访问

通过浏览器中访问 http://b-laravel11-blog.test/hello 就可以看到效果啦。

如果访问一个不存在的路由，就会看到 404 页面内容。

4、优化一下路由

如果我们页面是一个纯静态内容，其实可以对路由进行一个优化，如下：

...
// resources/views/welcome.blade.php
    
Route::view('hello', 'hello');

请登录后再评论