Creando Administrador del CMS
Entremos a lo bueno del CMS, la creación del administrador de contenidos, en el tutorial se tratará de que cumpla con los requisitos básicos, no entraremos en temas, como por ejemplo login para centrarnos únicamente en lo que requerimos principalmente.
Creamos en public un directorio llamado admin, dentro de este creamos tres archivos llamados index.php, header.php y footer.php. Crear un directorio llamado lib y crear un archivo llamado data.php.
- data.php: Será el encargado de realizar consultas a la base de datos. Por ahora solo necesitamos incluir los archivos de configuración del sitio y conexión a la base de datos.
<?php $path = dirname(__FILE__); require_once( $path . '/../../../setting/config.php'); require_once( $path . '/../../../setting/mysql.php'); ?>header.php: Encabezado del administrador, como la hoja de estilos, título, etc.
<?php require_once('lib/data.php'); ?> <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Administrador CMS</title> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css"> <link rel="stylesheet" href="css/style.css"> </head> <body>
También agregué para el tutorial un par de estilos en un archivo llamado style.css dentro de un directorio llamado css.
.select-editable { position:relative; background-color:white; height:35px; } .select-editable select { position:absolute; top:0px; left:0px; font-size:14px; border:none; width:120px; margin:0; } .select-editable input { position:absolute; top:0px; left:0px; width: 95%; padding:1px; font-size:12px; border:none; } .select-editable select:focus, .select-editable input:focus { outline:none; } .mid-page, form, table{ padding-top: 20px; width: 80%; margin: 0 auto; }
- footer.php: Pie del administrador, contiene el cerrado del body y html, archivos javascript, etc.
</body> </html>
- index.php: Contiene el menú principal del administrador.
<?php include 'header.php'; ?> <div class="pure-menu custom-restricted-width"> <span class="pure-menu-heading">Menú</span> <ul class="pure-menu-list"> <li class="pure-menu-item"><a class="pure-menu-link" href="page-contenido.php">Ingresar Contenido</a></li> <li class="pure-menu-item"><a class="pure-menu-link" href="page-consultar.php">Consultar Contenido</a></li> <li class="pure-menu-item"><a class="pure-menu-link" href="page-configuracion.php">Configuración</a></li> </ul> </div> <?php include 'footer.php'; ?>Si te fijas index.php incluyo los dos archivos header.php y footer.php, Todo esto está hecho de esta manera para poder organizar bien el CMS. Probemos en nuestro navegador que todo marcha correctamente con lo que llevamos hasta ahora. Ingresa en: http://localhost/cms/public/admin
Y el código está organizado de la siguiente forma hasta ahora:
Muchas gracias, es un tutorial que voy a leerlo con calma. Lo he visto por encima y es super completo. Saludos.