Smarty

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 = quot;Menu Principalquot;

Smarty Template Engine • Exemplo – E no template que você irá usar... • {config_load file=quot;teste.confquot;} • <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/

http://www.marcusantonius.info	37
http://www.slideshare.net	14

Smarty

by Felipe Ribeiro on Nov 30, 2008

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 51

Statistics

Smarty — Presentation Transcript