Takhle vypada adresařová struktura mého projektu.
Model
Model je datový a zejména funkční základ celé aplikace. Je v něm obsažena aplikační logika. Jakákoliv akce uživatele (přihlášení, změna hodnoty v databázi) představuje akci modelu. Model si spravuje svůj vnitřní stav a ven nabízí pevně dané rozhraní. Voláním funkcí tohoto rozhraní můžeme zjišťovat či měnit jeho stav. Model o existenci view nebo kontroleru neví.
Pojem Model představuje celou vrstvu, nikoliv samostatnou třídu.
View
View, tedy pohled, je vrstva aplikace, která má na starost zobrazení výsledku požadavku. Obvykle používá šablonovací systém a ví, jak se má zobrazit ta která komponenta nebo výsledek získaný z modelu.
Controller
Řadič, který zpracovává požadavky uživatele a na jejich základě pak volá patřičnou aplikační logiku (tj. model) a poté požádá view o vykreslení dat. Obdobou kontrolerů v Nette Framework jsou presentery.
Component
Komponenta představuje vykreslitelný objekt. Jsou to například formuláře, menu, ankety a podobně. V rámci jedné stránky jich může existovat libovolný počet.
Každý formulář který se pošle, tak se pošle na akci presenteru. Který po validací předa modelu. Výsledek pak předa view.
Formuláře jsou také ochráněné csrf tokenem, který zabrání odesílaní dát z jiného zdroje, než je webová stránka. Algoritmus je ukázán v API modelu. Implementujeme to v base presenteru v startup metodě.
Nette používá Latte. Díky němu nemusíme přemýšlet nad htmlSpecialChars, escapování, a také nám hodně zpříjemni život, a vzhled. Taky nám umožňuje používat filtry.
Bez Latte:
<?php if ($items): ?>
<?php $counter = 1 ?>
<ul>
<?php foreach ($items as $item): ?>
<li id="item-<?php echo $counter++ ?>"><?php
echo htmlSpecialChars(mb_convert_case($item, MB_CASE_TITLE)) ?>
</li>
<?php endforeach ?>
</ul>
<?php endif?>
S Latte:
<ul n:if="$items">
{foreach $items as $item}
<li id="item-{$iterator->counter}">{$item|capitalize}</li>
{/foreach}
</ul>
Výhoda je jasná na první pohled. :)
Pro práci s daty jsme použili relační databazu MySQL. Její struktura výpada následovně:
Není navržena úplně dokonalé, však pro náš projekt stačí.
V sekci Twitch chat log, který najdete až se přihlasite, najdete značku lupy. Tu rozklíkněte a zobrazí se vám formulář. V první položce (Name) zadáte jméno uživatele, kterého hledáte. V druhé položce (Date) zadáte datum a čas, kdy uživatel zprávu napsal. Třetí položka (Message) je pro vyhledávání samotného výrazu ve zprávě. Všechny ty tří položky nejsou povinné, proto stačí pokud budete znát jenom jeden z uvedených informací. Je zajímavé, že pokud nezadáte datum, tak se vám data zobrazí od nejnovějšího až po starší. Ale pokud datum a čas zadáte, tak se vám údaje zobrazí od nejbližšího k datu - Od staršího k novějšímu.
Kód filtru naleznme v ChatModelu.
Kód autocompleteru naleznme v sekci www/js/twitch.js. Její funkčnost je jednoduchá, po napsáni hledaného slova, JS pošle AJAXový request na server kde potom data zpracuje a vypíše je.
