Edición de Tablas en Línea con PHP y MySQL

Edición de Tablas en Línea con PHP y MySQL

Este Edición de Tablas en Línea con PHP y MySQL permite actualizar las tablas mostradas en la capa html, sin tener que recargar la página, se realizan los cambios, que quedan persistentes en la base de datos.

Esta aplicación se lleva a cabo, con las tecnologías de bootstrap, javascript, ajax, además de PHP y MySQL.

Específicamente se utiliza la librería dark-editable que con popper y moment.js hacen posible el proceso de edición en línea.

Esta librería permite editar fácilmente el contenido DIV haciendo clic en el contenido que se va a editar, posterior a que se realice la edición, se enviará por medio de Ajax el update para modificar información en la base de datos de MySQL.

Demo del sistema de edición de tablas en línea

En el siguiente enlace puedes ver el funcionamiento de la aplicación:

https://mauriciosevilla.com/edicion-linea/

Puesta a punto del Sistema de Edición de Tablas en Línea con PHP y MySQL en un servidor local

Aplicaciones Previas

Para realizar la instalación de la aplicación en un servidor local, te recomiendo la instalación previa de las siguiente aplicaciones:

XAMPP, Git, Visual Studio Code

XAMPP es la aplicación encargada de implementar un servidor apache para que funcionen los scripts PHP en un ordenador a nivel local.

Git es el gestor de repositorios más usado del mundo, con el que puedes descargar limpiamente, código de GitHub.

Visual Studio Code, es el editor de código más popular del mundo, que recomiendo ampliamente en prácticamente todas las publicaciones de este blog.

Descarga Aplicación de GitHub

El siguiente es el enlace de descarga de repositorio de GitHub de la aplicación de tienda en línea en un servidor local:

Edición de Tablas en Línea con PHP y MySQL

Configuración del Software de Edición de Tablas en Línea con PHP y MySQL para su funcionamiento en tu ordenador

Debes instalar las aplicaciones mencionadas, con todos los parámetros por defecto, posterior a este procedimiento, desde Visual Studio Code, debes abrir la siguiente ubicación:

C:\xampp\htdocs

Desde esta ubicación en Visual Studio Code, pulsas View, Terminal. Dentro del Terminal eliges la opción de Git Bash y copias el siguiente código:

git clone https://github.com/configuroweb/edicion-linea.git

Se creará la carpeta edicion-linea, dentro de la carpeta htdocs. A continuación deber abrir XAMPP en tu ordenador, activar los servicios de Apache y MySQL, y acceder a la siguiente URL, para crear la base de datos tienda-correo:

http://localhost/phpmyadmin/index.php

Base de Datos del Sistema de Edición de Tablas en Línea con persistencia

Para que la aplicación te funcione correctamente, desde phpmyadmin, debes crear la base de datos con el nombre edicion-linea, posteriormente debes acceder al apartado SQL y pegar el código que se encuentra en el siguiente enlace:

Base de Datos del Sistema de Edición de Tablas en Línea

Posterior a esto puedes acceder a la siguiente URL y la aplicación ya estará lista para su uso:

http://localhost/edicion-linea

Subida del Sistema de Edición de Tablas en Línea con PHP y MySQL a un hosting

Por la sencillez de la aplicación, no abordaré el tema directamente, en el siguiente vídeo relacionado, explico a nivel general el proceso:

Subir pagina con PHP + Base de datos (MYSQL) a un Hosting

Si aun tienes dudas con el proceso de la puesta a punto de la aplicación en un servidor local aun puedes ver en la siguiente publicación con más detalle la implementación de aplicaciones PHP:

Cualquier duda quedo al pendiente, si requieres más aplicaciones PHP, en Python o JavaScript te recomiendo te suscribas a mi contenido en Youtube y estés al pendiente de cualquier cambio, que vaya haciendo.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.