php: templating, kada i zasto?

[edgar]

[el8]

Quote:

Moje mišljenje je da je DW revolucionaran program koji je smišljen da olakšava život i treba ga objeručke prihvatit! A templating je jedan veliki korak prema tome...

mislim da si zaboravio reci da olakšava život početnicima jer ne vjerujem da iskusnom programeru moze toliko puno pomoci. Ja osobno puno brze napravim tablicu pisajuci HTML kod nego igrajuci se u DW i klikajuci vamo-tamo.

Quote:

Ljudi kažu da sve to oni mogu napravit pomoću include() funkcija. Da šta će njima templating i ovo i ono... Ovako: ja sam radio i na onaj i na ovaj način. A danas ne pomišljam radit bez templatinga.

Pa sto su include funckije nego templateing?! Umjesto parsiranja templatea koristenjem sporih regex-a koristish PHP za zamjenu varijabli. Razlika je sto ti u svojem templateu imash {tag} a u templateu koji se includa() imash <?=$tag;?>. 5 znakova vise za zapisati ali nekoliko puta brze za prikazati.

Procitaj ovaj text pa ce ti mozda biti jasnije kako se to moze napraviti pomocu include() funkcije i jako jako jednostavne klase http://www.massassi.com/php/articles/template_engines/

[edgar]

Ovo je ono do čega sam ja došao u svom radu s PHP-om i na čemu sam ostao...

Quote:

In short, the point of template engines should be to separate your business logic from your presentation logic, not separate your PHP code from your HTML code.

[maxy]

najljepse kod svega je da se sve svede na ukus

tradeoff performansi za lakse odrzavanje weba ili bolje performanse naustrb toga da ce samo onaj koji je slago "template" kuzit o cem se radi

[edgar]

Kod svega.. čak i kod izbora tehnologija

I nešto što sam primjetio - dizajneri vole u svoj dizajn ubaciti PHP kod... dok programeri vole u svoj kod ubaciti dizajn odnosno dobiti dizajn za svoj kod *

[bj__]

kao prvo pozdrav svima, ovo mi je prvi post na forumu

a sad bih imao par pitanja u vezi templateova
a) jel moze neki opci primjer kako template engine radi sa ponavljanjem necega? npr. imam novosti, izvlacim ih iz baze, imam for petlju koja ih ispisuje... bez templateova bih to napravio tako sto bih unutar petlje stavio da svaki put ispisuje sadrzaj novosti, itd...
b) vidim da se spominjalo par te, ali nitko nije spominjao TT (template tamer), kakvo imate misljenje o tome?
c) mozda je donekle objasnjeno, ali moze li netko konkretno reci koju prednost mi daje neki template engine nad obicnim ispisivanjem varijabli putem php-a? znaci imam fajl.php koji odradi sav logicki posao, spremi u varijable sve sto treba ispisati i onda se includa fajl.html u kojem imam <?php echo $varijabla;?> ... ?

[Danko]

Quote:

mislim da si zaboravio reci da olakšava život početnicima jer ne vjerujem da iskusnom programeru moze toliko puno pomoci. Ja osobno puno brze napravim tablicu pisajuci HTML kod nego igrajuci se u DW i klikajuci vamo-tamo.

E, to ti ne vjerujem. Ajde probaj:

- napravit tablicu 5x5
- mergaj zajedno polja 1.1, 1.2, 2.1 i 2.2
- pofarbaj u plavo polja 4.4, 4.5, 5.4 i 5.5
- podebljaj border trećeg stupca u debljinu 2 i nek bude crvene boje

WYSIWYG editori su stvoreni za takve stvari. Svatko tko to radi u tekst editoru je mazohist

Dreamweaver je program napravljen i za početnike i za profiće. Ja se stvarno ne smatram početnikom. Mogu pisat i u Notepadu, ali neću - jer je DW bolji. Samo treba odvojit vremena i pročitat manual - onda postaješ svjestan njegove moći (od Dreamweaverovih templatea pa do njegovog sistema FTP-a).

Quote:

