DHX quick tables y como mostrar / actualizar información en una base de datos

Vamos a ver como poder trabajar con la información de una base de datos MySQL mediante el componente DHX quick tables. Esta extensión está especialmente indicada para todos aquellos que desconocen como escribir código para realizar las funciones de editar o actualizar en bases de datos pero necesitan alguna forma sencilla de hacerlo.

Lo primero (y único) que necesitas es descargar el archivo de instalación y subirlo a una carpeta de tu servidor (se requiere soporte PHP por supuesto).

En nuestro caso vamos a hacer las pruebas en un servidor local bajo la carpeta ‘tablas’, ahora simplemente necesitas ejecutar el script via browser; http://localhost/tablas/install.php.

Se instalará la herramienta y se lanzará el asistente, en unos sencillos pasos tendremos nuestra aplicación lista para trabajar.

Para el ejemplo he creado una simple base de datos llamada pruebaDB con una tabla nombrada como usuarios, ella está compuesta de tres campos; ‘id’, ‘nombre’ y ‘apellido’. Puedes crear esta tabla desde phpMyAdmin siguiendo estos sencillos pasos:

1. Creación de la base de datos ‘pruebadb’.

2. Creación de la tabla ‘usuarios’.

3. Crear campos ‘id’, ‘nombre’ y ‘apellidos’.

Bién, trás este pequeño inciso sigamos con la instalación del componente. Si la conexión a la base de datos ha sido correcta obtendremos algo parecido a esto:

Vemos que podremos acceder a la base de datos en modo invitado (guest) o como administrador mediante una llave de autorización. Puedes cambiar ese key editando el archivo conf/db_config.ini.

Si damos a continuar procederemos a escojer el nombre de la tabla de la base de datos y a configurar diversas opciones como el nombre de la página. Dejaremos deseleccionado el checkbox de use all fields para seleccionarlos más adelante.

Seguidamente escojeremos los campos de la tabla con los que se podrá trabajar.

Ahora podremos definir el nombre para cada campo, su posición, si se puede filtrar y el tipo (editable, solo lectura, checkbox, etc).

Esto es todo lo que necesitas para crear la página si ‘guardas y finalizas’ obtendrás algo parecido a esto:

Como dijimos antes, el primer link es para la vista pública y puedes utilizarlo para el front-end de tu diseño. El segundo es para la parte administrativa o de edición de los campos de la base de datos.

Espero haber sido de ayuda y lo suficientemente conciso con el tutorial.

Un comentario

Enviar un comentario

Nombre (required) :
Email (required) :
Web Site :
Comentario :

Notifícarme del seguimiento de comentarios via e-mail