[Aporte] Webs modulares

[Triby]

Todos los archivos necesarios para este ejemplo están disponibles en web-modular.rar, incluyendo el mini-sistema de plantillas que publiqué anteriormente.

Puedes verlo funcionando en: http://www.e-azteca.com/web-modular/

Para poder crear webs modulares sin complicarnos con sesiones, cookies, redirecciones por header, etc., debemos evitar enviar salida al navegador (espacios, saltos de linea, etiquetas html, etc.) hasta que tengamos lista la información que se desea presentar.

En este ejemplo no incluyo sesiones, ni bases de datos, ni redirecciones, pero sí un formulario de contacto con 3 campos, validados, faltando solo el envío de datos por correo electrónico, ya que hay diferentes formas de hacerlo y solo se requiere insertar el código de tu preferencia.

index.php

Código php:

<?php
define('CONSTANTE', 1);
// Definimos los módulos que vamos a utilizar en la web, pueden obtenerse tambien desde base de datos o en un archivo por separado ej: config.php
// clave => array(Nombre de página, archivo a incluir)
$modulos = array(
    'ini' => array('Página principal', 'home.php'),
    'emp' => array('La empresa', 'empresa.php'),
    'cnt' => array('Contacto', 'contacto.php')
);
 
// Incluimos el mini sistema de plantillas
include 'template.class.php';
$html = new TplParser('index.tpl', 'plantilla/', 'auxiliar/');
 
// Obtenemos y verificamos el modulo que se va a mostrar o lo asignamos por default
$modulo = (isset($_GET['mod'])) ? trim($_GET['mod']) : 'ini';
 
// En esta parte sería más conveniente crear un mensaje de error
// Pero dejamos por el momento que se abra la página principal
if(!isset($modulos[$modulo]))
    $modulo = 'ini';
 
// Creamos los valores a reemplazar en la plantilla
$etiquetas = array(
    'titulo' => $modulos[$modulo][0] . ' - Web Modular',
    'meta_keys' => 'Palabras,clave,del,sitio,o,la,página',
    'meta_descrip' => 'Esta página es un ejemplo para crear Webs modulares con o sin base de datos',
    'tpl_url' => 'plantilla/', // Ruta relativa a la URL del directorio de plantilla actual
    'titulo_ventana' => "<h1>Web Modular - {$modulos[$modulo][0]}</h1>",
    'menu' => crear_menu($modulo),
    'regreso' => crear_menu($modulo, 'regreso')
);
 
// Asignamos los valores a las etiquetas de la plantilla
$html->assignVars($etiquetas);
 
// Incluimos el archivo que corresponde a la seccion
$archivo = 'modulos/' . $modulos[$modulo][1];
if(file_exists($archivo))
    include $archivo;
else {
    $html->tags['subtitulo'] = '<h2>Error del sistema</h2>';
    $html->parseAll();
    echo $html->header();
    echo '<p>Error, el módulo solicitado no existe en el sistema.</p>';
    echo $html->footer();
}
 
 
function crear_menu($mod, $ul = 'menu') {
    global $modulos;
    $ret = "<ul id=\"$ul\">\n";
    foreach($modulos as $mk => $mv) {
        $act = ($mk == $mod) ? ' class="activo"' : '';
        $ret .= "<li><a href=\"index.php?mod=$mk\"$act>{$modulos[$mk][0]}</a></li>\n";
    }
    $ret .= '</ul>';
    return $ret;
}
 
?>
 

... Continuará en el siguiente mensaje con archivos internos ...

[Triby]

modulos/home.php

Código php:

<?php
if(!defined('CONSTANTE')) {
    header('HTTP/1.0 403 Forbidden');
    die('No tienes permisos para ver el contenido del directorio o abrir este archivo.');
}
 
// Cambiamos algunas etiquetas si es necesario
$html->tags['script'] = '<!-- Aquí el código para cargar algun javascript -->';
$html->tags['subtitulo'] = '<h2>Bienvenidos a esta web de ejemplo</h2>';
 
// Procesamos todas las etiquetas
$html->parseAll();
 
// Enviamos el encabezado de la página
echo $html->header();
 
// Desplegamos el contenido de la página.
?>
 
<p>Este es un ejemplo para crear webs modulares, tomando los parámetros por URL (método GET) y usamos el
<strong><a href="http://www.forosdelweb.com/f18/aporte-mini-sistema-plantillas-677462/">mini sistema de plantillas</a></strong>
que publiqué en Foros del Web.</p>
 