Pa sto su include funckije nego templateing?! Umjesto parsiranja templatea koristenjem sporih regex-a koristish PHP za zamjenu varijabli. Razlika je sto ti u svojem templateu imash {tag} a u templateu koji se includa() imash <?=$tag;?>. 5 znakova vise za zapisati ali nekoliko puta brze za prikazati.

Ne možeš raditi iteracije. Ne možeš kreirat tablicu, pa je ubacit u drugu tablicu, pa sve zajedno u treću i onda sve skupa na neko mjesto na glavnoj stranici.
Ne možeš sastavit HTML stranicu od komadića HTML-a (sastavljanje portala od boxova od kojih je svaki za sebe funkcionalni HTML).
Dat ću ti primjer što ti ne možeš dobit sa include-ovima u sljedećem postu.

[gog]

Danko wrote:

Ne možeš raditi iteracije. Ne možeš kreirat tablicu, pa je ubacit u drugu tablicu, pa sve zajedno u treću i onda sve skupa na neko mjesto na glavnoj stranici. Ne možeš sastavit HTML stranicu od komadića HTML-a (sastavljanje portala od boxova od kojih je svaki za sebe funkcionalni HTML). Dat ću ti primjer što ti ne možeš dobit sa include-ovima u sljedećem postu.

Iteracije možeš slagati sa petljama, kao što je već netko rekao, nije cilj odvojiti php kod od html-a nego business logic od presentation logica. Zašto ne bi mogao "sastavljati" "portale" od box-ova? Isto tako ne razumijem zašto bi želio ubacivati tablicu u tablicu u tablicu? mada se i to može...

Last edited by gog on 10.11.2004 14:48; edited 1 time in total

[Danko]

Mala škola templatinga

Primjer će bit ispisivanje stranice na kojoj će bit tablica 2x2 s poljima pobojanim u plavo, žuto, crveno i zeleno s tim da će u zelenom polju biti neka slika.
Slijede 3 templejta + PHP skripta koja to parsa.

glavna.tpl:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>{NASLOV_STRANICE}</title> <meta http-equiv="Content-Type" content="text/html; charset={CHARSET}"> </head> <body> {SADRZAJ} </body> </html>

(ovo su konture stranice, dakle cijeli body)

sadrzaj.tpl:

Code:

<table width="200" height="200"  border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="100" bgcolor="#0000FF">&nbsp;</td>     <td bgcolor="#FFFF00">&nbsp;</td>   </tr>   <tr>     <td bgcolor="#FF0000">&nbsp;</td>     <td align="center" bgcolor="#00FF00">{UNUTRA}</td>   </tr> </table>

(tablica 2x2 s poljima plavo, žuto, crveno, zeleno i mjestom za sliku)

unutra.tpl:

Code:

<img src="images/slika.gif" width="87" height="88">

(ovo je attachirana slika)

I konačno, PHP skripta koja sve to spaja u jedno. Primjeti da varijable tipa NASLOV_STRANICE i CHARSET mogu dinamički mijenjati...

Code:

<?php      /* inkludam klasu Template */      include("template.inc");      /* kreiram objekt iz klase Template */      $t = new Template (".", "keep");      /* definiram 3 varijable iz gore navedenih fajlova */      $t->set_file(array(         "glavna" => "glavna.tpl",         "sadrzaj"  => "sadrzaj.tpl",         "unutra"  => "unutra.tpl"));      /* definiram 2 varijable rucno */      $t->set_var(array("NASLOV_STRANICE" => "Primjer template-a by Danko",                        "CHARSET" => "windows-1250"));      /* parsam sliku u varijablu UNUTRA koja je u zadnjem polju tablice*/      $t->parse("UNUTRA", "unutra");      /* parsam tablicu u varijablu SADRZAJ, koja je u bodyju buduce stranice*/      $t->parse("SADRZAJ", "sadrzaj");      /* parsam cijelu stranicu u varijablu*/      $t->parse("ISPIS", "glavna");      /* ispisujem u browser */      $t->p("ISPIS");    ?>

