CRUD_PHP_MYSQL_JS

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

CRUD_PHP_MYSQL_JS

★ 12 Open GitHub ↗

Pequeño módulo **CRUD** desarrollado en PHP con PDO y MySQL para gestionar registros de contacto (nombre, correo, teléfono, país y ciudad) desde una interfaz con estilo azul neón integrada al JcDuro Dashboard.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ✨ Form Neon CRUD – JcDuro Dashboard

Pequeño módulo **CRUD** desarrollado en PHP con PDO y MySQL para gestionar registros de contacto (nombre, correo, teléfono, país y ciudad) desde una interfaz con estilo azul neón integrada al JcDuro Dashboard.

## 📚 Índice

- [Descripción](#-descripción)
- [Características](#-características)
- [Tecnologías](#-tecnologías)
- [Estructura del proyecto](#-estructura-del-proyecto)
- [Base de datos](#-base-de-datos)
- [Instalación](#-instalación)
- [Uso](#-uso)

---

## 🖼️ Vista previa

![Crud](https://raw.githubusercontent.com/jcduro/CRUD_PHP_MYSQL_JS/main/previewcrud.gif)

---

## 🚀 Demo
[Crud](https://jcduro.bexartideas.com/proyectos/dashjc/crud/crud.php)

---

## 📊 Lenguajes y Herramientas

[![My Skills](https://skillicons.dev/icons?i=html,css,js,php,mysql,github,vscode,windows,&theme=light&perline=8)](https://skillicons.dev)

---

## 📝 Descripción

Form Neon es un CRUD construido con PHP + PDO y MySQL para administrar registros de usuarios
(nombre, correo, teléfono, país y ciudad) desde un panel web con estética neón, como parte del
ecosistema JcDuro Dashboard.

El objetivo es ofrecer un ejemplo limpio y reutilizable de CRUD (Create, Read, Update, Delete)
que pueda integrarse fácilmente en otros módulos del dashboard o proyectos similares.

---

## 📦 Características
| ✅ | Descripción |
|---|---|
| 🎨 | Diseño **neon azul** con sombras y bordes luminosos |
| 📱 | Totalmente **responsive** |
| 🔄 | Envío **AJAX** (sin recargar página) |
| 🌍 | Selector dinámico de **país → ciudad** |
| 🛡️ | Prevención de **SQL-injection** con PDO y prepared statements |
| 📋 | Listado **en tiempo real** tras cada registro |
| ⚡ | Código **limpio y comentado** |

---

## 💻 Tecnologías

- PHP 7+ con PDO para la capa de acceso a datos.
- MySQL / MariaDB como motor de base de datos.
- HTML5 y CSS3 para el layout y estilos neón personalizados.
- JavaScript vanilla para controlar el modal de confirmación de borrado.
- Plantillas propias del JcDuro Dashboard para la estructura general del layout.

---

## 🗂 Estructura del proyecto

```bash
proyectos/dashjc/crud/
├── db.php           # Conexión PDO a MySQL
├── crud.php         # Listado principal de registros + acciones
├── create.php       # Alta de nuevos registros
├── read.php         # Vista de detalle
├── update.php       # Edición de registros
├── delete.php       # Eliminación de registros
└── (CSS/JS compartidos en plantillas globales del dashboard)
```

---

## Base de datos y preview

## 💽 Base de datos

El proyecto utiliza una tabla llamada `form_neon` con la siguiente estructura:

```sql
CREATE TABLE `form_neon` (
  `id` int(11) NOT NULL,
  `nombre` varchar(100) NOT NULL,
  `correo` varchar(255) NOT NULL,
  `telefono` varchar(50) NOT NULL,
  `pais` varchar(100) NOT NULL,
  `ciudad` varchar(100) NOT NULL,
  `fecha_registro` datetime DEFAULT current_timestamp()
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
```

---

## 🚀 Instalación

1. Clonar o descargar este repositorio.
2. Crear la base de datos e importar la tabla `form_neon` con el script SQL anterior.
3. Configurar las credenciales en `db.php`:

```text
   $DB_HOST = 'localhost';
   $DB_NAME = 'form_neon';
   $DB_USER = 'tu_usuario';
   $DB_PASS = 'tu_password';

Integrar la carpeta crud dentro de tu JcDuro Dashboard (o ajustar rutas de header.php, menu.php, footer.php).

Acceder a crud.php desde el navegador o enlazarlo desde el menú principal del dashboard.

---

## 🧩 Uso

Crear: botón + Nuevo registro → formulario en create.php para alta de datos.

Leer: enlace Ver (verde neón) para ver el detalle del registro en read.php.

Actualizar: enlace Editar (azul neón) para modificar campos en update.php.

Eliminar: botón Eliminar (rojo neón) abre un modal de confirmación antes de llamar a delete.php.

---

## 📌 To‑Do

Validación avanzada (formato de correo, longitud de campos, etc.).

Paginación y filtros en el listado (por nombre, correo, país o ciudad).

Mensajes flash de éxito/error centralizados en las plantillas globales.

Internacionalización de textos (ES/EN) y mejoras de accesibilidad.

---

## 📄 Licencia
Libre, usalo como quieras
<div align="center">
  Hecho con 💙 y neones
</div>

---

## ⭐ Si te gustó este proyecto, no olvides dejar una estrella en GitHub!

CRUD_PHP_MYSQL_JS

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README