lunes, 6 de mayo de 2013

Aplicación Mantenimiento PHP-MYSQL-JQUERY


Este pequeño ejemplo que muestro a continuación sobre programación de Php con Jquery utilizando un gestor de base de datos Mysql.

Para el siguiente ejemplo utilice las siguientes herramientas:

Para algunos efectos e interacciones utilizo JqueryUI.

Estructura del Proyecto.


Descripción de las Carpetas y Archivos para tener un Orden
  • Carpetas
    • CSS: Aquí almacenaremos las hojas de estilo del sitio web.
    • DOMPDF051: Librería que nos ayuda a la creación de archivos PDF.
    • IMAGES: Almacena imagenes .png que utilizaremos.
    • JS: Almacenaremos archivos .js (jquery, jqueryui, etc.). 
    • LIBS: Almacenaremos Archivos .php que tendrán acceso a los datos.
    • PDFS: Almacena los .pdf creados por la aplicación.
    • UPLOAD: Almacenara imagenes. ( En esta oportunidad no la usamos)
  • Archivos Php
    • bucarcategoria: Pop up que permite buscar una categoría.
    • buscarProveedor: Pop up que permite buscar un proveedor.
    • index: Sitio Principal.
    • modificarProducto: Pop up que permite actualizar datos de un producto.
    • producto: Formulario que permite el registro de un producto
    • verPDF: Pop up que nos muestra en archivo .pdf creado de un registro.

A continuación muestro el index.php de la aplicación, el cual tiene un titulo en la parte superior, menú en la posición izquierda y el contenido para la parte derecha.


Para el archivo index.php hay q considerar los archivos que se van a utilizar en toda la aplicación, es decir que serán utilizados en todos los formularios por ejemplo el jquery.js, jquery-ui-1.10.0.custom, jsGeneral.js, jqueryvalidate.js, style.css etc.


Para el contenido de la aplicación utilizo una función en el archivo js/jsGeneral.js que se llama verurl('nombreArchivo.php') para hacer que al hacer clic en cada opcion del acordeon cargue el contenido.

DESCARGAR CÓDIGO FUENTE DE LA APLICACIÓN...  AQUÍ

EN BREVE CONTINUAMOS CON LA EXPLICACIÓN... HASTA LLEGAR AL RESULTADO



6 comentarios:

  1. Excelente ejemplo, estoy aprendiendo PHP, y he estado buscando algo parecido, es lo mejor que he encontrado.
    Estoy desarrollando una aplicacion para una compañia y tu ejemplo me servira de mucho.
    Hay muchas cosas que no entiendo, pero las adaptare.
    Muchas Gracias por tu aporte.

    ResponderEliminar
    Respuestas
    1. Hola me alegra mucho haber ayudado con mi aporte muy pronto publicare algo mas sobre subir imágenes a un servidor usando jquery

      Eliminar
  2. Saludos, gracias por compartir tu conocimiento.
    Tengo un problema, quiero implementarlo pero tengo mas de una tabla y cuando quiero actualizar, eliminar, ver pdf en una segunda tabla no me muestra los pop-ups y otra es como defino cerrar la conexion del archivo que esta dentro de Libs. Muchas Gracias de antemano,

    ResponderEliminar
  3. Saludos, nuevamente. Cuando agrego el nombre del producto y le doy espacios, al intentar actualizar despues ya no muestra el popup. Ejemplo: producto: sacapuntas doble. El registro es exitoso; pero al intentar modificar despues ya no lo permite.

    ResponderEliminar
  4. me sale "Error al conectar a la base de datos" he revisado y esta todo OK. Ayuda

    ResponderEliminar
  5. A mi me funciona perfectamente......cuanto ingreso y muestra la tabla con los registros, la quiero subir como unos 4 renglones arriba, como le puedo hacer ? alguien me puede ayudar ?
    Gracias

    ResponderEliminar