Kad se to sparsa, ispis u browser je:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Primjer template-a by Danko</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> </head> <body> <table width="200" height="200"  border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="100" bgcolor="#0000FF">&nbsp;</td>     <td bgcolor="#FFFF00">&nbsp;</td>   </tr>   <tr>     <td bgcolor="#FF0000">&nbsp;</td>     <td align="center" bgcolor="#00FF00"><img src="images/slika.gif" width="87" height="88"></td>   </tr> </table> </body> </html>

Kaj nije kul?
Primjeti da templejte možeš otvorit, gledat i editirat u Dreamweaveru ili bilo kojem WYSIWYG editoru.
Isto tak primjeti da u PHP-u nema HTML-a, niti u HTML-u nema PHP-a.
Kao i to da u PHP-u odlučuješ koje ćeš templejte učitavat, dakle možeš kreirat glavna.tpl za IE, glavna2.tpl za Netscape, glavna3.tpl za 800x600 itd.

Ljudi imaju otpor prema novom i nepoznatom, osobito ako treba napregnuti moždane vijuge i prebacit se u novi način rada. Tko ovdje nije prepoznao svemirsku tehnologiju, slobodno nek i dalje pljucka po templatingu... Njegova greška.

[edgar]

meni se ovo cini jednostavnijim

vars.inc

Code:

$NASLOV_STRANICE="Primjer template-a by Danko"; $CHARSET="windows-1250";

sadrzaj.inc

Code:

<table width="200" height="200"  border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="100" bgcolor="#0000FF">&nbsp;</td>     <td bgcolor="#FFFF00">&nbsp;</td>   </tr>   <tr>     <td bgcolor="#FF0000">&nbsp;</td>     <td align="center" bgcolor="#00FF00">{UNUTRA}</td>   </tr> </table>

index.php

Code:

include("vars.inc"); echo '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head>'; echo '<title>'.$NASLOV_STRANICE.'</title>'; echo '<meta http-equiv="Content-Type" content="text/html; charset='.$CHARSET.'></head><body>'; include ("sadrzaj.inc") ; echo '</body></html>';

[gog]

Tnx, edgar, već sam mislio da ću ja to morati raditi ;D

Danko wrote:

Kaj nije kul? Primjeti da templejte možeš otvorit, gledat i editirat u Dreamweaveru ili bilo kojem WYSIWYG editoru. Isto tak primjeti da u PHP-u nema HTML-a, niti u HTML-u nema PHP-a. Kao i to da u PHP-u odlučuješ koje ćeš templejte učitavat, dakle možeš kreirat glavna.tpl za IE, glavna2.tpl za Netscape, glavna3.tpl za 800x600 itd. Ljudi imaju otpor prema novom i nepoznatom, osobito ako treba napregnuti moždane vijuge i prebacit se u novi način rada. Tko ovdje nije prepoznao svemirsku tehnologiju, slobodno nek i dalje pljucka po templatingu... Njegova greška.

Meni uopće nije kul Kao prvo ne znam što ti koja klasa radi pa bih prvo to morao naučiti. Kao drugo ja još uvijek ne vidim nikakvu prednost. Mislim da sam već u prošlom postu napisao da nema veze što u html-u ima php-a, u ovom sluačju ga nema ništa više nego što ti imaš {ime varijbale} tagova.

Odlučivanje koji će se template koristiti za ispis je kao što si i sam napisao napravljeno u php skript, to nije funkcionalnost template engina.

Meni tu nije ništa novo, pogotovo s obzirom da su moje moždane vijuge otprilike i svjesne sve što se dešava u pozadini tvog template engina. Ja još uvijek nisam vidio da si napravio nešto što se na praktički indentičan način može napraviti i bez template engina.

[Danko]

Da, izgleda jednostavnije, ali zato ne možeš napravit niti jednu od stvari koje sam nabrojao. Osim toga, templejti zablistaju u punom sjaju tek na većim projektima.

btw. dizajner ne može vidjeti tvoje HTML tagove u Dreamweaveru (zbog "echo"-a).
Osim toga, on vidi tvoj kod! Zašto bi on trebao vidjet tvoj kod? I zabrljat ga po mogućnosti?

