Русский

Учебник Laravel

Учебник Laravel: Создание первой стартовой страницы

Введение

Здравствуйте,野心勃勃ые веб-разработчики! Я рад быть вашим проводником в увлекательное путешествие в мир Laravel. Как someone кто преподаёт компьютерные науки уже более десяти лет, я могу сказать, что Laravel является одним из самых мощных и приятных фреймворков для работы. Сегодня мы создадим нашу первую стартовую страницу с использованием Laravel. Не волнуйтесь, если вы никогда не писали код раньше – мы будем идти шаг за шагом, и через некоторое время вы будете создавать красивые веб-страницы, как профессионал!

Laravel - Home

Что такое Laravel?

Прежде чем мы углубимся, давайте быстро поговорим о том, что такое Laravel. Представьте, что вы строите дом. Laravel resembles your trusty toolbox, filled with all sorts of nifty tools that make the job easier and faster. Это PHP-фреймворк, который помогает разработчикам создавать веб-приложения, не изобретая轮о every time. Это как если бы у вас было множество заранее собранных деталек Lego, которые можно защёлкнуть друг с другом, чтобы создать что-то惊人的!

Предпосылки

Чтобы следовать этому руководству, вам понадобится:

  1. Компьютер (конечно!)
  2. Установленный PHP на вашем компьютере (версия 7.3 или выше)
  3. Composer (менеджер зависимостей PHP)
  4. Текстовый редактор (я рекомендую Visual Studio Code, но используйте то, с чем вам удобно)
  5. Чувство приключений и желание учиться!

Не волнуйтесь, если у вас ещё не настроено всё это. Есть plenty of великолепных руководств, чтобы помочь вам prepare your environment.

Настройка Laravel

Шаг 1: Установка Laravel

First things first, let's install Laravel. Open up your terminal (don't be scared, it's just a text-based way to talk to your computer) and type:

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

Эта команда tells Composer создать новый проект Laravel в папке my-first-laravel-project. Это может занять несколько минут, поэтому, возможно, выпейте кофе или сделайте небольшой танец, пока ждёте.

Шаг 2: Переход в вашу папку проекта

Once that's done, let's move into our new project folder:

cd my-first-laravel-project

Поздравления! Вы теперь в своём первом проекте Laravel. П ощущения, не так ли?

Создание вашей стартовой страницы

Шаг 3: Понимание маршрутов

В Laravel маршруты resemble the receptionist of your application. They decide where visitors should go when they arrive at your website. Let's open up the routes/web.php file. Это место, где мы tell Laravel, что делать, когда кто-то посещает нашу стартовую страницу.

Вы увидите что-то вроде этого:

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

Это default маршрут Laravel. Он говорит: "When someone visits the root of our website ('/'), show them the 'welcome' view." Но мы хотим создать свою стартовую страницу, так что давайте изменим это!

Шаг 4: Создание контроллера

Контроллеры resemble the managers of your application. They handle requests and return responses. Давайте создадим один для нашей стартовой страницы:

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 будет отвечать за отображение нашей стартовой страницы.

Шаг 5: Обновление маршрута

Теперь обновим наш файл routes/web.php, чтобы использовать новый контроллер:

use App\Http\Controllers\HomeController;

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

Это tells Laravel, "When someone visits '/', use the index method of the HomeController."

Шаг 6: Создание представления

Теперь мы должны создать сам 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>

Шаг 7: Запуск вашего приложения

Now for the moment of truth! In your terminal, run:

php artisan serve

This starts a development server. Open up your browser and go to http://localhost:8000. You should see your new home page!

Добавление изюминки

Шаг 8: Использование шаблонов Blade

Laravel использует движок шаблонов под названием Blade. Это как HTML с superpowers. Давайте обновим наш 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>

Это creates a reusable layout, который нашу стартовую страницу (и будущие страницы) могут использовать.

Заключение

And there you have it! You've created your very first Laravel home page. We've covered a lot of ground – from setting up Laravel to creating routes, controllers, and views. Remember, learning to code is a journey, not a destination. Keep practicing, keep exploring, and most importantly, keep having fun!

Here's a quick reference table of the main Laravel concepts we've covered:

Concept Description
Routes Define URLs and how the application responds to requests
Controllers Handle the logic for responding to requests
Views Contains the HTML served by your application
Blade Laravel's templating engine for creating dynamic views

Happy coding, and welcome to the wonderful world of Laravel!

Credits: Image by storyset

 
Следующий учебник:
Laravel - Обзор