https://github.com/alejandrocisnerosvillegas/practica_04
Sistema completo de gestión de usuarios con PHP para la lógica del servidor, MySQL para la base de datos, HTML para la estructura y CSS para un diseño amigable para administradores.
https://github.com/alejandrocisnerosvillegas/practica_04
css html php sql
Last synced: about 2 months ago
JSON representation
Sistema completo de gestión de usuarios con PHP para la lógica del servidor, MySQL para la base de datos, HTML para la estructura y CSS para un diseño amigable para administradores.
- Host: GitHub
- URL: https://github.com/alejandrocisnerosvillegas/practica_04
- Owner: AlejandroCisnerosVillegas
- Created: 2023-03-06T19:10:33.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-04-25T01:48:07.000Z (about 1 year ago)
- Last Synced: 2025-04-25T02:49:52.513Z (about 1 year ago)
- Topics: css, html, php, sql
- Language: PHP
- Homepage: https://www.alejandrovillegas.dev
- Size: 26.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sistema de Gestión de Usuarios
En esta práctica, se desarrolló un sistema completo de gestión de usuarios utilizando tecnologías web fundamentales, incluyendo PHP para la lógica del servidor, MySQL para la gestión de la base de datos, HTML para la estructura del contenido, y CSS para el diseño y la presentación. El objetivo principal de esta práctica es permitir la inserción, modificación, eliminación y búsqueda de usuarios en una base de datos, proporcionando una interfaz amigable para los administradores del sistema.
Se implementó un formulario HTML para la entrada de datos de nuevos usuarios, que incluye campos para el nombre, correo electrónico y teléfono.
Se desarrolló una interfaz para editar los datos de usuarios existentes. Al seleccionar un usuario para editar, se recuperan sus datos actuales de la base de datos y se presentan en un formulario editable.
Se incluyó la funcionalidad para eliminar usuarios de la base de datos. Al confirmar la eliminación, un script PHP ejecuta una consulta SQL DELETE para remover el usuario seleccionado.
Se implementó una barra de búsqueda que permite filtrar usuarios por nombre. La búsqueda se realiza mediante una consulta SQL SELECT con una cláusula LIKE.
Se utilizó CSS para diseñar una interfaz limpia y profesional, incluyendo tablas estilizadas para la presentación de datos, botones con efectos de hover y formularios modales para la inserción y modificación de usuarios.
**Consulta la versión preliminar de la practica aquí:** [https://practica_04.com](https://www.alejandrovillegas.dev/projects/practice-04/index.php)
# 📌 Información de la Practica
Esta practica ha sido desarrollado como parte del portafolio de soluciones tecnológicas, con el objetivo de ofrecer una herramienta eficiente y funcional para usuarios autodidactas interesados en la gestión y desarrollo de proyectos web.
- **Área**: Desarrollo de Practicas Web
- **Usuario Final**: TecNM
- **Fecha de Desarrollo**: 21 de abril de 2018
- **Portafolio de Proyectos**: [www.alejandrovillegas.dev](https://www.alejandrovillegas.dev)
# Guía de Instalación y Configuración
## 🖥️ Requisitos del Sistema
Para ejecutar esta practica de manera local, es necesario contar con un entorno de desarrollo que incluya Apache, MySQL y PHP. Se recomienda el uso de **XAMPP**, ya que fue el entorno con el que se desarrolló la practica. Sin embargo, también es compatible con:
- **XAMPP** (Windows, macOS, Linux)
- **WAMP** (Windows)
- **MAMP** (macOS, Windows)
- **LAMP** (Linux)
## 🔧 Instalación y Configuración de la Practica
Siga los pasos según el entorno de desarrollo que esté utilizando:
### Para XAMPP (Recomendado)
1. Descargue y descomprima el archivo de la practica en su sistema local.
2. Copie la carpeta de la practica y colóquela en el directorio **_htdocs_** dentro de la carpeta de instalación de XAMPP (Ejemplo: **C:\xampp\htdocs\mi_practica**).
### Para WAMP
1. Descargue y descomprima el archivo de la practica.
2. Copie la carpeta de la practica y colóquela en el directorio **_www_** dentro de la carpeta de instalación de WAMP (Ejemplo: **C:\wamp64\www\mi_practica**).
### Para MAMP
1. Descargue y descomprima el archivo de la practica.
2. Copie la carpeta de la practica y colóquela en el directorio **_htdocs_** dentro de la carpeta de instalación de MAMP (Ejemplo: **/Applications/MAMP/htdocs/mi_practica**).
### Para LAMP
1. Descargue y descomprima el archivo de la practica.
2. Mueva la carpeta de la practica a **_/var/www/html/_** utilizando el siguiente comando en la terminal:
```
sudo mv mi_practica /var/www/html/
```
## 🗄️ Configuración de la Base de Datos
### Para XAMPP, WAMP y MAMP
1. Inicie su entorno de desarrollo y asegúrese de que **Apache** y **MySQL** estén en ejecución.
2. Abra su navegador y acceda a **_phpMyAdmin_** ingresando:
- **XAMPP**: http://localhost/phpmyadmin
- **WAMP**: http://localhost/phpmyadmin
- **MAMP**: http://localhost:8888/phpmyadmin
3. Diríjase a la pestaña **SQL** e ingrese el siguiente código para crear la base de datos:
```
CREATE DATABASE General;
```
4. Vaya a la pestaña Importar y seleccione el archivo **_DataBase.sql_** del repositorio para importar la estructura y los datos.
### Para LAMP
1. Abra la terminal y acceda a MySQL con:
```
mysql -u root -p
```
2. Cree la base de datos ejecutando:
```
CREATE DATABASE General;
```
3. Salga de MySQL y luego importe la base de datos con:
```
mysql -u root -p General < /ruta/del/archivo/DataBase.sql
```
Reemplace **_/ruta/del/archivo/_** con la ubicación real del archivo en su sistema.
## 🚀 Ejecución de la Practica
1. Inicie su entorno de desarrollo:
- **XAMPP**: Abra el "Panel de Control de XAMPP" y active **Apache** y **MySQL**.
- **WAMP**: Haga clic en el icono de WAMP y active los servicios.
- **MAMP**: Abra MAMP y haga clic en **Start Servers**.
- **LAMP**: Ejecute los siguientes comandos en la terminal:
```
sudo systemctl start apache2
sudo systemctl start mysql
```
2. Abra un navegador e ingrese la siguiente URL según el entorno:
- **XAMPP / WAMP**: **_http://localhost/_**
- **MAMP**: **_http://localhost:8888/_**
- **LAMP**: **_http://localhost/_**
La practica ahora está funcionando en su entorno local. 🎉