Ja sam došao do zaključka da miješanje HTML-a i PHP-a u meni stvara otpor prema vizualnom dizajniranju stranice i bilo kakvoj promjeni dizajna. Govorim o malo kompliciranijim stranicama od onih koje su sastavljene od par "boxova".

Radio sam i sa include-ovima i sa templatima. Ti nisi, dakle ne možeš mi pričat da su templejti lošiji. Napravi prvo jednu stranicu s templejtima pa se onda javi s komentarom. Jer - dok ne probaš - smatram da to iz tebe govori otpor prema promjeni

[Danko]

Quote:

Meni uopće nije kul Kao prvo ne znam što ti koja klasa radi pa bih prvo to morao naučiti. Kao drugo ja još uvijek ne vidim nikakvu prednost. Mislim da sam već u prošlom postu napisao da nema veze što u html-u ima php-a, u ovom sluačju ga nema ništa više nego što ti imaš {ime varijbale} tagova.

- Klasu uopće ne trebaš proučavati u smislu koda. Nju je napisao neki XY i dao ti upute da kako da je koristiš. Ona je za tebe crna kutija i uopće te ne zanima što je unutra. Trebaš samo znati nešto objektnog programiranja da je includaš i inicijaliziraš objekt iz klase.

- Kako klasa radi, tj. koje su joj metode - naravno da moraš naučiti. Zato imaš tutorijal od (čitave) 2 stranice. Pa ništa ne pada s neba...

- Rekoh već da je ovo crtanje tablice primjer koji služi da se netko nov ufura u templating. Templating zablista tek kod većih projekata, gdje po mogućnosti radi tim ljudi, gdje imaš višejezične aplikacije... Dakle ne pričam o web stranicama tvoje frizerke. Pričam o phpBB-u, phpNuke-u, ozbiljnijem CMS-u itd.

Baci oko na template ovog MI3DOT.ORG foruma:
http://mi3dot.org/forum/templates/subSilver/viewforum_body.tpl
http://mi3dot.org/forum/templates/subSilver/profile_send_email.tpl
http://mi3dot.org/forum/templates/subSilver/profile_avatar_gallery.tpl
http://mi3dot.org/forum/templates/subSilver/viewtopic_poll_result.tpl
http://mi3dot.org/forum/templates/subSilver/simple_footer.tpl
... mislim da je ipak malo prekompleksno da se radi "includanjem".

Nadam se da ovo nije samo bacanje bisejra pred... i da će netko pametan iz ovoga znat izvući korist

Last edited by Danko on 10.11.2004 15:31; edited 2 times in total

[bj__]

ok, ali da se stvar napravi malo drugacije opet je sve odvojeno... kaj ne?
btw. na ovakvom primjeru se ne vidi jacina templatea...

stranica.tpl

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title><?php echo $naslov_stranice;?></title> <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $charset;?>"> </head> <body> <table width="200" height="200"  border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="100" bgcolor="#0000FF">&nbsp;</td>     <td bgcolor="#FFFF00">&nbsp;</td>   </tr>   <tr>     <td bgcolor="#FF0000">&nbsp;</td>     <td align="center" bgcolor="#00FF00"><img src="images/slika.gif" width="87" height="88"></td>   </tr> </table> </body> </html>

stranica.php

Code:

<?php $naslov_stranice="Primjer template-a by Danko"; $charset="windows-1250";  include("stranica.tpl") ?>

a jel mozes napisati kako bi izgledalo sa templateima kad bi imao npr. ovako nesto? (cini mi se da bi se tu moglo olaksati posao pomocu templatea)

Code:

<table width="200" height="200"  border="0" cellpadding="0" cellspacing="0"> <tr>    <td>ime</td>    <td>prezime</td> </tr> <?php for ($i=0;$i<10;$i++) { ?> <tr>    <td width="100"><?php echo $ime[$i];?></td>    <td width="100"><?php echo $prezime[$i];?></td> </tr> <?php } ?> </table>

