Základy nejzákladnější – layout/šablony a jak je použít

co je/jaký je rozdíl mezi šablonou a layoutem a snippetem?

Layout je obvykle ta část šablony, kterou mají jednotlivé stránky společné. Snippet je v nette terminologii kus šablony, který lze snadno aktualizovat AJAXem. Jako začátečník se snippetům radši úplně vyhni.

V příkladech jsou soubory .phtml a v dokumentaci .latte

.phtml je přípona, který se používala před mnoha lety, najdeš ji tedy ve starých příkladech. Není mezi nimi žádný rozdíl, ale přípona .latte je modernější. Něco jako .jpg a .jpeg.

Proč musím ručně dokopírovat do složky vendor složku others kde je jen prázdný .gitignore?

Prázdnou složku others určitě nikam kopírovat nemusíš. Soubor .gitignore říká, které soubory má verzovací nástoj Git ignorovat. Pokud Git nepoužívat, tak můžeš s klidným svědomím všechny .gitignore soubory smazat.

Proč je v jednom příkladu $container = require __DIR__ . ‚neconeco‘; jednou v index.php a podruhé v bootstrap.php?

Jestli myslíš to, co si myslím, že si myslíš, tak je to jedno. Příklady (na planette) se můžou lišit, protože jsou často zastaralé.

chci vytvořit tu druhou stránku, kde bych chtěl mít jen ten {block content}

Pokud je to menu společné pro všechny stránky, tak patří to layoutu, ne do šablony konkrétní stránky.

Nejsou vidět obrázky a některé styly, jako by se najednou stránka načítala z jiného umístění a cesty byly špatně.

Tohle jsou základy HTML, ach jo. Máš špatně cesty. V nette se to obvykle řeší tak, že do všech cest necháš vypsat proměnnou {$basePath}, viz např. https://github.com/…layout.latte#…

Nejsou někde popsané úplné základy?

Obecně dokumentace PHP + dokumentace Nette + logické uvažování by mělo stačit. V případě, kdy nestačí je tu fórum nebo se můžeš naučit číst zdrojové kódy Nette.

icanjan napsal(a):
Snažil jsem se rozjet examply CD-collections, Fifteen atd. Proč musím ručně dokopírovat do složky vendor složku others kde je jen prázdný .gitignore? Co to je? K čemu to je?

Do aresáře /vendor/others patří externí knihovny, které nejsou pod správou composeru. Ale dříve byl ten adresář úplně prázdný (nebyl tam ani ten .gitignore) a některé programy (a mám podezření, že i git) tento prázdný dresář ignorovaly. Problém je, že když chybí, vyběhne ti chyba. Proto se do projektů starších, než dva měsíce musí často nakopírovat ručně.

Proč je v jednom příkladu $container = require __DIR__ . ‚neconeco‘; jednou v index.php a podruhé v bootstrap.php?

Na tohle narazíš častěji. Sandbox není Nette a tak se čas od času změní nějaká věc, která se dá napsat více způsoby. Dříve se bootstrap používal na všelijaká nastavení (třeba definici rout), teď jen připraví a vrátí aplikační kontejner. Všechno ostatní se postupem času přesunulo do configu.

