Izrada vlastite web stranice, a posebno bloga, jedan je od najučinkovijih načina za učenje programiranja. Iako danas dominiraju sustavi za upravljanje sadržajem (CMS) poput WordPressa, ručno izgrađivanje bloga pomoću PHP-a omogućuje vam da duboko razumijete kako zapravo funkcionira dinamički sadržaj. Umjesto statičnih stranica koje zahtijevaju ručno uređivanje svakog novog članka, naučit ćete kako podatke spremiti u bazu i automatski ih prikazati korisniku u pretraživaču.
Cilj ovog prvog dijela vodiča je stvoriti čvrst tehnički temelj. Prije nego što napišemo ijedan red PHP koda, moramo osigurati mjesto gdje će naši članci biti pohranjeni. Bez baze podataka, svaki put kada poželimo dodati novost, morali bismo mijenjati HTML kod stranice, što je nepraktično i neodrživo. Korištenjem PHP-a i MySQL-a, sadržaj postaje dinamički, što znači da ga možemo mijenjati u bazi podataka, a on će se trenutno i automatski ažurirati na svim stranicama gdje se taj sadržaj koristi.
Potrebni alati za početak rada
Za početak ovog projekta nije potrebno napredno znanje PHP-a, ali je preporučljivo da poznajete osnove HTML-a i CSS-a, jer ćemo ih koristiti za oblikovanje vizualnog identiteta stranice. Da biste mogli pokrenuti PHP kod na svom računalu, trebate specifične alate jer PHP, za razliku od običnog HTML-a, zahtijeva serversko okruženje za izvršavanje (tzv. server-side scripting).
Evo popisa svega što trebate instalirati i pripremiti kako biste pratili ovaj tutorijal:
- Lokalni server: Budući da PHP ne može raditi izravno u pregledniku kao HTML, trebate simulirati serversko okruženje. Najpopularniji izbori su paketi kao što su XAMPP, WAMP ili MAMP. Ovi paketi u jednom instalacijskom procesu donose Apache web server, MySQL bazu podataka i sam PHP interpreter.
- IDE (Integrirano razvojno okruženje): Iako možete pisati kod u običnom tekstualnom editoru, preporučuje se korištenje specijaliziranih alata koji pomažu u prepoznavanju sintakse i bržem pisanju. Preporučeni alati su Visual Studio Code, Sublime Text ili Brackets.
- Web preglednik: Bilo koji moderni preglednik (Chrome, Firefox, Edge) za testiranje rada stranice u stvarnom vremenu.
- Strpljenje i volja: Programiranje zahtijeva eksperimentiranje i rješavanje pogrešaka, što je zapravo najbrži put do stvarnog razumijevanja koda.
Postavljanje baze podataka pomoću phpMyAdmin-a
Kada ste instalirali lokalni server (npr. XAMPP), prvi korak je pokretanje Apache i MySQL modula u kontrolnoj ploči. Nakon toga, najlakši način za upravljanje bazom podataka je korištenje alata phpMyAdmin, koji dolazi integriran uz većinu lokalnih servera i nudi grafičko sučelje za rad s bazama.
Da biste kreirali bazu, otvorite preglednik i upišite adresu http://localhost/phpmyadmin. U gornjem izborniku odaberite opciju “Baze podataka” (Databases). U polje za naziv unesite ime svoje baze – za potrebe ovog tutorijala nazvat ćemo je blog.
Vrlo je važno odabrati ispravan skup znakova i kodiranje (eng. collation) kako bi se pravilno prikazivali svi znakovi, uključujući hrvatska slova (č, ć, ž, š, đ). Preporučuje se odabrati utf8_general_ci (ili moderniji utf8mb4 za potpunu Unicode podršku). Nakon toga kliknite na gumb “Napravi” (Create).
Kreiranje tablice za članke
Baza podataka je zapravo kontejner, ali unutar nje moramo definirati tablice koje organiziraju podatke. Za naš blog potrebna nam je tablica u kojoj ćemo spremati sve objave. Svaki članak mora imati svoje specifične karakteristike kako bismo ga mogli prepoznati, filtrirati i prikazati.
Naša tablica će se zvati posts i sadržavat će sljedeća četiri polja:
- ID: Jedinstveni identifikator svakog članka. On je ključan jer nam omogućuje da točno znamo koji članak želimo prikazati, urediti ili obrisati, bez obzira na to jesu li naslovi identični.
- naslov: Kratak naziv članka (koristit ćemo tip podatka VARCHAR).
- sazetak: Kratki opis članka koji se obično prikazuje na početnoj stranici kako bi privukao čitatelja (tip podatka TEXT).
- tekst: Cjeloviti sadržaj članka (tip podatka TEXT).
Tablicu možete kreirati ručno putem sučelja phpMyAdmin-a ili brže, pomoću SQL upita. Ako želite koristiti SQL konzolu, unesite sljedeći kod:
CREATE TABLE posts (
ID INT(11) NOT NULL AUTO_INCREMENT,
naslov VARCHAR(60),
sazetak text,
tekst text,
PRIMARY KEY(ID));
Praktični savjet: Prilikom ručnog kreiranja u phpMyAdmin-u, obavezno označite polje A_I (Auto Increment) za ID. To znači da nećemo morati ručno dodjeljivati brojeve svakom novom članku; baza će to raditi automatski (1, 2, 3…), što sprječava pogreške pri unosu podataka.
Unos testnih podataka za provjeru rada
Prije nego što pređemo na programiranje u PHP-u, potrebno je imati neke podatke u bazi kako bismo mogli testirati funkcionalnost stranice. Bez podataka, naša stranica bi bila prazna i ne bismo mogli potvrditi radi li kod za povlačenje podataka ispravno.
U phpMyAdmin-u odaberite tablicu posts i kliknite na opciju “Unos” (Insert). Dodajte barem dva testna članka kako biste simulirali pravi blog. Na primjer:
- Članak 1: Naslov: “Moj prvi post”, Sazetak: “Dobrodošli na moj blog!”, Tekst: “Ovo je detaljan tekst mog prvog članka koji objašnjava svrhu ovog bloga i proces njegovog izgrađivanja.”
- Članak 2: Naslov: “Učenje PHP-a”, Sazetak: “Zašto je PHP koristan?”, Tekst: “PHP je moćan jezik za serversko programiranje i omogućuje brzo izgrađivanje dinamičkih stranica koje komuniciraju s bazama podataka.”
Nakon što kliknete “Spremi”, možete se vratiti na pregled tablice i vidjeti kako su vaši članci organizirani u redove i stupce. Sada imamo sve što nam je potrebno za početak programiranja.
Zaključak i priprema za programiranje
U ovom prvom dijelu uspješno smo postavili infrastrukturu za naš PHP blog. Instalirali smo lokalni server, kreirali bazu podataka i definirali tablicu za članke. Iako još nismo napisali PHP kod, ovo je