Creating Layout for Multiple Views

jprogram · jprogram · commit 43c1c03282f0 · 2024-09-30T14:57:47.000-03:00
diff --git a/app/Http/Controllers/MainController.php b/app/Http/Controllers/MainController.php
@@ -10,4 +10,14 @@ public function index($value)
     {
         return view('main', [ 'value'=> $value ]);
     }
+
+    public function page2($value) 
+    {
+        return view('page2', [ 'value'=> $value ]);
+    }
+
+    public function page3($value) 
+    {
+        return view('page3', [ 'value'=> $value ]);
+    }
 }
diff --git a/resources/views/layouts/main_layouts.blade.php b/resources/views/layouts/main_layouts.blade.php
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+</head>
+<body>
+    <p>Text from the layout (TOP)</p>
+
+    <hr>
+
+    @yield('content')
+
+    <hr>
+
+    <p>Text from the layout (BOTTOM)</p>
+
+</body>
+</html>    
diff --git a/resources/views/main.blade.php b/resources/views/main.blade.php
@@ -1,18 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Document</title>
-</head>
-<body>
-    
+@extends('layouts.main_layouts')
+
+@section('content')
     <h1>Welcome View and Blade!</h1>
     <hr>
-        <h3>The value is: <?= $value ?> </h3>
-    </hr>
-
-
-</body>
-</html>
+    <!-- <h3>The value is: <?= $value ?> </h3> -->
+    <h3>The value is: {{ $value }} </h3>
+@endsection
diff --git a/resources/views/page2.blade.php b/resources/views/page2.blade.php
@@ -0,0 +1,9 @@
+@extends('layouts.main_layouts')
+
+@section('content')
+    <h1>Welcome View and Blade!</h1>
+    <hr>
+    <!-- <h3>The value is: <?= $value ?> </h3> -->
+    <h3>Page 2</h3>
+    <h3>The value is: {{ $value }} </h3>
+@endsection
diff --git a/resources/views/page3.blade.php b/resources/views/page3.blade.php
@@ -0,0 +1,9 @@
+@extends('layouts.main_layouts')
+
+@section('content')
+    <h1>Welcome View and Blade!</h1>
+    <hr>
+    <!-- <h3>The value is: <?= $value ?> </h3> -->
+    <h3>Page 3</h3>
+    <h3>The value is: {{ $value }} </h3>
+@endsection
diff --git a/routes/web.php b/routes/web.php
@@ -15,4 +15,6 @@
     echo 'About us';
 });
 
-Route::get('/main/{value}', [MainController::class, 'index']);
+Route::get('/main/{value}' , [MainController::class, 'index']);
+Route::get('/page2/{value}', [MainController::class, 'page2']);
+Route::get('/page3/{value}', [MainController::class, 'page3']);

Original file line number	Diff line number	Diff line change
`@@ -10,4 +10,14 @@ public function index($value)`
`10`	`10`	`{`
`11`	`11`	`return view('main', [ 'value'=> $value ]);`
`12`	`12`	`}`
	`13`	`+`
	`14`	`+ public function page2($value)`
	`15`	`+ {`
	`16`	`+ return view('page2', [ 'value'=> $value ]);`
	`17`	`+ }`
	`18`	`+`
	`19`	`+ public function page3($value)`
	`20`	`+ {`
	`21`	`+ return view('page3', [ 'value'=> $value ]);`
	`22`	`+ }`
`13`	`23`	`}`