Laravel 9 Роутинг (Routs)

/ 👁 410

В предыдущем уроке мы создали новый проект.

Если мы откроем его в браузере, то увидим одну-единственную страницу.

laravel 9

В этом уроке мы разберемся как создавать собственные страницы и роуты.

Создаем роуты (routs) для своих страниц

Роуты для нашего проекта мы будем создавать в файле web.php, который лежит в папке routes в корне сайта.

Если вы откроете этот файл, то увидите, что один роут там уже создан. Он ведет на главную страницу и отображает вид welcome.

Все виды находятся в папке resources/views

Мы можем создать собственный вид и отобразить в качестве главной страницы его.

Для этого в папке resources/views создадим файл home.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>My Project</title>
</head>
<body>
    <h1>Home</h1>
</body>
</html>

А в файле routes/web.php немного изменим код уже готового роута, указав наш новый вид.

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

Если теперь вы обновите страницу проекта в браузере, то увидите содержимое файла home.blade.php.

Таким же образом мы можем создать еще один роут.

Например, чтобы создать страницу /blog, мы можем сделать следующее.

  1. Создадим в папке resources/views файл blog.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>Blog</title>
    </head>
    <body>
       <h1>Blog</h1>
    </body>
    </html>
  2. В файле routes/web.php создадим новый роут:
    Route::get('blog', function (){
       return view('blog');
    });

Теперь у нас есть 2 страницы: главная и http://127.0.0.1:8000/blog

 

 

Tags:

Leave a Reply