so I'm relatively new to laravel and am trying to understand it. So far it has been good but I've been stuck at an error for a while now so any help would be appreciated.
I'm trying to follow along with a youtube tutorial (not sure if links are allowed) and this is what I'm trying to do,
I've a controller called, CarsController Inside my controllers file and a model named Car
I've generated the CarsController page by using the --resource flag, so inside my index function I've this code.
public function index()
{
return view('index'); //Error here, replace with return view (cars.index);
}
inside my web.php page for routing I've the following command
use App\Http\Controllers\CarsController; //added by me
use Illuminate\Support\Facades\Route; //present by default
Route::resource('/cars', CarsController::class);
As far as I understood from the documentation, using resource routing is better as I don't have to write the routes for every function that exists in my controller.
Also, the page I'm trying to view has a directory hierarchy of something like
resources > views > cars > index.blade.php
That is the file I'm trying to access. Sorry if this is a noob question by I've tried looking at the documentation and googling and don't understand what I'm doing wrong exactly.
Lastly, the error I'm receiving is a basic 404 one when accessing http://127.0.0.1:8000/.
if I try accessing http://127.0.0.1:8000/cars I just get index is not a file are you the blade.php view exists. Also if it matters I've deleted the default welcome page file that laravel includes inside the views folder.
This is my route list through the PHP artisan command,
Edit: This is the documentation I'm, referring https://laravel.com/docs/8.x/controllers#resource-controllers
Edit2: My code for cars/index.blade.php
#extends('layouts.app')
#section() //error here too, replace with #section('content')
<div class="m-auto w-4/5 py-24">
<div class="text-center">
<h1 class = "text-5xl uppercase bold">
Cars
</h1>
</div>
</div>
#endsection
Im using tailwind CSS if it matters.
layouts/app.blade.php
<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">
<link rel="stylesheet" href="{{ assset('css/app.css') }}">
<title>Document</title>
</head>
<body class="bg-gradient-to-r from gray-100 to-gray-200">
#yield('content')
</body>
</html>
Your blade located at resources > views > cars > index.blade.php,
so your view() method will be view('cars.index') :
public function index()
{
return view('cars.index');
}
Inside your method you can return the view as return view('cars.index'); where the index is the index.blade.php file inside the cars folder.
Related
I just wanna print something thanks to #yield in my layout (cristarium), but for some reason is doing nothing, it just appear the text MASTER but don't HELLO.
VIEWS FOLDER LOCATIONS
resources\views\ffxiii-2\cristarium.blade.php
resources\views\ffxiii-2\cristarium_personajes\noel_kreiss.blade.php
ROUTE IN WEB.PHP
Route::get('/ffxiii-2/cristarium', function () {
return view('ffxiii-2.cristarium');
})->name('cristarium');
LAYOUT -> cristarium.blade.php
<!DOCTYPE html>
<html lang="es">
<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>Cristarium</title>
</head>
<body>
MASTER
<div class="container">
#yield('content')
</div>
</body>
</html>
BLADE TO PRINT -> noel_kreiss.blade.php
#extends('ffxiii-2.cristarium')
#section('content')
HELLO
#endsection
I tried to change the name's folder avoiding the underscore, and changing to the - in ffxiii-2, but still don't work, so I think that's not the problem.
You are returning the layout file in your controller method. But I think you should return the second file (noel_kreiss.blade.php):
Route::get('/ffxiii-2/cristarium', function () {
return view('ffxiii-2.cristarium_personajes.noel_kreiss');
})->name('cristarium');
Views cascade the other way.
Your route is showing the view which renders the file ffxiii/cristarium.blade.php,
this is your master layout.
What you need to do is to return the view ffxiii-2/cristarium_personajes/noel_kreiss from the route, which will the render that view, which in turn includes your master layout.
E.g.
Route::get('/ffxiii-2/cristarium', function () {
return view('ffxiii-2.cristarium_personajes.noel_kreiss');
})->name('noel_kreiss');
I'm learning the laravel framework and trying to get to grips with using the blade template engine. However i cant for life of me get the #extends and #section functionality to work within my project.
I have already tried reinstalling the whole project multiple times, using different browsers and restarting my machine but i cant figure out why it doesn't display the #section content
Laravel Version: 5.7.28 |
IDE: PhpStorm
routes/web.php
Route::get('/', function () {
return view('layouts/index');
});
views/layouts/index.blade.php
<body>
<div class="container-fluid">
<h1>Site Index</h1>
#yield('header')
</div>
</body>
views/header.blade.php
#extends('layouts.index')
#section('header')
<p>Header</p>
#endsection
At the moment all that is being displayed is the tag in the views/layouts/index.blade.php file.
Thank you very much for any and all input on this.
That's not how the templating works. You have to reference the child template in your return statement. Because the #extends is in this child template, Laravel knows to use the mentioned master layout. So your return statement would be like so:
return view('header');
If you just want the header to be displayed on every page, you don't need to extend the master layout in your header, you should just include the header part in your master layout.
<body>
<div class="container-fluid">
<h1>Site Index</h1>
#include('header')
</div>
</body>
i have tested the view and layout they seems working. check your controller return statement. try return view('header');
Route::get('/', function () {
return view('header');
});
thanks all for your responses, now i understand how the blade template engine works a little better and how i was doing this wrong. Just for clarification for others that get confused like me and come across this thread:
When you are redirecting to a view through the web routes then it has to be a child that is extending from a layouts master.
routes/web.php
Route::get('/', function () {
return view('index');
});
The html from the master file will then be displayed by default and its the content that we are "viewing"
views/layouts/master.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>#yield('title', 'default title if unspecified')</title>
</head>
<body>
<h1>Master Header</h1>
#yield('content')
</body>
</html>
To work with the content of the page then its the index view that is worked with using the #section('content') method.
views/index.blade.php
#extends('layouts.master')
#section('title', 'Changing the default title')
#section('content')
<p>content displayed</p>
#endsection
I hope this helps for anyone else.
If you want to show content of section('header') then you must return header view like
Route::get('/', function () {
return view('header');
});
this is because contents are in header view and you have been extending layout.index
so if you return layout.index view you will not see content of section('header')
This question already has answers here:
Laravel view not found exception
(19 answers)
Closed 2 years ago.
I'm making the Laravel tutorial step by step but the #extends is making me error that is View [layouts.master] not found. My layouts folder is in resources/views/layouts and my master.blade.php in the layouts folder. My connexion.blade.php is in resources/views/connexion.blade.php, so with the #extends('layouts.master') I'm not supposed to got any error. I'm maked the laravel tutorial perfectly but it seems to be strange.
RESOURCES/VIEWS/CONNEXION.BLADE.PHP
#extends('layouts.master')
#section('titre', 'Connexion')
#section('body')
#stop
RESOURCES/VIEWS/LAYOUTS/MASTER.BLADE.PHP
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Site Panel - #yield('titre')</title>
</head>
<body>
#yield('body')
</body>
</html>
The problem was not NOT FOUND but FILE PERMISSION why laravel dev didn't make PERMISSION DENIED instead of NOT FOUND
Hold up.... My layouts folder is in resources/views/layouts and my master.blade.php in the layouts folder.
So that means your master.blade.php is inside resources/views/layouts/layouts? That would mean the extend function would be #extend('layouts.layouts.master')
Blade Templates
Layout
// Extend your theme layout
#extends('layouts.master')
// Start section
#section('title')
// End Section
#endsection
#parent
// Show section in your theme
#yield('name')
// Include view in your file
#include('view.name')
// Include view with pass data
#include('view.name', ['key' => 'value']);
I'm new to Laravel and want to learn how to use the Blade template system properly, but i cant wrap my head around the difference between #section and #yield.
I've been reading the docs : https://laravel.com/docs/5.7/blade.
But it's not explaining the differences and how to use them properly.
I've been reading posts in other forums too like this one :
https://laravel.io/forum/09-02-2014-using-section-and-yield
But still i'm a bit confused.
For example right now i'm creating an app that have multiple pages with commun pieces between them, so for now i get that i have to create a common layout for this pages, but when to use #section and when do i have to use #yield ?
for example if i have a page like so :
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<title>{{ config('app.name', 'Name') }}</title>
//Common CSS between pages
<link href="{{ asset('css/style1.css') }}" rel="stylesheet">
//Changing CSS between pages
<link href="{{ asset('css/style2.css') }}" rel="stylesheet">
</head>
<body>
//the content stay the same !
<div id="app">
<span id="some_style">hello world !</span>
</div>
<script>
//common JS
<script src="{{ asset('script1.js') }}">
//Changing JS between pages
<script src="{{ asset('script2.js') }}">
</script>
</body>
</html>
How can i organise it using the blade templating?
Assuming you 2 templates. Lets call one Base.blade.php and the other one Posts.blade.php.
We'll #extends('base') in Posts.
Using #section in Posts and #yield in Base.
Something like this:
Base
#yield('posts') {# the section called "posts" #}
Posts
#extends('base')
#section('posts')
Here be posts
#endsection
Whatever is written in posts will be yielded in the base blade.
Think of it as inheritance.
You can imagine it as classes if you will. Where the child class calls a method in the base class.
class Base {
protected function printSomething($something) {
echo $something;
}
}
class Posts extends Base {
public function BaseWillPrint() {
$this->printSomething('POSTS');
}
}
Basically I haven't told you anything that doesn't already exist in the documentation.
Yes, assuming if you have a template you can make the base of template in layouts/app.blade/php and you can make the #yield('anything') and then in your views/main.blade.php you must give #extends('layouts.app') and
#section('anything')
*for dynamic page
#endsection
I am trying something really simple and can not get it to work.
I have 2 pages. admin.blade.php and left.blade.php
I am trying to use admin page as the master page. and include date from left.blade.php
The admin pages print only "test" as the result and includes nothing from left.admin.php.
I can`t see what is wrong. Thanks in advance
File structure is
-- resources
--views
*admin.blade.php
*left.blade.php
left.blade.php
#extends('admin')
#section('content')
baran
#stop
admin.blade.php
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<meta charset="UTF-8">
<title> #yield('title')</title>
</head>
<body>
<?php
// put your code here
?>
#yield('content')
test
<div id='footer'>
#yield('footer')
</div>
</body>
</html>
route command in web.php is
Route::get('/admin', function () {
return view('admin');
});
If you want to include date from left.blade.php you should use #include() directive in admin.blade.php:
#include('left')
If your main content is in left.blade.php and you're using admin.blade.php as layout only then change you route:
Route::get('/admin', function () {
return view('left');
});
You want to call the view for the inner page, not the master page, since the inner page extends the master page:
return view('left');