Furt v dokumentaci čtu jak to bude s nette jednodušší, jak si ho zamiluju… tak já už chci, to mít jednodušší, ale když mě to nejedéééé :-(

Žádná dokumentace pro úplné začátečníky není. I proto, že programátoři neradi píší dokumentace a protože se Nette stále mění. Ale hlavní problém je v tom, že teprve začínáš s PHP. Zkus si napsat blog v čistém PHP a pak to samé v Nette. Teprve pak pochopíš, v čem to je jednodušší. Bohužel vstupní bariéra je poměrně velká.
Jestli máš takové problémy, tak ti ještě doporučím nevyužívat zatím „objektový“ přístup k databázi pomocí ->table(), ale pro začátek si psát čisté query a Nette\Database použít jen jako chytřejší dotazovač (řeší escapování, snadné připojení a změnu databáze apod).

Díky všem za reakce. Je mi jasné, že mám s Nette problémy, protože neumím to PHP. Jsem si právě myslel, že když se naučím Nette, tak nemusím moc do toho PHP. Něco jako, že když umím Qt, nemusím se učit OpenGL… Ale v tomto případě mě ty základy opravdu chybí. Nevzdávám se a bojuju dál.

Teď konkrétně:
Rada s {$basePath} opravdu pomohla. Díky

<img src="{$basePath}/img/obrazek.png" />

Ale potom když v souboru Homepage/defaul.latte mám tu první stránku (viz příklad v prvním postu) a překliknu se v tom menu na tu druhou – tedy Homepage/druha.latte, tak podle mého chápání jsem pořád ve stejné složce, tedy by měly fungovat i relativní odkazy. Ale nefungovaly, jak to?

Dále bych poprosil o podrobnější vysvětlení tohoto:

Jan Tvrdík:
Pokud je to menu společné pro všechny stránky, tak patří to layoutu, ne do šablony konkrétní stránky.

Jaký je rozdíl mezi layoutem a šablonou konkrétní stránky? Poznám to nějak podle jména/umístění souboru? Jak to poznám v kódu?

Chápu to tak, že layout je něco, co se moc nemění. Takže je to třeba struktura stránky, kde se pak mění jen třeba obsah podle toho kde jsem v menu. No a to, co se mění, to je pak ta šablona stránky? To mě pak mate, proč se to jmenuje šablona, když už je to jiné pro každou stránku. Šablona stránky se do layoutu vkládají tím {include sablona}?

A ještě ke strukturování webu (rozšíření mé otázky z prvního postu):
dejme tomu, že mám základní strukturu stránky, která obsahuje 4 bloky. To mám tedy udělané v @layout.latte. A pomocí {include blok1},{include blok2}… si tam vložím obsah.

Stránka pak vypadá třeba takto: A | B | C | D

A pak mám další stránky, třeba s tímto obsahem: A | B | E | F další A | G | H | D
No a jak to teď tedy vyřešit s těma includama? Blok A si můžu dát přímo do layoutu, ale co to ostatní? Doposud si myslím, že bych pro každou stránku (každý ze třech příkladů), měl mít jednu šablonu stránky – tedy jeden .latte soubor – a tam musím mít všechny tři zbývající bloky těch includů… no ale to se pak B a D bude opakovat a určitě to není správné použití. Takže předpokládám, že tady mě něco hodně uniká. Jak tady na tuto problematiku správně?

to icanjan
Podívej se sem:
http://www.itnetwork.cz/…-a-tutorialy
To je přesně to, co potřebuješ.
Sám jsem se těmito začátečnickými problémy prokousával velmi obtížně. A jenom proto, že dokumentace k Nette je zoufale špatná, zejména pro začátečníky. Tím je pak jinak vynikající Nette degradováno. Tvůrci Nette jsou mimo jakoukoliv pochybnost dobří programátoři, ale to je asi tak všechno. Vytvořit dobrou dokumentaci se jim nepodařilo a jak se zdá, tak se o to ani nijak moc nesnaží. A mám dojem, že nejen dokumentace, ale i propagace značně pokulhává.
Ale i přes tyto obtíže je dobré vytrvat a Nette se naučit.

A ještě ke strukturování webu (rozšíření mé otázky z prvního postu):
dejme tomu, že mám základní strukturu stránky, která obsahuje 4 bloky. To mám tedy udělané v @layout.latte. A pomocí {include blok1},{include blok2}… si tam vložím obsah.

Stránka pak vypadá třeba takto: A | B | C | D

A pak mám další stránky, třeba s tímto obsahem: A | B | E | F další A | G | H | D
No a jak to teď tedy vyřešit s těma includama? Blok A si můžu dát přímo do layoutu, ale co to ostatní? Doposud si myslím, že bych pro každou stránku (každý ze třech příkladů), měl mít jednu šablonu stránky – tedy jeden .latte soubor – a tam musím mít všechny tři zbývající bloky těch includů… no ale to se pak B a D bude opakovat a určitě to není správné použití. Takže předpokládám, že tady mě něco hodně uniká. Jak tady na tuto problematiku správně?

Ahoj, hele píšu z hlavy, tak to nemusí 100% sedět… ale myslím, že tyhle snippety by ti mohly pomoci

Layout:

<div>{block blok1}A - v podstatě failblock (zobrazí se pokud budu inludovat parenta, jinak se přepíše){/block}</div>
<div>{block blok2}B{/block}</div>
<div>{block blok3}C{/block}</div>
<div>{block blok4}D{/block}</div>

Homepage/default

<div>{block blok1}{include parent}{/block}</div>
<div>{block blok2}{include parent}{/block}</div>
<div>{block blok3}E{/block}</div>
<div>{block blok4}F{/block}</div>

Homepage/foo

<div>{block blok1}{include parent}{/block}</div>
<div>{block blok2}G{/block}</div>
<div>{block blok3}H{/block}</div>
<div>{block blok4}{include parent}{/block}</div>

A máš pravdu, A může být napevno v layoutu, pokud jej nebudeš měnit. A je ještě fajn si uvědomit, že můžeš includovat taky view dané cestou, takže se můžeš vyhnout tomu, že máš více stejných view a jedna změna by musela být provedena na více místech…

Editoval Mesiah (16. 6. 2014 9:51)