U ovom blog postu pokušati ćemo vam na što jednostavniji način objasniti kako možete napraviti svoju prvu web stranicu koristeći Laravel PHP Framwork. Prije svega idemo malo više saznati što je to Laravel, kako funkcionira i kako ga instalirati i podesiti!

Web stranicu koju ćemo zajedno napraviti bavit će se prikazom novih albuma sa listom pjesama, a svaki album će se vezati za autora albuma. Nazvat ćemo ju “Albumos”.

Što je to Laravel?

Laravel je jedan od najpopularnijih PHP frameworka koji je besplatan i open-source.  Kako mu stoji popularnost na Google Trends možete pogledati ovdje.

Za kreiranje web stranica i web aplikacija koristi MVC sistem (Model-View-Controler), a baziran je na Symfony PHP frameworku što ga zapravo i čini laganim za učenje i uporabu.

Ukoliko imate osnovno znanje PHP-a i znate kako funkcioniraju baze podataka, ovaj framework će vam istinski olakšati izradu web stranica ili aplikacija.

Što je to MVC i kako funkcionira?

MVC ili tako zvani Model, View i Controller najbitniji su elementi koje ćemo koristi svakodnevno u našem stvaranju web stranica.

mvc.png

  • Model – Služi nam za interakciju sa tablicama i bazom podataka.
  • View – Ovaj dio koristi Frontendaš i tu se uglavnom slaže html + js po potrebi, a mi ga pozivamo sa kontrolerom
  • Controller – Jedan od najbitnih djelova framworka zadužen za funkcioniranje cijelog web sajta, a isto tako i svakog pojedinog pozadinskog djela web stranice ili aplikacije i tu zapravo radimo magiju
  • Routes – Svakako bi htjeli spomenuti ovaj neizbježan dio Laravela koji je zaslužan za kreiranje svih naših linkova (ruta) na web stranici/aplikaciji

Kako to izgleda u praksi?

Recimo to ovako: imate folder gdje ste instalirali Laravel, a koji se nalazi na lokalnom web serveru naziva: moja-prva-web-stranica (Ovo je primjer, nemojte si komplicirati život)

Sada želite imati link O nama i kucate to u svoj browser – http://localhost/moja-prva-web-stranica/o-nama.

Laravel provjera u rutama (routes) postoji li definirana ruta tj. link o-nama, te ako postoji povezuje ga sa controllerom koji dalje obavlja određenu funkciju koju ste zadali i šalje nazad prikaz stranice. (ukratko)

Strukture foldera i fajlova

struktura.png

Najbitniji folderi koji će vam trebati u početku su:

app – Folder gdje će biti spremljeni modeli koje će te kreirati

app -> http -> controller – Folder gdje će biti spremljeni svi vaši kontroleri

resource -> views – Folder gdje će biti spremljeni svi vaši html-ovi za prikaz web stranice od master layouta pa sve do dijelova stranica.

routes – U ovom folderu u web.php datoteci nalaze se sve rute za linkove koje će te kreirati

Instaliranje i podešavanje Laravela

Sada kada znate otprilike kako to sve funkcionira (moš’ mislit 😉 ) vrijeme je da instalirate Laravel po prvi put.

Prije instaliranja Laravela potrebno je da imate instaliran Wamp ili Lamp server sa php 7.1 ili novijim verziju te novu verziju composera.

Ako imate instaliran server i composer možemo krenuti na prvi korak.

1. Otvorite konzolu / terminal

2. Dođite do glavnog foldera gdje se nalazi vaš server.

3. Kopirajte i zaljepite komandu:

composer create-project --prefer-dist laravel/laravel blog

Navedena komanda će vam kreirati novi folder “blog” i unutar njega instalirati novu verziju Laravela.

Umjesto “blog” možete koristiti naziv koji želite te će se unutar tog foldera instalirati Laravel.

Prilikom odlaska na link localhost/blog/public otvoriti će vam se početna stranica vaše buduće web stranice koja će izgledati ovako:

laravel-default-landing.png

* Napomena: ukoliko imate problema sa prikazom web stranice tipa 500 error onda trebate dati dopštenja folderima storage  i bootstrap/cache ili provjeriti koristite li php verziju 7.1

I to je to, imate “hello world” te je vaša web stranica spremna za korištenje i rad na njoj 😉

Ukoliko imate bilo kakav problem, pitanje, prijedlog ili nešto treće slobodno ostavite ispod komentar ili nam se javite na društvenim mrežama.

U sljedećem blog postu,  dotaknuti ćemo se podešavanja Laravel-a i kreiranje naših prvih ruta.