e da, koji template engine preporucujes i koji si koristio za pisanje ovog gore?

[edgar]

Hmm.. Ja sam samo dao komentar za gornji primjer, ali sam uočio odavno da je to korisna stvar, medjutim, samo kod kompleksnijih projekata. Osim toga i dalje ostaem pri svom da je templateing tu da odvoji buisness od presentation logike a ne html od php-a....

[Danko]

bj_ wrote:

a jel mozes napisati kako bi izgledalo sa templateima kad bi imao npr. ovako nesto? (cini mi se da bi se tu moglo olaksati posao pomocu templatea)

Naravno da se može...

Preporučujem PHPlib klasu template - tamo ćeš i naći primjer ponavljanja redaka tablice.

A cijela mudrost u tom ponavljanju redaka je da kreiraš template tablice, te prije<tr> staviš komentar <!-- BEGIN row -->, a nakon</tr> staviš <!-- END row -->. Bitno je da točno tak napišeš, jer klasa Template po tom zna da koji dio koda hoćeš ponavljat. (to su samo komentari, pa ih ne smatram "logikom" unutar HTML-a)

Tablicu u DW-u vidiš kao tablicu od jednog retka (i zaglavljem koje si napisao iznad tog retka).

Zatim u PHP-u koristiš ovaj par naredbi:
$t->set_block("box", "row", "rows");
$t->parse("rows", "row", true);
... i taj se jedan redak tablice pretvara u koliko god redaka hoćeš (koliko god ih izvučeš iz baze)
Osim toga, možeš manipulirati boje pozadine tablice, npr:

Code:

<td bgcolor="{BOJA_RETKA}">

... pa svaki parni redak pobojaš u drugu boju..

[bj__]

ok, puno hvala na trudu, budem to proucio.

[el8]

Quote:

E, to ti ne vjerujem. Ajde probaj: - napravit tablicu 5x5 - mergaj zajedno polja 1.1, 1.2, 2.1 i 2.2 - pofarbaj u plavo polja 4.4, 4.5, 5.4 i 5.5 - podebljaj border trećeg stupca u debljinu 2 i nek bude crvene boje WYSIWYG editori su stvoreni za takve stvari. Svatko tko to radi u tekst editoru je mazohist Dreamweaver je program napravljen i za početnike i za profiće. Ja se stvarno ne smatram početnikom. Mogu pisat i u Notepadu, ali neću - jer je DW bolji. Samo treba odvojit vremena i pročitat manual - onda postaješ svjestan njegove moći (od Dreamweaverovih templatea pa do njegovog sistema FTP-a).

piece of cake, jedan colspan jedan rowspan, za podebljavanje i farbanje se koristi CSS, moze i HTML-om ali je nepotrebno
onaj tko radi u NAPREDNOM text editoru nije mazohist nego ne zeli nepotrebne stvari o svojem kodu kada dodje do malo slozenijih stvari koje DW ne moze izvesti samo point and click, ja osobno DW jedino mogu koristiti kao "code beautifier"

Ne vjerujem da puno profica dizajnira stranice u DW, btw ja sam programer a ne dizajner ali znam slozit dizajn iz PSD/PNG predloska

pod text editorom nisam spominjao notepad btw

Quote:

Ne možeš raditi iteracije. Ne možeš kreirat tablicu, pa je ubacit u drugu tablicu, pa sve zajedno u treću i onda sve skupa na neko mjesto na glavnoj stranici. Ne možeš sastavit HTML stranicu od komadića HTML-a (sastavljanje portala od boxova od kojih je svaki za sebe funkcionalni HTML). Dat ću ti primjer što ti ne možeš dobit sa include-ovima u sljedećem postu.

Mozes sve ovo sto si naveo, da si proucio onaj link sto sam poslao znao bi o cemu ti pricam. U osnovi "moj" nacin i taj tvoj se razlikuju u tome sto tvoje template parsira scripta i malo je krace vrijeme izrade zato sto nemorash utipkavati dodatnih par znakova, dok u "mojem" nacinu template parsira sam PHP. Tek tada templati mogu zablistati u velikim projektima jer nemam dodatnog nepotrebnog sucelja koje unosi dodatni job za interpreter (parse metoda).

