Desarrollo de un sitio web autoadministrable con PHP7 y MySQLi

Desarrollo de un sitio web autoadministrable

En esta ocasión vamos a compartir el código fuente de una pequeña aplicación web desarrollada con PHP Y MySQL, el proyecto consiste en el desarrollo de un sitio web con PHP para presentar, de una manera sencilla pero eficaz, la información del perfil de una empresa o negocio, hemos desarrollado un sitio para mostrar de forma resumida la información relevante de la empresa, que incluye la historia de la compañía, el número y la calidad de los recursos humanos con los que cuenta, recursos  financieros, recursos de inversión y capitalización de una empresa, la estructura organizativa y de gestión empresarial en general, el rendimiento de la empresa, y la reputación de la empresa en el comercio bienes o servicios ofrecidos.

Este sitio fue construido utilizando el lenguaje de programación PHP Versión 7 y como gestor de base de datos MySQL . Hemos utilizado para la conexión a la base de datos la extensión MySQLi  con los conceptos básicos  de programación estructurada.

Con este material se puede aprender, a crear sitios web dinámicos,  puesto que cuenta con operaciones muy fundamentales para  el desarrollo de una aplicación web, como lo es el proceso de crear, leer, actualizar, eliminar  y búsqueda  de datos, utilizando tablas dinámicas de jQuery (jQuery datatables); ademas la aplicación permite subir imágenes y mostrarlas en la base de datos,  mostrar un mapa de google con la ubicación de una empresa o negocio.

También se puede aprender a diseñar la apariencia de una aplicación utilizando el Framework CSS Bootstrap. En esta aplicación se ha  utilizado la plantilla AdminLTE-2.0.4.

Secciones del sitio front end:

  • Página de inicio (Home):
  • Página  nosotros
  • Página  de servicios
  • Página  para mostrar el portafolio
  • Sección de contacto

Secciones del sitio back and:

  • Módulo de inicio de sesión
  • Módulo de configuración de la sección nosotros
  • Módulo de configuración de la sección de servicios
  • Módulo de configuración de la sección de portafolio
  • Módulo de configuración de la sección de mensajes
  • Módulo para el cambio de la contraseña de acceso a la aplicación

Capturas de pantalla del sitio:

     

Capturas de pantalla del panel de administración:

     


Instalación en windows (servidor local)


  1. Descargar los archivos fuentes del sistema
  2. Copiar y descomprimir el archivo en la carpeta c:\xampp\htdocs, al final tendrás una carpeta llamada “web-php”, a la cual podrás acceder desde el navegador como: http://localhost/web-php/
  3. Crear una base de datos usando PHPMyAdmin accediendo a la url siguiente: http://localhost/phpmyadmin/. Para nuestro caso la hemos llamado a la base de datos con el nombre de: “test_website“, pero tu puedes nombrarla como desees.
  4. Importar las tablas de la base de datos para ello vamos a buscar el archivo “test_website.sql” en el directorio database de nuestro proyecto, una vez localizado procedemos a hacer la importación de los datos desde PHPMyAdmin
  5. Configurar los datos de conexión a la base de datos editando el archivo de configuración que se encuentra en la siguiente ruta: http://localhost/web-php/config/database.php. Esto es la ruta que hemos utilizado para este ejemplo, pero de igual manera puedes colocarlo en la ruta que desees, solo recuerda localizar la carpeta config y dentro de dicho directorio el archivo database.php
  6. Vista web: http://localhost/web-php/
  7. Para acceder al panel de administración debes colocar la siguiente ruta:  http://localhost/web-php/admin/
  8. Datos de acceso al panel de administración: usuario: facturacionweb y contraseña: facturacionweb

Con este script PHP de esta aplicación se puede aprender fácilmente porque esta comentado cada parte del código en cada proceso, por lo que puede ser utilizado como referencia para estudiantes que recién inician con el desarrollo de aplicaciones con PHP, o todos aquellos  que están haciendo el trabajo del curso, tesis, o simplemente deseen aprender programación PHP.


DEMOSTRACIÓN DESCARGAR ARCHIVOS

  • Muy bueno!

  • Camilo Agudelo

    Excelente amigo, gracias, lo detallaré!

  • John Esteban Astete

    Wow! Muchísimas gracias por compartir tu trabajo y conocimiento! Saludos desde Argentina!

  • Francis JS

    Gratitud! Felicidades (desde Brazil)!

  • Jomar Jaramillo

    saludos.. muy bueno tus conocimientos sobre la web.. aunq tengo un error..
    Tengo instalado XAMPP
    Error
    consulta SQL:

    CREATE TABLE `is_about` (
    `about_id` int(1) NOT NULL,
    `title` varchar(50) NOT NULL,
    `content` text NOT NULL
    ) ENGINE=InnoDB DEFAULT CHARSET=latin1
    MySQL ha dicho: Documentación

    #1046 – Base de datos no seleccionada

    • juan carlos colque quispe

      CREA LA BASE DE DATOS ANTES Y LUEGO IMPORTAS EL .SQL

  • miltonwlan

    genial, muchas gracias desde hoy te sigo………

  • Flaticons_admin

    funciona la subida de imágenes?

  • miltonwlan

    hola, tengo un problema, Ingrese un nuevo usuario administrador en la base de datos y no me deja entrar a la pagina administrador me marca un mensaje de error de contraseña siendo que la contraseña está correcta tabien borré la contraseña que viene por defecto y tampoco me deja entrar, les pido ayuda por favor. saludos y gracias por este proyecto me a servido de mucho.