Dins de la carpeta ‘resources/views’:

1. ‘New folder’ amb el nom ‘layouts’

2. ‘New file’ amb el nom ‘app.blade.php’

2.1 En aquest document, es troba tota l’estructura que contenen les vistes
de la nostre app: El doctype, els meta tags, el titol de les vistes, els links
on es cridaran els diferents .css, els scripts dels .js i l’estructura que tindra el
body de cada vista.

@yield: Permet definir una ‘variable’ amb la que dins de cada vista l’hi podem
donar un valor diferent. És a dir, si agafem l’imatge anterior, hi trobem
@yield(‘title’) el que em permet és definir un title diferent en cada vista. Això es fa
de la seguent manera:
Dins la vista desitjada, com per exemple a la home.blade.php afegim

@section(‘title’)
Home title
@endsection

D’aquesta manera aconseguim que el title canvii quan ens trobem a la home.
 @include: Inclou directament una vista desitjada. En l’imatge, hi trobem un include
del header i del footer ja que volem que l’estructura de la nostre app
sigui: Header + view + Footer.

<meta> Es troba dins del head i permet definir paràmetres que el navegador pot
interpretar i aplicar dins l’app per afegir informació dins d’aquesta.
<meta charset=“utf-8">
Indica la codificació de caràcters de la pàgina.
<meta name=“viewport" content="width=device-width,initial-scale=1”>
Permet definir les dimensions de la pàgina en funció del dispositiu on
aquesta es mostra.
<meta http-equiv=“x-ua-compatible"content="ie=edge";charset=“utf-8">
Indica al navegador que ha de renderitzar la pàgina en qualsevol
estandard de versió més recent.
<meta name="csrf-token" content="{{ csrf_token() }}”>
Protegeix l’aplicació contra atacs a l’hora de fer peticions.
<meta name="description" content=“@yield('description')">
Breu descripció de la nostre aplicació que apareix en el navegador i
és de gran importància per donar informació a la pàgina web de cara
l’usuari.

El link del app.css i el script del app.js s’afegeixen amb el mix que permet compilar
un document .sass i afegir-lo a app.css.

Per crear el mix, obrim el fitxer ‘webpack.mix.js’ i afegim el següent codi:



Un cop tenim definida l’estructura que tindran les vistes:

2.2 ‘New folder’ amb el nom partials: on hi trobarem el header i el footer.

2.2.1 ‘New file’ amb el nom header.blade.php amb tot el contingut

del header.

2.2.2 ‘New file’ amb el nom footer.blade.php amb tot el contingut del
footer.

Creem una landing, per exemple la home

3. ‘New file’ amb el nom home.blade.php

3.1 Aquest fitxer ha de tenir la següent estructura:

@extends: Permet que en aquesta pàgina es mostri el contingut

que hi ha en el fitxer generat previament amb el nom app.blade.php
@section: Definim una nova secció amb el nom content i una amb el nom
title que anirà situada dins del fitxer app.blade.php on haviem cridat
@yield(‘content’) i @yield(‘title’).


4. Dins la carpeta ‘routes’, hi trobem un fitxer amb el nom web.php on aniran
definides totes les rutes que trobarem dins la pàgina.
Es poden definir de diferents maneres:

Route::ACTION( ) on ACTION pot ser post, get, put, delete, resource, group etc.
Post: Serveix per enviar informació de forma oculta per l’usuari a través d’un
formulari per enviar les dades per exemple, a la base de dades.
Get: Serveix per rebre informació de forma visible per la URL.
Put: Fer un Update d’alguna dada de la base de dades.
Delete: Eliminar una dada de la base de dades.
Resource: Crea rutes amb totes les accions possibles d’una url donada.
Group: Serveix per definir un conjunt de rutes que comparteixen prefix de
la URL.

Route::get(‘/‘, function () {
return view(‘home’);
});
Aquesta ruta es crida quan hi trobem ( ‘/‘ ) en la url i crida a la vista home.

Route::group([‘prefix’ => ‘admin’], function () {

Route::get(‘/products’, ProductController@index’);
});
Aquesta ruta es crida quan hi trobem ( ‘/admin/products’ ) en la url i va a
buscar la funció index que es troba dins del ProductController



Route::ACTION(‘/URL’, CONTROLLER@FUNCTION);
URL: Contingut de la url per cridar aquesta ruta.
CONTROLLER: Nom del controlador on hi trobarem totes les funcions
necessaries en funcio de l’accio i ruta desitjada.
FUNCTION: Funció que es troba dins el CONTROLLER que farà una cosa o
una altre en funció de la ruta desitjada.
Route::get(‘/products’, ProductController@index);
Aquesta ruta es crida quan hi trobem ( ‘/products’ ) a la url i cridarà la funció
index que es troba dins el controlador: ProductController.

Els controladors els creem dins de ‘app/Http/Controllers’