viernes, 20 de abril de 2012

Tutorial: Ajax pagination Codeigniter // Paginación con Ajax en CodeIgniter

Hey Hola, como les va a todos, antes que nada vamos a ver el resultado final, o almenos lo que esperamos obtener al final de este articulo.

Photobucket

Como podemos apreciar, los nuevos resultados son anexados de forma asíncrona usando ajax. pretty cool x). Bueno a primera vista solo podríamos decir eso, pero si somos mas cuidadosos podemos ver una pequeña animación la cual nos indica que la consulta para los nuevos registros esta siendo procesada, ademas, el enlace de More Results es des habilitado para prevenir el caso que un usuario impaciente pueda realizar nuevamente click en el enlace si aun haberse completado totalmente la consulta anterior, nuevamente, pretty cool x). y por ultimo, cuando ya no quedan mas registros por ser retornados desde la base de datos, notificamos al usuario que no hay mas registros para mostrar.

Para lograr lo anteriormente explicado vamos a utilizar: Libreria Javascript JQuery para realizar las llamadas ajax a la base de datos. como gestor de base de datos... bueno eso es indiferente, pero como yo uso XAMPP vamos a trabajar con MySql y PhpMyAdmin. y para manejar las vistas y el acceso a la base de datos (osea el MVC) el Framework Codeigniter. creo que no se me olvida nada... bueno, y un poco de CSS.

viernes, 30 de marzo de 2012

JPA CriteriaBuilder, Conjunction, Disjunction, in, like, between, greater Than, lower than

Hola a todos. Después de mucho tiempo sin publicar nada por acá, me gustaría compartir lo que últimamente he aprendido con las lecturas que he realizado y aplicado con éxito en el trabajo. La cuestión en este tema será como crear consultas dinámicas usando el api de persistencia de Java (por sus siglas en inglés JPA).
Para lograr dicho objetivo vamos a utilizar las clases EntityManager y CriteriaBuilder.
Bueno iniciemos con un pequeño ejemplo de cómo sería un método el cual nos retorne todos los registros de la tabla.

sábado, 7 de enero de 2012

How to: Upload Files with Ajax in CodeIgniter // Subir Archivos usando ajax en CodeIgniter

Hola a todos. antes que nada espero que esten pasando un feliz nuevo año y que la mayoria de las metas propuestas puedan ser completadas :D
Bueno, empezando con el tema de la entrada, ahora veremos como subir archivos con el framework php CodeIgniter. para eso vamos a usar la libraria upload que nos proporciona el framework, seria bueno darle una leida al articulo del manual oficial :D.

Pero usando solamente la libreria del framework (que realiza su funcion de una manera excelente) no se logra obtener un funcionamiento asincrono,para ello vamos a usar este grandioso script de javascript el cual podemos descargar desde la web de los desarrolladores aca, en la pagina explican como hacer funcionar el escript, asi que lo que vamos a hacer aca es simplemente integrarlo son CodeIgniter y usar la libreria upload para eso. entonces iniciamos.

jueves, 8 de diciembre de 2011

How to: Create Login with Ajax and CodeIgniter // Crear Login con Ajax y CodeIgniter

Bueno, hola otra vez :D. Últimamente debido a mis pequeños momentos de ocio que he podido tener en el trabajo, me he dedicado a aprender un poco más (nunca esta de mas conocer un poco acerca de las tecnologías actuales :) ) acerca de programación web con PHP 5 y el framework CodeIgniter (version 2.1.0).

Haciendo un poco de lectura en la documentación oficial del framework he decidido llevar a la practica lo que ahí se expone, claro esta, incluyendo una que otra funcionalidad con la libraría de javascript JQuery (usando esta para las llamadas ajax a los controladores [llamadas a bases de datos y demás cosas]).

En este punto doy por entendido que ya tienes Apache, PHP y MySQL instalado, configurado y el Framework CodeIgniter configurado con la base de datos que vamos a usar, de no ser así leer la documentación oficial.
En la base de datos debemos tener una tabla llamada user/usuario/persona/ o como querrás llamarla, eso es irrelevante (en mi caso user), acá una imagen de la estructura:


Ahora crearemos.
  • una vista; la cual llamaremos userLogin.php y esta estara situada en application/views
  • un Controlador; UserController.php y lo guardamos en application/controllers
  • y por ultimo un modelo; UserModel.php, application/models
 Creamos en la raíz del proyecto dos carpetas. llamadas
  • css. acá guardaremos (obviamente) las hojas de estilo y las imágenes del sistema
  • js. carpeta que almacenará la libreria de jquery y jquery-ui.min, entre otros scripts que deseemos crear.
Bueno una vez ya definido la estructura del sistema, ahora definiremos la lógica bajo la cual programaremos el Login.
Por el momento los campos que nos interesan de la tabla user con : password, nickname, email. mediante estos se validara al usuario.
Las llamadas a la base de datos serán de modo asíncronas  lo cual nos va a permitir consultar la base de datos sin necesidad de refrescar el sitio entero.
Empecemos entonces creando el Modelo:

How to: set MaxLength JTextfield // Setear longitud maxima de texto JTextField

Hola a todos :D espero estén pasando bien y preparándose para la celebración de la Navidad (si es que la celebran claro :D). no hay nada de malo en no celebrarla pero muchas veces hay regalos y comida... y lo mejor de todo... Its FREE!! x).
Bueno ya pasando al tema en cuestión. muchas veces (por no decir todas) queremos validar desde la interfaz del usuario la cantidad máxima de caracteres que un campo puede soportar. Cuando creamos una aplicación web la tarea es mas que sencilla, simplemente (si mi memoria no me falla) se hace asi:
Fácil verdad :D. pero en Java. por diferentes razones no existe un método para lograr dicho comportamiento en nuestros JTextField. entonces nosotros creamos una clase a la cual le indicamos la longitud deseada. esto de la siguente manera: