Laravel 教程：构建您的第一个主页

引言

你好，有抱负的网页开发者们！我很高兴能成为你们探索 Laravel 世界旅程中的向导。作为一个教授计算机科学超过十年的人，我可以告诉你，Laravel 是最强大、最令人愉悦的框架之一。今天，我们将使用 Laravel 创建我们的第一个主页。别担心如果你之前从未编写过代码——我们会一步一步来，很快你就能像一个专业人士一样制作出美丽的网页！

Laravel - Home

Laravel 是什么？

在我们开始之前，让我们快速了解一下 Laravel 究竟是什么。想象你正在建造一栋房子。Laravel 就像你的可靠工具箱，里面装满了各种便捷的工具，让工作变得更轻松、更快捷。它是一个 PHP 框架，帮助开发者创建网页应用，而无需每次都重新发明轮子。它就像拥有一堆预先造好的乐高积木，你可以把它们拼在一起创造出惊人的作品！

准备工作

要跟随本教程，你需要：

一台电脑（显然！）
在你的机器上安装 PHP（版本 7.3 或更高）
Composer（一个 PHP 依赖管理器）
一个文本编辑器（我推荐 Visual Studio Code，但使用你习惯的即可）
一份冒险精神和学习的意愿！

如果你还没有准备好这些，不用担心。网上有很多优秀的教程可以帮助你准备好开发环境。

设置 Laravel

第一步：安装 Laravel

首先，我们来安装 Laravel。打开你的终端（别害怕，这只是与你的电脑进行文本交流的一种方式），并输入以下命令：

composer create-project --prefer-dist laravel/laravel my-first-laravel-project

这个命令告诉 Composer 在一个名为 my-first-laravel-project 的文件夹中创建一个新的 Laravel 项目。这可能需要几分钟的时间，所以你可以趁机喝杯咖啡或者跳一小段舞。

第二步：导航到你的项目

完成后，让我们移动到我们的新项目文件夹：

cd my-first-laravel-project

恭喜你！你现在就在你的第一个 Laravel 项目中了。感觉不错吧？

创建你的主页

第三步：理解路由

在 Laravel 中，路由就像是你应用的接待员。它们决定访问者在到达你的网站时应该去哪里。让我们打开 routes/web.php 文件。这是我们告诉 Laravel 当有人访问我们的主页时应该做什么的地方。

你会看到类似这样的内容：

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

这是 Laravel 的默认路由。它表示：“当有人访问我们网站的根目录 ('/') 时，显示 'welcome' 视图。”但我们想要创建我们自己的主页，所以让我们来修改一下！

第四步：创建控制器

控制器就像你应用的经理。它们处理请求并返回响应。让我们为我们的主页创建一个控制器：

php artisan make:controller HomeController

这个命令在 app/Http/Controllers/HomeController.php 创建了一个新文件。打开它，让我们添加一个方法：

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller
{
public function index()
{
return view('home');
}
}

这个 index 方法将负责显示我们的主页。

第五步：更新路由

现在，让我们更新我们的 routes/web.php 文件以使用我们的新控制器：

use App\Http\Controllers\HomeController;

Route::get('/', [HomeController::class, 'index']);

这告诉 Laravel：“当有人访问 '/', 使用 HomeController 的 index 方法。”

第六步：创建视图

现在我们需要为我们的主页创建实际的 HTML。在 resources/views/home.blade.php 创建一个新文件并添加一些 HTML：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to My First Laravel Site!</title>
</head>
<body>
<h1>Hello, Laravel World!</h1>
<p>This is my very first Laravel home page. Exciting times!</p>
</body>
</html>

第七步：运行你的应用

现在是见证真相的时刻！在终端中运行以下命令：

php artisan serve

这将启动开发服务器。打开你的浏览器并访问 http://localhost:8000。你应该能看到你的新主页！

添加一些特色

第八步：使用 Blade 模板

Laravel 使用一个名为 Blade 的模板引擎。它就像拥有超能力的 HTML。让我们更新我们的 home.blade.php 以使用一些 Blade 功能：

@extends('layouts.app')

@section('content')
<h1>Welcome to {{ config('app.name') }}!</h1>
<p>The current time is {{ now() }}.</p>
@endsection

现在在 resources/views/layouts/app.blade.php 创建一个新文件：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@yield('title', config('app.name'))</title>
</head>
<body>
@yield('content')
</body>
</html>

这创建了一个可重用的布局，我们的主页（和未来的页面）都可以使用。

结论

就这样！你已经创建了你自己的第一个 Laravel 主页。我们涵盖了大量的内容——从设置 Laravel 到创建路由、控制器和视图。记住，学习编码是一个旅程，而不是一个目的地。继续练习，继续探索，最重要的是，保持乐趣！

以下是我们在本教程中涵盖的主要 Laravel 概念的快速参考表：

概念	描述
路由	定义 URL 和应用如何响应请求
控制器	处理请求的逻辑
视图	包含应用提供的服务端 HTML
Blade	Laravel 的模板引擎，用于创建动态视图

快乐编码，欢迎来到 Laravel 的奇妙世界！

Credits: Image by storyset

下一教程:

Laravel - 概述