Gestor de noticias (Quinta parte): Paginación
Bueno hoy dedicaré esté post a la paginación en CodeIgniter, ya que es un tema que para una cosa o para otra siempre acaba saliendo y acabamos con un quebradero de cabeza monumental cuando intentamos crear una buena paginación.
Cómo toda aplicación web típica, CodeIgniter nos plantea una solución, así que siempre haced uso de su guía y buscad lo que os haga falta, que os aseguro que la mayor parte del tiempo lo encontraréis. En este caso haremos uso de la "Pagination Class".
[DEMO] Podéis ver aquí cómo quedará todo después de lo que os explicaré a continuación.
Ojo: si veis que no hay ninguna noticia puesta, probad de añadirlas con el link que hay ya que en un post anterior puse el scaffolding para testear y es posible que alguien lo haya borrado para probarlo.
Para usar la paginación en nuestra web necesitaremos proceder en 3 pasos:
- En el controlador: cargar la librería con la configuración que deseemos.
- Modificar la consulta de la base de datos para que nos muestre sólo una parte en vez de todos los resultados.
- Añadir los enlaces (los números) para que el usuario pueda navegar a través de las páginas generadas.
Introduciendo JQuery
Hoy en día usar Javascript en tus webs se ha convertido en algo imprescindible, para formularios, controlar elementos de tu web sin "recargar", usar AJAX o darle algunos toques "flasheros" a tus diseños.
Cómo todo lenguaje de programación, se puede empezar a aprender desde 0 y programando tus códigos al 100% o usar librerías o frameworks que otra gente se ocupa de testear, mejorar y reparar por ti, con lo que te simplifica y en muchos casos te mejora el resultado de estos mismos.
De las muchas librerías "famosas" que existen para Javascript a mi me gustaría hablaros de JQuery porque de las que he probado es la que me ha parecido mejor documentada, la que tiene mas plugins disponibles y en general una comunidad mas grande detrás del proyecto.
Tal y como nos cuentan los autores de JQuery en su web:
- Escribe menos haz mas
- JQuery es rápido y conciso
- Te simplifica el trabajo de recorre tus documentos HTML
- Manejar eventos
- Hacer animaciones
- Añadir interacciones AJAX en tus webs
- JQuery esta diseñado para cambiar la manera de programar en Javascript.
Mas adelante escribiré artículos mas concretos sobre JQuery y alguno de sus plugins mas famosos y utilizados, pero para este post de introducción he preparado unos cuantos ejemplos típicos para comparar como serian unos códigos en Javascript básico y otros usando JQuery (sin contar la seguridad, compatibilidad y optimización en general).
Fuente: JQuery.com
Nueva versión de CodeIgniter 1.62
Ayer salió la nueva versión de CodeIgniter, la 1.62, que trae bastante mejoras y correcciones de fallos y bugs en general. Podéis ver la lista de cambios aquí.
Para actualizaros a la nueva versión de CodeIgniter, no tenéis mas que sustituir toda la carpeta system de la nueva versión, menos la carpeta application claro está ya que ahí es dónde tenemos todo nuestro código de la aplicación.
Gestor de noticias (Cuarta parte): Formularios y validación
El otro día, en la tercera parte de estos tutoriales os enseñé lo que era el scaffolding y como nos servía para testear rápidamente nuestra aplicaciones, pero realmente no sirve como una herramienta de administración, así que para ello deberemos crear un formulario que nos permita añadir nuevas noticias a la web.
Para ello necesitaremos:
- Formulario para añadir los datos
- Código que nos valide que los datos del formulario son correctos
- Código que nos añada lo que recogemos del "1" a la base de datos.