[Danko]

Nema frke, onda radi po svom!

[njava]

Templejti su dobra stvar (tm)
Ne samo na velikim projektima (gdje stvarno zablistaju) nego i na manjima.

Neke od stvari koje cu napisati su vec recene u ovom threadu ali mislim da malo ponavljanja nece skoditi. Ovo je moje vidjenje problema:

- prica o overheadu do kojeg dolazi zbog dodatnog parsanja / regexpanja template fajlova pada u vodu. taj overhead je marginalan, zanemariv, mjeri se u stotinkama. u odnosu na njega, load koji stvaraju upiti na bazu (pogotovo lose napisani upiti), su nemjerljivo veci

- mijesanje poslovne logike (programskog koda) i prezentacijskog sloja (html u ovom slucaju) rezultira necitkim kodom koji je tesko odrzavati. u non-template pristupu, sto je projekt veci, to je veca kolicina custom rjesenja kojima treba pribjeci da se odredjena stvar napravi. njih je cesto nemoguce izbjeci cak i uz maksimalnu paznju i trud. osim toga, kad na projektu radi vise ljudi, stvar se dodatno komplicira jer ako osoba b treba napraviti promjenu na kodu koji je radila osoba a, ona treba potrositi dodatno vrijeme da rekonstruira sto je pjesnik zelio reci. uzmimo kao primjer dinamicki ispis tablice s 3 kolone od kojih svaka treba biti razlicitog stila, ispis tih <tr>-ova i <td>-ova i probleme sa zatvaranjem praznih celija na kraju recordseta. mogu ilustrirati ako je potrebno. ovo je samo jedan od primjera, ima ih jako puno.

- odvajanje programskog i prezentacijskog dijela je dobro cak i ako programer radi obje stvari (i programiranje i htmliranje). lociranje mjesta gdje treba napraviti izmjenu traje puno krace.

- smarty ignoriram kao template engine zbog toga sto rusi osnovne koncepte templejta - odvajanje poslovne logike od prezentacije. zasto? zato sto omogucava uvodjenje programskih elemenata u templejte, ergo stvara novi skriptni jezik. cvrsto vjerujem da templejti smiju sadrzavati samo placeholdere za varijable i blokove.

- vjerujem da osobe koje ovdje zastupaju template sustave ne rade to zato da bi bili kul nego zato sto su probali obje varijante i odabrali pristup koji im cini zivot laksim a proizvod koji rade boljim. razlog zbog kojeg mnogi zaziru od templejta je nesto strmija krivulja ucenja (learning-curve). dakle potrebno je potrositi odrjedjeno vrijeme da se usvoji i prihvati sam koncept. uz to, potrebno je uloziti dodatni trud da se pridrzava pravila koja koncept nosi za sobom kao sto su urednost, dosljednost, razmisljanje unaprijed / planiranje, ali to ionako ulazi u domenu dobrog kodiranja.

- koji template sustav? phplib. i to starija verzija, prije nego sto je mergan u PEAR. zbog toga sto vjerujem da template engine treba biti lagan, ne predstavljati opterecenje za sustav koje se stvara inkludanjem velike kolicine koda kod svakog zahtjeva. ovim ne zelim reci da neki drugi template engine nije dobar, nego da sam u vise navrata testirao phplib i neke druge template engine, i do sada nisam nasao added value koji bi mi sugerirao prelazak (brzina, funkcionalnost). sitnije izmjene / dopune koje su nam bile potrebne smo napravili sami.

[carr]

hvala svima na korisnim savjetima, uglavnom kolega bj__ (za kog sam ovo i pitao) se je odlucio za phpLib, i ja podrzavam njegovu odluku, a vidim da i ostali tu na forumu, javit cemo vam kak ispadne

[hobor1]

ukoliko koga zanima http://www.elitesecurity.org/tema/12457

neznam zasto toliko hvale Smarty