miércoles, 4 de julio de 2012

PHP + HTML + JS + CSS + AJAX + MySQL

Hice este pequeño modelo de aplicación que por sugerencia de algunos de mis alumnos ahora tengo el agrado de compartir con ustedes; agrego que utilizo las siguientes tecnologías-LP:

  • PHP para procesar los datos
  • HTML estructurar la web
  • JS - Javascript para validar los formularios (DOM)
  • CSS manejar la apariencia en capas
  • AJAX para hacer consultar y procesos de manera asincrónica
  • MySQL para gestionar los datos entre el cliente y el servidor
EL proyecto lo he realizado en Adobe Dreamweaver CS 5.5, aunque como bien sabe, podría haberlo hecho en cualquier editor de textos simples como el NotePAD de Windows, Notepad++, PHP Designer, etc.

Instrucciones de uso:

1. Ha de tener instalado el APPERVER para que pueda comprobar la utilidad de esta aplicación, sino sabe como descargarlo, instalarlo y configurarlo, puede aprender un poco más dando clic a este enlace.

2. Luego es necesario que descargue el paquete que adjunto y lo descomprima en la siguiente dirección:


3. Ahora ingrese a través del navegador a http://localhost e ingrese al administrador PhpMyAdmin (coloque sus datos, normalmente el usuario es root y la contraseña la que estableció durante la instalación del AppServer), pulsamos clic en el enlace IMPORTAR:


4. Ahora pulsamos clic en SELECCIONAR ARCHIVO o EXAMINAR (dependiendo de su navegador) y escogemos el archivo llamado Backup_BDInstituto de la carpeta que hemos descomprimido y pulsamos continuar.


5. Para visualizar el proyecto en ejecución puede abrir otra pestaña en su navegador y digitar: http://localhost/poo


¿CÓMO FUNCIONA?
El proyecto se trata sobre un simple mantenimiento de CARGOS en una tabla del mismo nombre utilizando el lenguaje PHP (basado en Programación orientado a objetos, es decir con clases, instancias, métodos, etc). Desde una interfaz Web tenemos la capacidad de Registrar, buscar, eliminar, modificar y listar la información contenidas en la tabla. Utilizo AJAX para que en ningún momento la página se tenga que recargar por completo. También CSS para darle una mejor apariencia. JAVASCRIPT para controlar ciertos comportamientos (verifique pulsando el botón eliminar o registrar sin haber escrito alguna información), entre otras tecnologías más...

Espero que sea de utilidad. Es una aplicación simple, ya haré otras más avanzadas utilizando FRAMEWORK y MVC. Saludos amigos!!!

Contraseña: marleo.cjb.net

2 comentarios:

gtutoriales dijo...

Estimado lo felicito por su blog me ha servido de gran ayuda :)

enel villafranca dijo...

hola amigo mi nombre es enel vil villafranca, me gusta tu codigo pero habra posibilidad de que el formularion de ingreso este separado del listado, es decir si le doy agregar nuevo se habra una ventana como la dejavascript digo porque tengo un formulario inmenso y alcolocarlo en la misma pagina del listado se veria muy feo