Crear plantilla tpl en Smarty
En este tutorial aprenderemos cómo crear una plantilla en el gestor de plantillas Smarty de Php y veremos algún ejemplo práctico. Crear plantilla tpl en Smarty
¿Qué es Smarty?
Smarty es un motor de plantillas para PHP. Su finalidad es separar la aplicación lógica y el contenido en la presentación.
Ver Instalar Smarty en Windows
Cómo crear nuestra primera plantilla en Smarty
En primer lugar debemos diferenciar bien donde van a ir los archivos. Siguiendo con el tutorial de instalación de Smarty en Windows, nuestras carpetas serán:
- Carpeta de plantillas «C:\xampp\plantillas_smarty«
En la carpeta de plantillas debemos crear una carpeta para cada proyecto con el nombre del mismo, y dentro de la misma, otras cuatro carpetas obligatorias: config, templates y templates_c
Nuestra primera plantilla la crearemos dentro de la carpeta «templates»
- Carpeta de Php «C:\xampp\htdocs\Smarty«
En la carpeta donde irán nuestros archivos php, las imágenes el resto de archivos css, js, etc.. que contenga nuestro proyecto. En este ejemplo comenzaremos con un solo archivo
Separación entre Html y Php
- Código Html
El código Html de nuestro proyecto irá en el archivo «ejemplo1.tpl«. Para este ejemplo crearemos un archivo html básico donde incluiremos sólo dos variables en Php
Como podemos ver, estamos utilizando dos variables $nombre_smarty y $edad_smarty dentro del archivo html, con la sintaxis propia de Smarty. Estas variables estarán definidas en el archivo Php y el archivo de la plantilla lo único que hace es utilizarlas.
- Código Php
En el archivo «ejemplo1.php» debemos incluir la clase Smarty, crear una instancia de la misma y añadir las rutas de las carpetas de nuestra plantilla. Después nuestro código php, y por último debemos asignar las variables que serán usadas en el archivo «ejemplo1.tpl«. Por último imprimimos por pantalla la plantilla.
Código de los archivos de ejemplo
- Archivo «ejemplo1.tpl«
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>Hola Smarty</h1>
<p>Nombre: {$nombre_smarty}</p>
<p>Edad: {$edad_smarty}</p>
</body>
</html>
- Archivo «ejemplo1.php«
<?php
require_once('Smarty.class.php');
$smarty = new Smarty;
$smarty->template_dir = 'C:\plantillasSmarty\ejemplo1\templates';
$smarty->compile_dir = 'C:\plantillasSmarty\ejemplo1\templates_c';
$smarty->config_dir = 'C:\plantillasSmarty\ejemplo1\configs';
$smarty->cache_dir = 'C:\plantillasSmarty\ejemplo1\cache';
$nombre = "Juan";
$edad = "25";
$smarty->assign('nombre_smarty', $nombre);
$smarty->assign('edad_smarty', $edad);
$smarty->display('ejemplo1.tpl');
?
Ejecución del programa «ejemplo1«
La ejecución del programa se hace a través de un servidor php. Como cualquier archivo php que queramos ejecutar, necesita de un servidor. Para este ejemplo hemos usado Xampp. Ver instalación de Xampp en Windows
Ejecutaremos el archivo «ejemplo1.php» en nuestro navegador escribiendo «localhost/Smarty/ejemplo1/ejemplo1.php«.
2 ideas sobre “Crear plantilla tpl en Smarty”
Gracias por compartir con todos nosotros toda esta amena información. Con estos granitos de arena hacemos màs grande la montaña Internet. Enhorabuena por este blog.
Saludos
La tarea de compartir los conocimientos,aunque sean pocos, es dura pero tiene sus recompensas. Muchas gracias.