RSS

Curso Codeigniter 2/5

28 Dic

En esta entrega vamos a aprender la estructura de Controlador-Vista y dónde poner la carpeta que contendrá el css, img y js de la aplicación. El objetivo de esta entrega es separar la estructura de un sitio web en vistas de Codeigniter para poder usarlas en cualquier momento, esto agiliza en gran medida el desarrollo de las páginas que conforman un sitio web y/o aplicación.

Cuando inicié con Codeigniter no sabía dónde poner los archivos css, img y js. Después de investigar por aquí y por allá, el mejor lugar para poner esta carpeta, es en el root del proyecto como se muestra en las siguientes imágenes (ojo! tú le puedes poner el nombre que más te acomode, yo le puse assets):


Como todos sabemos, una estructura básica de una página HTML es la siguiente:

Es bien sabido que lo único que cambia de un sitio web estático es lo que está entre el <body> </body>. Veamos la siguiente imagen:

Lo que vamos hacer es separar en dos vistas esta estructura. La parte de verde es donde se cargan los css y la parte azul es donde se cargan los js y se cierran las etiquetas de body y html.

Entonces, en la carpeta VIEWS vamos y creamos la carpeta headfoot y dentro de ésta habrá dos archivos php como lo muestra la imagen:

header.php contiene:

footer.php contiene:

En el zip de esta entrada, todos estos archivos tienen una explicación que aquí no puse por temas de visibilidad y no perder la idea general.

De este modo ya tenemos separado el header y footer del sitio web y ahora vamos a ver el controlador que llamamos Inicio.php en la carpeta controllers y cargaremos estas dos vistas como sigue:

Al momento veremos una página en blanco, pero si vemos el código haciendo CTRL + U, veremos esto:

Hasta aquí llegamos con esta entrada. Puedes descargar el zip de esta entrada y ver todos los cambios respecto a la primer entrada. Espero que me quieras compartir tus avances y/o dudas en el grupo de facebook del curso

En mi sitio web personal, están todas las entradas del curso en este link

Si te interesa probar tus proyectos en un hosting y dominio gratuitos, te recomiendo ampliamente 000Webhost. En este artículo te cuento sobre 000Webhost el pionero de los hosting gratuitos que sin duda es el mejor.

Anuncios
 
1 comentario

Publicado por en 28 diciembre, 2016 en Codeigniter, PHP

 

Etiquetas: , , , ,

Una respuesta a “Curso Codeigniter 2/5

  1. julio montaño

    12 febrero, 2018 at 21:01

    Saludos. Muy bueno tu tutorial de codeIgniter. Me ha servido de mucho. Una observación. En esta entrada falto colocar la modificación que debe hacerse al routes.php, ubicado en la carpeta config; de manera de definir el controlador de inicio para que pueda visualizarse el ejemplo que pusiste. La linea quedaria asi: $route[‘default_controller’] = ‘inicio’;
    Por su puesto, dependerá del nombre que cada quien le haya colocado.
    De nuevo felicitaciones.

     

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: