LeVoBieb Applicatie

Ontwikkeld door PiWeb.

Frontend html bestanden

De html bestanden kunnen geplaatst worden in resources/views/public. Er staan al een aantal bestanden in. De home en contact pagina maken gebruikt van @extends('layouts.app'), dit is de layout pagina. Deze is te vinden op pad: resources/views/layouts/app.blade.php

meta.blade.php

Hier staan alle mogelijke seo en andere meta tags voor het frontend deel van de applicatie. Waarden hiervan kunnen gedefineerd worden in config/levobieb.php

home.blade.php

Voor het gemak een lege pagina alvast gedefineerd als /home

contact.blade.php

Voor het gemak een lege pagina alvast gedefineerd als /contact

Frontend style en javascript

Alle bestanden van Bulma, afbeeldingen en nodeJS bestanden voor de frontend kunnen in de map /resources/frontend_theme/ geplaatst worden. Deze worden door Webpack opgehaald en ingedeeld in de juiste public map.

css

De css, less, scss etc. kunnen toegevoegd worden aan /resources/frontend_theme/public.scss in het bestand zelf staan een aantal voorbeelden.

Webpack

Webpack word door Laravel gebruikt om alle js en css bestanden samen te voegen en bestanden te kopieren. De javascript, afbeelding e.a. bestanden kunnen toegevoegd worden aan webpack.mix.js. In de terminal kan met de code npm run dev (zonder minify) en npm run prod (voor live met minifying) in de root van het Laravel project alle taken uitgevoerd worden die gedefinieerd staan in webpack.mix.js. Tussen regels 14 en 34 staat de volgende code. Hier kan je alles voor het frontend kwijt.

 /*
 |
 | Start
 | Mix scripts, stylesheets and copy files for frontend 
 |
 */
 mix.scripts([
 //	'resources/frontend_theme/node_modules',
 	'resources/frontend_theme/js/custom.js',
 ], 'public/js/public.js')

 /* Mix css files */
 mix.sass('resources/frontend_theme/sass/public.scss', 'public/css');

 /* Copy files to public folder */
 mix.copy('resources/frontend_theme/img','public/img');
 /*
 |
 | End frontend backend mix
 |
 */

js

Javascript bestanden kunnen toegevoegd worden bij het deel mix.scripts. Alle gedefineerde bestanden worden dan samengevoegd en opgeslagen in public/js/public.js

	 mix.scripts([
	 //	'resources/frontend_theme/node_modules',
	 	'resources/frontend_theme/js/custom.js',
	 ], 'public/js/public.js')

css

Bij het deel mix.sass worden alle css bestanden die in resources/frontend_theme/sass/public.scss staan samengevoegd en opgeslagen als public/css/public.css

 mix.sass('resources/frontend_theme/sass/public.scss', 'public/css');

afbeeldingen en andere documenten

De afbeeldingen en andere documenten kunnen gekopieerd worden door een mix.copy regel toe te voegen. Het voorbeeld laat alle bestanden vanuit resources/frontend_theme/img naar public/img kopieren.

mix.copy('resources/frontend_theme/img','public/img');

Uitleenmodule

Layout

Het schone layout bestand voor de uitleen module kan je vinden bij resources/views/layouts/uitleen.blade.php.

Content views

Voor het gemak heb ik een map resources/views/uitleenmodule gemaakt. Hierin staat al een index.blade.php die je als template kan gebruiken.

Routes

Voor de routes is ook een apart bestand. Deze is al geinclude in routes/web.php. Deze kan je vinden bij routes/uitleen.php