Sistema minimalista de templates
5 participantes
Treva Fórum :: TREVA FÓRUM :: Área - Habbo Hotel :: Habbo - Desenvolvimento :: Desenvolvimento de site
Página 1 de 1
Sistema minimalista de templates
Sistema minimalista de templates
Este pequeno tutorial mostra como usar um sistema de templates leve e compacto. Tudo se resume a uma função que substitui tags num template por conteúdo que pode ser obtido programaticamente.
Os templates ficam guardados um por arquivos e são carregados quando for preciso mostrar uma página, ou parte dela.
Templates
Um template pode contem a estrutura/design de uma página ou de parte dela.
O conteúdo será colocado nos sítios onde aparecem tags entre chavetas. O exemplo seguinte explica-se a si próprio:
ficheiro index.tpl.htmlO template usado neste exemplo não tem estilos CSS
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>{TITULO}</title>
<meta name="description" content="{DESCRICAO}" />
</head>
<body>
<div id="cabecalho">
{CABECALHO}
</div>
<div id="titulo">
<h1> {TITULO} </h1>
</div>
<div id="descricao">
{DESCRICAO}
</div>
<div id="conteudo">
{CONTEUDO}
</div>
<div id="rodape">
{RODAPE}
</div>
</body>
Função de substituição
A função que carrega o template é bastante simples. Tudo o que faz é abrir um ficheiro de texto, colocar o seu conteúdo numa string e substituir ocorrências da chave do array recebido como segundo argumento pelo conteúdo do elemento do array. Por motivos de simplicidade as chavetas não são passadas no array de argumentos.
- Código:
function load_template($file,$tags){
#Abrir o ficheiro que contem o template
$html_output = file_get_contents($file);
#substituir as tags pelo respectivo conteudo
foreach ($tags as $tag => $replaceby){
$tag = "{".$tag."}";
$html_output = str_replace($tag, $replaceby, $html_output);
}
return $html_output;
}
Utilização
Usar este sistema de templates é trivial, tudo o que é preciso fazer é chamar a função de substituição com os parâmetros adequados.
- Código:
#definição do conteudo da página
$tags = array(
"TITULO" => 'Teste do sistema de templates',
"DESCRICAO" => 'Um pequeno teste só para mostrar o potencial deste sistema de templates',
"CABECALHO" => '',
"CONTEUDO" => 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus ac magna. Vestibulum malesuada ipsum varius lectus. Vestibulum in odio. Suspendisse non turpis. Praesent vulputate nisl vitae nisi. Sed a urna. Sed in ligula. Nunc sapien. Duis ac nulla. Pellentesque dolor mauris, adipiscing id, rhoncus at, sollicitudin eget, nisi. Nam metus orci, tristique vel, suscipit nec, condimentum nec, lacus. Nullam interdum. Fusce diam. Integer aliquet varius nisl',
"RODAPE" => '<a herf="http://trevaforum.forumeiros.com/">Treva Forum</a> | <a herf="http://xsnakesite.xp3.biz/"><font color="4">X</font>Snake Site</a>'
);
#carregar o template
echo load_template("index.tpl.html",$tags);
XSnake1996- Administradores
- Mensagens : 48
Moedas : 0
Pixels : 5157
Respeito : 3
Data de inscrição : 11/06/2010
Idade : 28
Re: Sistema minimalista de templates
gostei D:
Última edição por pepeghj em Ter Out 30, 2012 9:42 pm, editado 1 vez(es) (Motivo da edição : GOSTEI)
pepeghj- [TF] Membro
- Mensagens : 6
Moedas : 1
Pixels : 4604
Respeito : 0
Data de inscrição : 11/10/2011
Treva Fórum :: TREVA FÓRUM :: Área - Habbo Hotel :: Habbo - Desenvolvimento :: Desenvolvimento de site
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Sex Mar 12, 2021 2:56 am por Convidado
» Duelo Melhor Versão De Fan Site Habbo !!
Dom Jun 01, 2014 11:17 pm por dj.lucasvictor
» Layout da TUNEPIXEL.COM
Dom Jun 01, 2014 11:03 pm por dj.lucasvictor
» [Downlaod]Pacotão de Imagens para Habbo
Seg maio 05, 2014 10:53 pm por cocas42
» Pack de pixel art
Seg Nov 04, 2013 3:59 am por Navex
» Habbo Pirata (02/10/2013)
Dom Set 29, 2013 12:00 am por Indien
» Layout Bem legal
Sex Ago 09, 2013 3:01 am por FoGuInHoO-
» Otimos layouts para vc e seu habbo ou seu fan site ou retro !!!
Qui Mar 28, 2013 3:15 am por Stecker
» Pacotão Pixel Art [DOWNLOAD]
Qui Fev 28, 2013 10:50 pm por X.Hitman.X