Desarrollo de un sitio web autoadministrable con PHP7 y MySQLi

MySQL, PHP, Plantillas Bootstrap 28 comments

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.

 DESCARGAR ARCHIVOS

28 comments

  4. Hola, gracias por el archivo, tengo una consulta, lo baje descomprimi, puedo entrar al area de administracion pero al area front del cliente , muestra error 404 objeto not found, estube viendo los archivos php y redireccionan a la carpeta home, que puede ser estoy haciendo mal?

    Responder

  5. hola como estan cuando ejecuto el index me sale este error The requested URL /web-php/home was not found on this server.
    no encuentra el archivo home esta mal escrito para mi

    a alguien le paso gracias

    Responder

  7. Hola, me pareció interesante lo del «DESARROLLO DE UN SITIO WEB AUTOADMINISTRABLE CON PHP7 Y MYSQLI» pero al intentar obtener el código que ofrecen, me coloca en un círculo a dar vueltas interminables, es decir, siempre llego al punto de partida y no pareciera que los archivos está allí. ¿Pudieran revisar para verificar cuál será el problema?

    Gracias.

    Responder

    1. hola, no se puede modificar la contraseña directamente. Lo que hace es usar una funcion md5 que
      Esta funcion calcula el hash MD5 de str utilizando el » Algoritmo MD5 Message-Digest de RSA Data Security, Inc. y devuelve ese hash.

      deberias modificar la linea 7 de login_check.php
      $password = md5(mysqli_real_escape_string($mysqli, stripslashes(strip_tags(htmlspecialchars(trim($_POST[‘password’]))))));

      y cambiarla por

      $password = mysqli_real_escape_string($mysqli, stripslashes(strip_tags(htmlspecialchars(trim($_POST[‘password’])))));

      asi ya no tomaria contraseñas encriptadas,

      Otra manera es aprender que hace md5 u otros encriptadores para que en la base de datos no se pueda leer la contraseña directamente.

      Responder

  10. Hola muy buen aporte gracias
    tengo un problema espero me puedan ayudar
    la eh configurado para poder subir mas de una imagen pero al subir imagenes de mas alto que ancho me las rota y me las agrega acostadas y cual podria ser el error
    gracias
    saludos

    Responder

    1. puede ser que estés usando un celular para sacar la foto. Se guarda la rotación en ese caso… tendrías que preguntar si es mas alta que ancha(indica que se tomo de costado) y entonces rotar la foto antes de guardar.

      Responder

  11. Muy Buena solo falto agregar la pagina «Our Teem» o Equipo» para ver las personas que trabajan hay. también podría ver el portafolio con sus trabajos y habilidades» pero pro lo demás excelente 🙂 podrían hacer un tuturial (no sé programar xd) para agregar esa pagina «Equipo» me gustaría poder contar con esa pagina en la sección del menú 🙂 (y)

    Responder

  12. 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.

    Responder

      1. $password = md5(mysqli_real_escape_string($mysqli, stripslashes(strip_tags(htmlspecialchars(trim($_POST[‘password’])))))); el problema lo encontre en esta parte cuando se recivian los datos de password estos eran cambiados por eso siempre registraba como error elimine eso y use este codigo para confirmar password $password = mysqli_real_escape_string($mysqli, stripslashes(strip_tags(htmlspecialchars(trim($_POST[‘password’])))));

        Responder

  15. 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

    Responder

Responder a ed Cancelar respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.