[...]
Me quedé pensando ... qué tan difícil puede ser implementar el formulario solicitado utilizando AJAX para implementarlo como una mejor experiencia para el usuario que tiene que digitar la información ? Así fue como el jueves me dí a la tarea de crear mi primera aplicación (de prueba) en AJAX que describo a continuación.
Para el desarrollo de la aplicación tuve las siguientes consideraciones.
- En lugar del autocompletar propuesto incialmente continué con la propuesta del botón de Buscar, sin embargo utilizando AJAX para la comunicación de las consultas.
- El lenguaje del lado del servidor será PHP.
- Utilizar Prototype (http://www.prototypejs.org/) como framework facilitador para la implementación de los llamados AJAX.
- Utilizar SQLite (http://www.sqlite.org/) como medio de almacenamiento.
- Utilizar Creole (http://creole.phpdb.org/) como abstracción del acceso a bases de datos desde PHP.
Creé la siguiente estructura de directorios para mi proyecto.
/ Archivos HTML, PHP y JS.
/data Archivo de almacenamiento de la base de datos.
/lib Almacenamiento librerías de terceros descritas a continuación.
/lib/creole
/lib/prototype
/lib/sqlite
El primer paso fue la creación de la base de datos a partir de la siguiente especificación de tabla.
CREATE TABLE usuario (
documento CHAR(10) NOT NULL,
nombres CHAR(60) NOT NULL,
apellidos CHAR(60) NOT NULL,
email CHAR(128) NOT NULL,
PRIMARY KEY (documento)
);
Con los siguientes registros incluidos como ejemplo.
INSERT INTO usuario VALUES (’123′, ‘PEPE’, ‘PIMENTON’, ‘pepe@pimenton.com’);
INSERT INTO usuario VALUES (’231′, ‘LAURA’, ‘LLANO’, ‘laura@llano.com’);
INSERT INTO usuario VALUES (’321′, ‘MIGUEL’, ‘ARBELAEZ’, ‘miguel@arbelaez.com’);
INSERT INTO usuario VALUES (’213′, ‘PATRICIA’, ‘PEREZ’, ‘patricia@perez.com’);
Esto se realizó de la siguiente manera.
dos> cd RUTA\ajax1\data
dos> ..\lib\sqlite\sqlite.exe database.db < script.sql
Los comandos anteriores crean el archivo ‘database.db’ a patir de la ejecución del ‘script.sql’ el cual contiene lo mencionado anteriormente. Es de notar que el archivo de base de datos se crea en el directorio actual.
A continuación escribí la interfaz de usuario en HTML.
Artículos relacionados:
