Vorige Volgende

Toen we Laravel net hadden geïnstalleerd zagen we de default Laravel pagina staan. Zie hoofdstuk 2. Deze gaan we nu opruimen.

In de route file, web.php in de routes folder, stond onderstaande route gedefinieerd.

Route::get('/', function () {

    return view('welcome');

});

Dit wil zeggen dat aller er geen waarde in de URL is meegegeven dat dan meteen de view welcome zal worden geopend. Dat is niet wat we willen, we halen deze regels eruit.

In de Views folder staat de welcome.blade.php file die eerst werd aangeroepen. Ook die gebruiken we niet meer. Dus die kan ook weg.

Als we nu de pagina openen:

http://127.0.0.1:8000/products

Dan krijgen we mooi onze product pagina te zien. Als we echter de website oproepen met

http://127.0.0.1:8000/

Dan krijgen we een 404 error. Hoe deze precies eruit ziet is verschillend per browser.

We gaan een hoofdpagina bouwen. Voeg hiervoor in de routes file use naar de (nog te maken MainController toe):

use AppHttpControllersMainController;

En neem een route op dat als er niets is meegegeven (/) we naar de MainController class gaan met de method index.

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

Tip: de lijst met dingen in de route kan behoorlijk lang worden. Ik deel van het begin af aan alles logisch op. De use statements op volgorde van Controller en de routes zelf in groepen bij elkaar.

In de Controllers folder maken we een nieuwe MainController file. Daarvoor kopieer ik de ProductController en hernoem die naar MainController.php.

In deze controller roepen we alleen maar de view aan.

namespace AppHttpControllers;

use IlluminateHttpRequest;

class MainController extends Controller

    public function index()

        return view('main.menu');

Deze file is niet erg bijzonder, later komen hier wat uitbreidingen op, maar het blijft een eenvoudige controller. Niet alles hoeft moeilijk of lastig te zijn.

In de resources/views folder maken we een nieuwe folder main. Hierin maken we een nieuwe file menu.blade.php.

In deze view maken we een klein HTML lijstje, met een element, waaruit de gebruiker nu nog kan kiezen uit een keuze.

<!DOCTYPE html>

<html>

<head>

    <title>Home</title>

</head>

<body>

    <h1>Hoofdmenu</h1>

    <ul>

    <li><a href="products">Producten</a></li>

    </ul>

</body>

</html>

Als je nu een oefening wilt, dan kun je nu een nieuwe tabel maken, bijvoorbeeld met de categorieën van producten (kleding/schoenen/huishoudelijk/hobby etc) en die ook in de website hangen.

De informatie op punthooft is en wordt met zorg en liefde samengesteld. Desondanks kunnen wij niet garanderen dat de inhoud volledig, juist of actueel is. De gebruiker is zelf verantwoordelijk voor het verifiëren van de juistheid van de gepresenteerde informatie. Wij aanvaarden geen aansprakelijkheid voor eventuele fouten, onvolledigheden of verouderde informatie. Ook aanvaarden wij geen aansprakelijkheid voor schade die voortvloeit uit het gebruik van punthooft of het vertrouwen op de informatie op punthooft.