Crear plantilla tpl en Smarty

Crear plantilla tpl en Smarty

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.

¿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

Carpetas de Smarty
Carpetas

Nuestra primera plantilla la crearemos dentro de la carpeta «templates»

Crear fichero tpl en Smarty
Fichero tpl
  • 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

Crear fichero Php en Samarty
Crear fichero Php

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

Ejemplo de código html en Smarty
Código html

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.

Ejemplo de código Php en Smarty
Código Php

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«.

Abrir ejemplo de Smarty en localhost
Abrir ejemplo

Si te ha gustado no olvides compartir en redes sociales.

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

2 ideas sobre “Crear plantilla tpl en Smarty”

Translate »
Ir a la barra de herramientas