Muy facil, sigue con php, yo uso templates y mucho css para el diseño, asi me queda independiente del código.
Esta es la clase para la plantilla que uso -->
Código php:
Ver originalclass plantilla{
function __construct($template_file)
{
$this->tpl_file = $template_file;
}
function asigna_variables($vars){
$this->vars= (empty($this->vars)) ?
$vars : $this->vars . $vars; }
function retorna()
{
if (!($this->fd = @fopen($this->tpl_file, 'r'))) { echo ('error al abrir la plantilla ' . $this->tpl_file);
} else{
$this->template_file = fread($this->fd, filesize($this->tpl_file)); $this->mihtml = $this->template_file;
$this->mihtml = str_replace ("'", "\'", $this->mihtml); $this->mihtml = preg_replace('#\{([a-z0-9\-_]*?)\}#is', "' . $\\1 . '", $this->mihtml); while (list($key, $val) = each($this->vars)) { $$key = $val;
}
eval("\$this->mihtml = '$this->mihtml';"); while (list($key, $val) = each($this->vars)) { }
return $this->mihtml;
}
}
function muestra()
{
echo $this->retorna();
}
}
Para usarle pone en la plantilla las áreas a reemplazar como
<!-- Plantilla.html -->
<span class="xxx">{Texto1}</span>
<img src="{DireccionImagen1}" alt="{altImagen}">
Luego en PHP se crea el objeto a partir del archivo html -->
Código php:
Ver original$PlantillaEjemplo = new Plantilla("Directorio/Plantilla.html");
Y se le asignan las variables -->
Código php:
Ver original$PlantillaEjemplo->asigna_variables
'Texto1' => "Hola Mundo",
'DireccionImagen1' => "/Imagenes/Imagen1.png",
'altImagen' => "Imagen 1"
));
Luego se puede almacenar en una variable
Código php:
Ver original$Variable1 = $PlantillaEjemplo->retorna();
O Imprimir directamente
De esta manera se separa el diseño de la lógica y no tiene que aprender un lenguaje nuevo.