<p><strong>Nota:</strong> Todos los archivos necesarios para probar este ejemplo están disponibles para descarga en un único archivo
comprimido: <strong><a href="http://www.e-azteca.com/web-modular.rar">web-modular.rar</a></strong></p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, purus sit amet laoreet placerat, arcu magna fringilla turpis,
malesuada tincidunt neque massa nec lectus. Sed nec dui. Praesent libero. Vivamus justo. Quisque tincidunt est a eros. Duis ipsum.
Morbi cursus. Fusce turpis. Phasellus auctor lacus. Nulla ante. Nulla laoreet urna et nibh. Donec eget lacus. Quisque congue urna.
In diam neque, feugiat ut, hendrerit id, sagittis et, eros. Nam laoreet risus sed nisi.</p>
 
<?php
// Enviamos el pie de página
echo $html->footer();
?>
 

modulos/contacto.php

Código php:

<?php
if(!defined('CONSTANTE')) {
    header('HTTP/1.0 403 Forbidden');
    die('No tienes permisos para ver el contenido del directorio o abrir este archivo.');
}
 
$errores = array();
 
if(isset($_POST['enviado'])) {
    $nombre = trim($_POST['nombre']);
    $email = trim($_POST['email']);
    $comentarios = trim($_POST['comentarios']);
    if(strlen($nombre) < 5 || strlen($nombre) > 30)
        $errores['nombre'] = 'Teclea tu nombre usando entre 5 y 30 caracteres.';
    if(!email_valido($email))
        $errores['email'] = 'Teclea una dirección válida de correo electrónico.';
    if(strlen($comentarios) < 50 || strlen($comentarios) > 500)
        $errores['comentarios'] = 'Teclea tus comentarios usando entre 50 y 500 caracteres.';
    if(count($errores) == 0) {
        // Aqui es donde se pondria el codigo para enviar el mensaje por email
        // Hasta aquí todavía podemos redireccionar, porque no ha habido salida HTML
        //    pero seguiremos aquí mismo para no agregar otro archivo más
 
        // Cambiamos algunas etiquetas si es necesario
        $html->tags['subtitulo'] = '<h2>Mensaje enviado</h2>';
 
        // Procesamos todas las etiquetas
        $html->parseAll();
 
        // Enviamos el encabezado de la página
        echo $html->header();
 
        echo '<p>Tu mensaje fue enviado correctamente. Gracias.</p>';
 
        // Enviamos el pie de página
        echo $html->footer();
        return; // Tambien se puede usar exit; para finalizar la ejecución
    }
}
 
 
// Cambiamos algunas etiquetas si es necesario
$html->tags['subtitulo'] = '<h2>Formulario de contacto</h2>';
 
// Procesamos todas las etiquetas
$html->parseAll();
 
// Enviamos el encabezado de la página
echo $html->header();
 
// Desplegamos el contenido de la página.
?>
    <p>Aquí ponemos un texto para invitar a los usuarios a que nos envíen sus comentarios, dudas o sugerencias.</p>
    <form method="post" action="index.php?mod=cnt">
    <fieldset>
        <legend>Formulario de contacto</legend>
        <input type="hidden" name="enviado" value="1" />
        <label for="nombre">Nombre:</label>
        <div><input type="text" name="nombre" id="nombre" value="" size="30" /></div>
        <?php ver_error('nombre'); ?>
 
        <label for="email">Correo electrónico:</label>
        <div><input type="text" name="email" id="email" value="" size="30" /></div>
        <?php ver_error('email'); ?>
 
        <label for="comentarios">Comentarios:</label>
        <div><textarea name="comentarios" id="comentarios" rows="10" cols="50"></textarea></div>
        <?php ver_error('comentarios'); ?>
 
        <div class="margen-izq"><input type="submit" value="Enviar" /></div>
    </fieldset>
    </form>
 
<?php
// Enviamos el pie de página
echo $html->footer();
 
function ver_error($campo) {
    global $errores;
    if(isset($errores[$campo]))
        echo "<div class=\"frm-error\"><strong>Error:</strong> {$errores[$campo]}</div>\n";
}
 
function email_valido($email) {
    return preg_match('/^(([^<>()[\]\\.,;:\s@"\']+(\.[^<>()[\]\\.,;:\s@"\']+)*)|("[^"\']+"))@((\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\])|(([a-zA-Z\d\-]+\.)+[a-zA-Z]{2,}))$/', $email);
}
?>
 

Archivos que omití por ser obvios, estar dentro del archivo comprimido y/o en el tema de plantillas:
- template.class.php
- modulos/empresa.php
- plantilla/index.tpl
- plantilla/plantilla.css

[harvestmoon]

buen aporte gracias aunke no entendi el contenido jaja (texto ) :(

[acoevil]

Exelente explicacion gracias por tu aporte