Uso de Plantillas en los Proyectos Web
¿Por que es impórtate separar el código del diseño?
La importancia esta en que al separar los dos se obtiene un código mas legible y claro, ahorrando así mucho tiempo a la hora de depurar el código, como así de mantenerlo o modificarlo ya que los requerimientos cambien.
También se ahorra mucho tiempo a la hora de hacer cambios en el diseño, ya que si el dueño de la pagina quiere cambiar la estructura o cambiar por ejemplo el lugar donde se encuentra una foto, mientras que el diseñador mantenga las variables de template intactas, no habrá problemas con el código fuente y el programador no tendrá intervención en el tema.
Otra ventaja es que se separa el trabajo de los diseñadores y des los programadores, ya que el diseñador solo se concentra en armar la plantilla y el programar en darle contenido ya sea datos procesados, datos almacenados en la base de dato o alguna otra fuente.
A continuación se muestra un ejemplo de una librería (GPL) que esta publicada en la sección descargas de esta pagina, como insertar variables de témplate en el HTML y como inserta contenido en ellas mediante PHP.
Para insertar una variable de témplate en el código HTML donde queremos que aparezca el contenido generado desde PHP ponemos la variable de esta forma: {variable}, después de crear las variables encerramos la misma en una bloque en este ejemplo llamamos “general”, todas las variables deben estar encerradas en un bloque para ser sustituidas, en ejemplos posteriores indicaremos como anidar bloques para generar listados, y estructuras mas complejas.
El ejemplo consiste en mostrar la fecha usando templates.
Código HTML (plantilla):
<html>
<body>
Hoy es: {fecha}
</body>
</html>
<!-- END general -->
A este archivo lo llamaremos prueba.html, este lo debemos guardar
dentro de una carpeta llamada templates, ya que nuestra aplicación buscar las
plantillas dentro de esa carpeta.
Bien ahora creamos el código PHP necesario para mostrar la fecha, en el código usaremos 4 métodos para levantar, insertar y mostrar el contenido de la página, los métodos son:
· set_file(“prueba”, “nombre_template.html”): carga el archivo de plantilla.
· set_var(“nombre_variable_en_html”, “contenido_a_sustituir”): sustituye la variable por el contenido.
· parse(“nombre_de_bloque_contiene_la_variable”): parsea los bloques.
· pparce(“primer_atrivuto_de_set_file”) en este casa prueba: imprime el resultado.
Código PHP:
//incluyo la librería
include_once(“template.php”);
set_file(“prueba”, “prueba.html”);//busco el archivo dentro del directorio templates
set_var(“fecha”, $date(“Ymd”));// seteo la variable fecha
parse(“general”);//parseo el bloque general
pparce(“prueba”); //muestro el archivo
Descargar Libreria de Template
Comentarios