Cargando



Aprende a crear tu propio CMS y no morir en el intento

Completo manual para aprender a realizar tu propio CMS de calidad y bien implementado desde la bbdd y todos sus puntos vitales.


may 30 2016 11:28
Profesional

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>
Nota
Cabe anotar que para el tutorial usaré un framework para la hoja de estilos llamado Pure (Mayor información: http://purecss.io/). No es obligatorio para la realización del CMS, puedes usar el que más te guste o crear estilos propios.

 

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

 

crear-propio-cms-4.jpg

 

Y el código está organizado de la siguiente forma hasta ahora:

 

crear-propio-cms-5.jpg

 


¿Te ayudó este Tutorial?


14 Comentarios

Muchas gracias, es un tutorial que voy a leerlo con calma. Lo he visto por encima y es super completo. Saludos.

Graciasss, he sacado unas ideas jeje

Menudo curro te has pegado, yo me embarqué en la aventura de crear mi propia web sin conocer nada de nada de programación, hice una web de anuncios clasificados sin saber , la verdad , dónde me metia, si o hubiera sabido probablemente no lo habría hecho.

 

Unas cuantas veces estuve a punto de dejarlo por que veia que se me apoderaba, lo que pasa es que llegado a un punto sería tirar todo el trabajo por la borda.

 

Lo que más me ha gustado de intentarlo es lo que se aprende sobre html, php, bases de datos, diseño, etc, aunque es un trabajo muy laborioso.

 

La web la teminé este año pasado y está en marcha, no es nada del otro mundo pero ahí está, lo que pasa es que le falta un empujoncillo, a ver si saco tiempo y puedo promocionarla un poco más.

Quien quiera hecharle un vistazo se llama ZonAnuncio, y si quereis anunciaros estais invitados, es totalmente gratuita y solo para España.

 

Un Saludo y ánimo, felicidades por el trabajo.


José Villarroel
oct 23 2016 04:38

no puedo descargar el cms, me pide loguearme, pero melogueo y me vuelve a pedir que me loguee


Aldair Floréz
nov 13 2016 00:29

La descarga no funciona ¿ sera que nos podrías compartir el código ?


Pablo Santos
nov 13 2016 17:53

La descarga no funciona ¿ sera que nos podrías compartir el código ?

 

Yo pulso en el enlace cms.zip este y me deja bajarlo. ¿Que navegador usais para descargarlo? Yo uso Chrome y sin problemas...


Pablo Santos
nov 13 2016 17:55

Por cierto que no he dicho nada, impresionante tutorial. bravo solvetic.


Aldair Floréz
nov 14 2016 05:41

Amigo cada vez que voy a descargar me pide el login, me logueo de nuevo y me sigue pidiendo logueo. y nunca lo puedo descargar, serias tan amable de enviarmelo a este correo aldairflorezacuna@gmail.com


Esterlin Perez
nov 24 2016 23:24

Buenoas el tutorial esta bastante bueno gracias de ante manos me gustaria saver como ver un listado de categoria si es posibles


Jorge Bastidas
feb 07 2017 19:14

Buenas amigo, estoy realizando un manejador de contenido siguiendo las pautas de este tutorial, ya estoy finalizando las funciones y tengo problemas con la función de analizar contenido, si hay alguna forma de contactar para mostrarte mi código y ver que problema puede tener, utilizo PHP 5.6, mi correo es jorgebastidas9@gmail.com


CristianCardona
abr 04 2017 22:40

Apenas los conocí los felicito excelente tutorial


Skullkrusher314
ago 15 2017 03:21

Hola chicos, me podiran ayudar en algo?

¿Como podria hacer una funcion para borrar un post/pagina desde el editor?

Estimados, tengo el siguiente problema. Ayuda por favor

 

Warning: require_once(C:\xampp\htdocs\cms\public/../../../setting/config.php): failed to open stream: No such file or directory in C:\xampp\htdocs\cms\public\data.php on line 3

Buenas noches, felicito al autor del tutorial ya que considero que es excelente base para empezar.

Y mi pregunta es la siguiente ¿bajo que licencia distribuyen el código?

¿Puedo usar parte del código para crear un cms "más completo" y distribuirlo?

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!

X