Izrada vlastite web stranice, a posebno bloga, jedan je od najboljih načina za učenje programiranja. Iako danas postoje brojni gotovi sustavi za upravljanje sadržajem (CMS), razumijevanje načina na koji dinamički sadržaj funkcionira “ispod haube” daje programeru neprocjenjivu prednost. U ovom vodiču započet ćemo proces izrade jednostavnog, ali funkcionalnog bloga koristeći PHP i MySQL.
Cilj ovog prvog dijela serijala je pripremiti razvojno okruženje i postaviti bazu podataka. Baza podataka je srce svakog dinamičkog web sajta jer omogućuje pohranjivanje članaka, korisničkih informacija i postavki stranice, tako da ih ne moramo ručno upisivati u HTML datoteke svaki put kada želimo objaviti novost.
Sadržaj...
Potrebni alati i predrequisiti
Za početak ovog projekta nije potrebno napredno znanje PHP-a, no preporučuje se osnovno poznavanje HTML-a i CSS-a kako biste kasnije mogli urediti izgled svog bloga. PHP se bavi logikom i komunikacijom s bazom, dok HTML i CSS služe za strukturu i dizajn.
Prije nego što napišemo prvu liniju koda, potrebno je pripremiti sljedeće elemente:
- Lokalni server: Budući da PHP zahtijeva serversko okruženje za izvršavanje, instalirajte paket poput XAMPP-a ili WAMP-a. Ovi alati u jednom paketu 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čujemo alate kao što su Visual Studio Code, Sublime Text ili Brackets. Oni nude isticanje sintakse i pomažu u bržem otkrivanju pogrešaka.
- Web preglednik: Bilo koji moderni preglednik (Chrome, Firefox, Edge) za testiranje rada stranice.
Postavljanje baze podataka putem phpMyAdmin-a
Kada je vaš lokalni server pokrenut (provjerite jesu li Apache i MySQL moduli aktivni), prvi korak je kreiranje baze podataka. Najjednostavniji način za to je korištenje alata phpMyAdmin, koji dolazi uz većinu lokalnih servera.
Pratite ove korake za kreiranje baze:
- Otvorite preglednik i u adresnu traku upišite
http://localhost/phpmyadmin. - U gornjem izborniku odaberite opciju Baze podataka (Databases).
- U polje za naziv baze upišite
blog. - U padajućem izborniku za kodiranje znakova (Collation) odaberite utf8_general_ci. Ovo je ključno kako bi vaš blog ispravno prikazivao hrvatske znakove poput č, ć, ž, š i đ.
- Kliknite na gumb Napravi (Create).
Kreiranje tablice za članke
Baza podataka je zapravo kontejner. Unutar nje moramo kreirati tablice koje organiziraju podatke. Za naš blog potrebna nam je tablica pod nazivom posts u kojoj ćemo spremati sve članke.
Svaki članak mora imati jedinstveni identifikator (ID) kako bi ga sustav mogao prepoznati i pozvati. Osim toga, trebat će nam polja za naslov, kratki sažetak (koji se obično prikazuje na početnoj stranici) i puni tekst članka.
Postoje dva načina za kreiranje ove tablice:
Opcija 1: Korištenje SQL upita (Preporučeno za brzinu)
U phpMyAdmin-u kliknite na karticu SQL i zalijepite sljedeći kod:
CREATE TABLE posts (
ID INT(11) NOT NULL AUTO_INCREMENT,
naslov VARCHAR(60),
sazetak TEXT,
tekst TEXT,
PRIMARY KEY(ID)
);Opcija 2: Ručni unos putem sučelja
Ako preferirate grafičko sučelje, pratite ove postavke:
- Naziv tablice:
posts| Broj polja: 4 - ID: Tip
INT, označiteA_I(Auto Increment) i postavite kaoPRIMARYključ. - naslov: Tip
VARCHAR, duljina 60. - sazetak: Tip
TEXT. - tekst: Tip
TEXT.
Nakon unosa svih polja, kliknite na Spremi (Save).
Unos testnih podataka
Prije nego što pređemo na programiranje u PHP-u, važno je imati nekoliko testnih članaka u bazi kako bismo mogli provjeriti radi li prikazivanje podataka ispravno. Bez podataka u bazi, naša stranica bi bila prazna, što otežava debugiranje koda.
U phpMyAdmin-u, dok ste u tablici posts, kliknite na gumb Unos (Insert). Unesite sljedeće primjere:
| Naslov | Sažetak | Tekst |
|---|---|---|
| Moj prvi post | Ovo je prvi sažetak. | Ovdje dolazi detaljan tekst prvog članka koji je znatno duži od sažetka. |
| Uvod u programiranje | Zašto učiti PHP? | Programiranje je zabavno i korisno, pogotovo kada vidite kako vaš kod oživljava na web stranici. |
Napomena: Polje ID ostavite praznim jer će ga baza podataka automatski popuniti zahvaljujući AUTO_INCREMENT postavci.
Zaključak i priprema za sljedeći korak
U ovom prvom dijelu uspješno smo postavili temelje za naš PHP blog. Imamo funkcionalan lokalni server, kreiranu bazu podataka i tablicu s testnim člancima. Iako još nismo napisali PHP kod, ovaj pripremni rad je ključan jer bez ispravno strukturirane baze podataka programiranje bi bilo nepotrebno komplicirano.
Kao preporuku za dalje, savjetujem vam da istražite osnovne MySQL naredbe poput SELECT, INSERT i UPDATE. Razumijevanje načina na koji se podaci dohvaćaju iz tablica pomoći će vam da lakše pratite sljedeće dijelove tutorijala u kojima ćemo povezati PHP s ovom bazom i prikazati članke na web stranici.
Česta pitanja (FAQ)
Pitanje: Što raditi ako ne mogu pristupiti phpMyAdmin-u?
Odgovor: Provjerite je li MySQL modul u vašem kontrolnom panelu (npr. XAMPP) označen zelenom bojom i pokrenut. Ako nije, kliknite na “Start”.
Pitanje: Zašto je važno koristiti utf8_general_ci?
Odgovor: To je standardno kodiranje koje omogućuje ispravan prikaz specijalnih znakova. Bez toga, hrvatska slova poput “č” ili “š” mogli bi se prikazati kao čudni simboli (npr. �).
Pitanje: Mogu li koristiti drugu bazu podataka osim MySQL-a?
Odgovor: Da, PHP podržava i druge baze (poput PostgreSQL-a ili SQLite-a), ali MySQL je najpopularniji izbor za web razvoj zbog svoje brzine i jednostavnosti u konfiguraciji.
