Quem sou eu?!?!!?
• Natural de Camutanga-PE (=P)
• Graduando em Sistemas para Internet (CEFET-PB)
• Pós-Graduando em Desenvolvimento para
Dispositivos Móveis (Fatec-JP)
• Membro da equipe de desenvolvedores do Portal
Unipê ( http://www.unipe.br )
• Trabalho com PHP há dois anos
• http://www.marcusantonius.info
• contato@marcusantonius.info

Roteiro
• Código Espaguete
• Se livrando do Spaghetti Monster
• Smarty Tamplate Engine
• Sintaxe, instalação e configuração, variáveis, funções...
• Arquivos de configuração
• Caching
• Conclusão

O Problema
Código Espaguete

Código Espaguete
“Qualifica-se de código espaguete um
programa de computador que não segue as
regras da programação estruturada e abusa de
desvios, condicionais ou não, o que torna a leitura
do mesmo por seres humanos bem difícil”.
Wikipédia - http://pt.wikipedia.org/wiki/C%C3%B3digo_espaguete

Código Espaguete
• Uma aplicação feita com uma abordagem
spaghetti code, dificulta a vida de todos:
– Do Webdesigner, que não vai entender
bulhufas daquele código
– Do próprio programador, que dificultar na
manutenção daquele código.

Código Espaguete
– Como se livrar do Spaghetti Monster?!

Código Espaguete
• Solução
Basta separar a lógica do layout na sua
aplicação!!!!

Código Espaguete
• Dessa forma, webdesigners e
programadores podem trabalhar de forma
independente.
• Maior produtividade para a sua aplicação.
• O reaproveitamento do código e bem
maior.

Código Espaguete
• Mas como vou separar esses dois
mundos de uma forma rápida e prática?!

Código Espaguete
É simples... Use o Smarty!!!!!!

Smarty Template Engine
• Mas o que é Smarty?
– “É um sistema de templates para PHP,
fornecendo uma maneira fácil de controlar a
separação da aplicação lógica e o conteúdo
de sua apresentação.”
(http://smarty.php.net)

Smarty Template Engine
• Sintaxe
– A sintaxe do Smarty é dividida nas
duas partes:

Smarty Template Engine
• Exemplo (Lógica da Aplicação)

Smarty Template Engine
• Exemplo (layout)
– O smarty possui as tags de tamplate
delimitadas da seguinte forma:

Smarty Template Engine
• Instalação e configuração
– Instalação:
• http://www.smarty.net/download.php
– Configuração:
• Descompactar os arquivos na aplicação que você
está trabalhando (para facilitar coloque numa
pasta – “smarty/” por exemplo).

Smarty Template Engine
• Configuração (continuação...)
– Criar uma instancia da classe Smarty

Smarty Template Engine
• Configuração (continuação...)
– Em seguida é necessário setar os diretórios
necessários para o funcionamento da
estrututa do smarty:

Smarty Template Engine
• Configuração (continuação...)

Smarty Template Engine
• Funções
– Existem dois tipo de funções:
• Internas – São funções básicas e essenciais
para o funcionamento do Smarty. Você não
pode criar funções com o mesmo nome de
funções que sejam internas, nem tampouco
modificá-las.
– Ex.: if, else, elseif, foreach, include, etc...

Smarty Template Engine
• Exemplo de funções internas
– if/else

Smarty Template Engine
• Exemplo de funções internas
– include

Smarty Template Engine
• Funções (cont..)
– Existem dois tipo de funções (cont...):
• Personalizadas – São funções bastante úteis
no dia-a-dia do seu desenvolvimento, fazendo
com que você não tenha que “reinventar a
roda”.
– Ex.:assign, counter, cycle, debug, eval, fetch,
html_checkboxes, html_image, html_options,
html_radios, html_select_date, html_select_time,
html_table, math, mailto, etc...

Smarty Template Engine
• assign e display:
– assign: Para que possamos usar as variáveis
nos templates é preciso primeiramente
atribuí-las, bem como setar seus respectivos
valores.

Smarty Template Engine
– display: esse método direciona para o
caminho onde o template que será usado se
encontra.

Smarty Template Engine
• Exemplo de funções personalizadas
– Sections: Os 'sections' de template são usados
para percorrer os dados de uma matriz. Todas as
tags section devem ser finalizadas com /section.
Os parâmetros obrigatórios são name e loop.
– Cycle: Cycle é usado para fazer um clico através
de um conjunto de valores. Isto torna fácil
alternar entre duas ou mais cores em uma tabela

Smarty Template Engine
• Exemplo de section e cycle

Smarty Template Engine
• html_options:é uma função personalizada que cria um
grupo html option com os dados fornecidos.
e no template....

Smarty Template Engine
• Arquivos de configuração
– Você pode usar variáveis que são
carregadas de arquivos de configuração.
– Elas são referenciadas colocando entre “#”

Smarty Template Engine
• Exemplo:
– Declarando as variáveis
tituloPagina = \"Menu Principal\"

Smarty Template Engine
• Exemplo
– E no template que você irá usar...
• {config_load file=\"teste.conf\"}
• <title>{#tituloPagina#}</title>

Smarty Template Engine
• Caching
– Usado para aumentar a velocidade em
chamadas display() ou fetch().
– Aumenta a velocidade, uma vez que os
tamplates usados estão em cache
– Uma vez armazenado no cache, as páginas
não precisam serem processadas novamente
agilizando o processo

Smarty Template Engine
• Caching

Smarty Template Engine
Mas Cuidado!!!!

Smarty Template Engine
Preste bem atenção...

Smarty Template Engine
• Se você tem uma página que muda o
conteúdo frequentemente (como uma
página de notícias), verifique se o tempo
de cache (cache_lifetime) condiz com o
intervalo de uma notícia postada de outra..

Conclusão
• Desacoplar lógica do layout facilita a vida
de todos os participantes do projeto
• Reuso e manutenção de código se tornam
mais simples e menos dolorosos de serem
feitos
• O Smarty é uma alternativa interessante
de fazer isso

Smarty Template Engine
Dúvidas?!

Smarty Template Engine
contato@marcusantonius.info
http://www.marcusantonius.info

Referências
• http://smarty.php.net
• http://pt.wikipedia.org/wiki/C
%C3%B3digo_espaguete
• http://imasters.uol.com.br/artigo/3326/ph
p/trabalhando_com_smarty_-_parte_01/