Conheça também: Onmasters . Ofertas . Divulgue! . Vai.la . Geraboleto . Baixa.la . Assista.la . Bloghost

Avaliação: | Publicado em: 11/06/2007

Sistema de templates em PHP

Daniel Krug Daniel Krug é estudante de Ciências da computação na UNISINOS e atua como programador PHP há 4 anos em Porto Alegre.

Criando um sistema de templates

Fala pessoal! Estou escrevendo meu primeiro artigo aqui no Plugmasters e gostaria de começar com um sistema de templates.

Bom, vamos lá, espero que apreciem.

Primeiramente vou falar da utilidade de um sistema de templates.

Imagine que você tenha um site e neste faça modificações com certa freqüência (para eventos, épocas do ano, datas comemorativas, por exemplo). Um sistema de templates tornará sua vida muito mais simples, uma vez que as alterações serão apenas no arquivo do template, deixando o resto do sistema intacto. Um exemplo disso é o próprio site do Google, que tem modificações em datas especiais, como natal, ano novo, dia das crianças e outras mais. Outros exemplos são sites do terra e ig, que geralmente “mutam” uma vez por ano.

Assim, o site terá no mínimo duas camadas: Uma camada da Interface com Usuário (template) e o Modelo de Negócio (programação). Geralmente temos também o Acesso aos dados, mas disso falaremos em outra ocasião.

Isto é um dos princípios da programação em camadas, o que é uma boa leitura para todos que ainda não conhecem.

Para continuar vou pegar um template de exemplo. Eu baixei o Happy_Blog na seção Layouts Prontos aqui do Plugmasters
Clique aqui

Aqui o temos:

Temos então três colunas:

Lateral esquerda: Área do menu.
Central: Área onde colocaremos o conteúdo principal e dos links do menu.
Lateral direita: Área de banners, links e demais conteúdos.

Neste exemplo temos o seguinte HTML

Vamos salvar uma cópia deste arquivo e separá-lo em partes. Primeiro a área do menu. Apague seu conteúdo e coloque o marcador %MENU% (alguns chamam esta técnica de variáveis em HTML). Fica assim:

Reparem que já cortei a área de conteúdo e de banners e coloquei seus respectivos marcadores. 

Como vocês podem ver, o HTML ficou muito simples.
Salve este arquivo com o nome de template.php e edite-o para que fique entre as tags PHP, colocando tudo dentro da variável template. Deverá ficar assim:

Pegue as partes cortadas e salve em arquivos distintos: inc_banners.php, inc_snippet_index.php e inc_menu.php.

inc_banners.php:

inc_snippet_index.php:

inc_menu.php:

Este conceito de arquivos auxiliares (snippets) é bastante interessante, pois cada arquivo é responsável apenas para aquilo que ele foi desenhado.

Vamos criar o arquivo index.php, este é o arquivo que gerenciará todas estas informações do site:

 

Nas primeiras linhas já fizemos a inclusão do template. Poderíamos também fazer esta inclusão com o template dentro de um banco de dados, o que é de igual simplicidade.

Depois incluímos os arquivos auxiliares que criamos e o snippet.

Na linha 8 temos o condicional, onde, se existir um snippet ele é incluído, caso contrário, será incluído o snippet da página inicial.

Um exemplo seria colocar no menu (ou qualquer outro lugar) um link como:
<a href=”index.php?snippet=fale_conosco”>Fale Conosco</a>

Com isto a linha 14 do index.php seria executada, fazendo o include assim: <?php include ("includes/inc_snippet_fale_conosco.php"); ?>

Bom, terminho por aqui este artigo, lembrando que este é um exemplo bastante simples, mas com algum empenho você poderá criar sistemas bem mais complexos tendo como vantagem a manutenção facilitada.

Baixe aqui o exemplo que criamos hoje:

Espero ter colaborado e também continuar escrevendo aqui. Aguardo sugestões para próximos artigos.

Um abraço e até mais!

Daniel Krug

• template.rar