Gestor de noticias (Primera parte): Maquetación
Mientras pensaba cuál sería mi siguiente artículo, se me ocurrió que en vez de un artículo donde yo expongo un tema y vosotros os lo creéis (o no), crear una pequeña aplicación en CodeIgniter paso a paso, de manera que viendo un resultado final de cada explicación se verá y se entenderá todo mucho mejor.
La aplicación será un “típico” gestor de noticias dónde se puedan añadir nuevas entradas, editarlas y borrarlas. Intentaré ir paso a paso ilustrando con ejemplos cada una de las explicaciones y dividiré este pequeño “taller” en unos cuantos posts diferentes, así que la mejor manera es seguir paso a paso y en orden, pero seguro que si alguno busca información concreta seguramente la encontrará en alguno de ellos.
En este primer tema crearemos la estructura en XHTML y CSS que tendrá nuestra aplicación (algo sencillo), y de paso veremos cómo separar el diseño y el código para seguir el modelo MVC que usa CodeIgniter.
Una vez instalado el CodeIgniter correctamente, crearemos en la raíz (donde se situa el index.php) un archivo que nos servirá de plantilla (lo llamaré plantilla.php); también crearemos un archivo CSS (será estilo.css) y lo pondremos dentro de una carpeta llamada “css/” en raíz.
He creado una interfaz muy simple pero que nos servirá para nuestro cometido. Al final de este artículo tenéis un enlace para descargaros el contenido de este taller.
Una vez creado, tenemos que diferenciar lo que será nuestra cabecera, contenido y pie de pagina, ya que luego partiremos nuestro diseño en 3 partes, la cabecera y el pie que serán siempre los mismos. El contenido será lo que irá variando.
Como podéis ver en esta imagen, podemos diferenciar claramente las 3 partes en el diseño así que nos será muy fácil encontrarlas en el código.
Para los que antes programabais en PHP cargando por includes, tipo “index.php?seccion=noticias” y poníais algo como “include($_GET['seccion']);“, todo lo que hubiese por encima de eso será la cabecera y por debajo será el pie.
Por lo tanto partiremos nuestra plantilla.php en dos archivos, cabecera.php y pie.php, el primero de éstos contendrá todo el código que haya desde el principio hasta <div id=”contenido”> . Nuestro pie tendrá todo el código que entre </div> (el que cierra contenido) hasta el final. Estos dos nuevos archivos los pondremos en nuestra carpeta “views”, es decir en “/system/application/views/” (que será dónde pondremos todas nuestras vistas de la web).
Para hoy es suficiente, hemos visto cómo partir nuestra web en archivos para que luego (ya veremos en el siguiente taller) cargar nuestra web por partes.
Podéis ver como ha quedado la plantilla de la aplicación aquí.
Hola
Muy bueno el blog, pero tengo un problema con el CodeIgniter me muestra este mensaje
Warning: require_once(../../ci_161/system/codeigniter/CodeIgniter.php) [function.require-once]: failed to open stream: No such file or directory in C:\AppServ\www\CodeIgniter\index.php on line 115
Fatal error: require_once() [function.require]: Failed opening required ‘../../ci_161/system/codeigniter/CodeIgniter.php’ (include_path=’.;C:\php5\pear’) in C:\AppServ\www\CodeIgniter\index.php on line 115
Hecho todo paso a paso y no se que sera… Si me puede dar una mano… Le agradeceria
el problema que tienes no es de la aplicación, sino de la instalación del codeigniter, esta mal hecha.
Mírate esto: http://www.noquieroprogramar.com/como-instalar-codeigniter-en-vuestro-servidor/
HOLA:
LAGARTO LA VERDAD LA INSTALACION NO ES. YA PROBE TODO Y NO ENCUENTRO QUE SE HA LA INSTALACION. SUPONGO QUE ES EL APACHE O EL MYSQL DE PRONTO POR LA VERSION .
MUCHAS GRACIAS POR TU COLABORACION
HASTA PRONTO
tengo el mismo problema que miller…. por favor ayuda… yo utlizo wamp y ya intenté todo y nada
no habréis tocado algo del index.php o algo parecido? esque ya de por si con lo que te bajas de la web ya deberia funcionar.
Buenas.
Los errores que reporta la gente de antes no se deben a que la instalación del codeigniter esté mal hecha, Lagarto. Se debe a las siguientes líneas del index.php:
$system_folder = “../../ci_161/system”;
require_once BASEPATH.’codeigniter/CodeIgniter’.EXT;
Deben poner la ruta correcta a su carpeta system. No da el error porque han “tocado algo”, sino porque no han tocado algo.
Tengo una pequeña duda con los templates. Yo además de cabecera y pie hago también menús por lo que hacía en un div esto
include(“menu.php”);
Cómo puedo hacer esto ahora. Saludos y gracias
Perdon, ya entiendo más o menos como lo tengo que hacer. Supongo que la cuatro partes: cabecera.php, menu.php, contenido.php y pie.php
Gracias de todos modos y enhorabuena por la web
@jose
Hola Jose,
tengo el mismo problena
” require_once BASEPATH.’codeigniter/CodeIgniter’.EXT; ”
puse la ruta a la carpeta system asi
$system_folder = “public_html/system”;
y sigue este error, existe alguna otra solucion en la configuarion de CodeIgniter que repare este error de acceso????