Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. PHP
Code

Cree rápidamente una interfaz CRUD de PHP con la herramienta de generación de CRUD avanzada de PDO

by
Difficulty:BeginnerLength:MediumLanguages:

Spanish (Español) translation by Rene Soto (you can also view the original English article)

En este artículo, revisaremos PDO CRUD, un generador de formularios y una herramienta de administración de bases de datos. PDO CRUD lo ayuda a crear formularios para sus tablas de base de datos con solo unas pocas líneas de código, lo que facilita y agiliza el arranque de una aplicación de base de datos.

Hay muchas extensiones disponibles para la abstracción de la base de datos y específicamente la generación de CRUD (crear, leer, actualizar y eliminar) para PHP y MySQL. Y, por supuesto, también encontrará opciones comerciales que brindan funciones listas para usar y soporte extendido. En el caso de opciones comerciales, también puede esperar códigos de calidad, correcciones de errores y nuevas mejoras.

Hoy vamos a discutir la herramienta PDO CRUD, disponible en CodeCanyon para su compra a un precio muy razonable. Es una herramienta de construcción de CRUD completa que le permite crear aplicaciones simplemente proporcionando tablas de base de datos y escribiendo algunas líneas de código.

Funciona con múltiples back-ends de bases de datos, incluyendo MySQL, Postgres y SQLite. En este artículo, veremos cómo usar PDO CRUD para construir un sistema CRUD con el back-end de la base de datos MySQL.

Instalación y Configuración

En esta sección, veremos cómo instalar y configurar la herramienta PDO CRUD una vez que la haya comprado y descargado de CodeCanyon.

Tan pronto como lo compre, podrá descargar el archivo zip. Extráigalo y encontrará el directorio con el código del complemento principal: PDOCrud / script. Copia este directorio a tu aplicación PHP.

Por ejemplo, si su proyecto está configurado en / web / demo-app / public_html, debe copiar el directorio del script en / web / demo-app / public_html / script.

A continuación, debe ingresar los datos de back-end de su base de datos en el archivo de configuración. El archivo de configuración se encuentra en /web/demo-app/public_html/script/config/config.php. Abra ese archivo en su editor de texto favorito y cambie los siguientes detalles en ese archivo.

Como puede ver, los detalles se explican por sí mismos. $ Config ["script_url"] se establece en la URL que utiliza para acceder a su sitio.

Una vez que haya guardado los detalles de la base de datos, estará listo para usar la herramienta PDO CRUD. En nuestro ejemplo, crearemos dos tablas MySQL que contienen datos de empleados y departamentos.

  • empleados: mantiene información del empleado
  • departamento: contiene información del departamento.

Abra su herramienta de administración de base de datos y ejecute los siguientes comandos para crear tablas, como acabamos de comentar. Uso PhpMyAdmin para trabajar con el back-end de la base de datos MySQL.

En primer lugar, vamos a crear la tabla de departamento.

A continuación, crearemos la tabla de empleados.

Como puede ver, hemos utilizado la columna dept_id en la tabla de empleados, que contiene el ID del departamento correspondiente almacenado en la tabla de departamentos.

Una vez que haya creado las tablas en su base de datos, ¡estamos listos para construir una interfaz de aplicación CRUD usando la herramienta PDO CRUD!

Cómo Configurar CRUD Básico

En esta sección, veremos cómo puede configurar una interfaz CRUD básica mediante la herramienta PDO CRUD escribiendo solo unas pocas líneas de código.

La mesa del Departamento

Comenzaremos con la tabla de departamento.

Vamos a crear department.php con los siguientes contenidos. Si la raíz de su documento es / web / demo-app / public_html /, cree el archivo department.php en /web/demo-app/public_html/department.php. Recuerde que ya hemos copiado el directorio del script en / web / demo-app / public_html / script. Recuerde que ya hemos copiado el directorio del script en / web / demo-app / public_html / script.

Y ahora, si apuntas tu navegador al archivo department.php, deberías ver algo como esto:

Blank Department View

¡Uf! Con solo dos líneas de código, tiene una IU de CRUD lista para usar que le permite realizar todas las acciones necesarias de creación, lectura, actualización y eliminación en su modelo. Sin mencionar que la vista de lista predeterminada en sí contiene muchas características, incluyendo:

  • buscar
  • paginación incorporada
  • impresión
  • Exportar registros a formato CSV, PDF o Excel
  • operación de eliminación masiva
  • clasificación por columnas

Haga clic en el botón Agregar en el lado derecho y se abrirá el formulario para agregar un registro de departamento.

Add View

Agreguemos algunos registros usando el botón Agregar y veamos cómo se ve.

List View

Como puede ver, esta es una interfaz bastante ligera y ordenada. ¡Casi sin esfuerzo, hemos construido un CRUD para el modelo de departamento! A continuación, veremos cómo hacer lo mismo para la tabla de empleados.

La Mesa de Empleados

En esta sección, veremos cómo construir un CRUD para la tabla de empleados. Vamos a crear employee.php con los siguientes contenidos.

Es casi el mismo código que la última vez; solo necesitamos cambiar el nombre de la tabla. Si hace clic en el botón Agregar, también le ofrece una forma agradable que le permite agregar el registro del empleado.

Add Employee

Es posible que haya detectado un problema: el campo Id. De departamento es un campo de texto, pero sería mejor como un menú desplegable que contenga el nombre de los departamentos. Veamos cómo lograr esto.

En este código, hemos accedido a la tabla de departamento a través de PDO CRUD para que podamos asociar el nombre del departamento con las ID de departamento. Luego, hemos actualizado las opciones de enlace para el campo de ID de departamento para que se muestre como una lista desplegable (select).

¡Ahora, haga clic en el botón Add para ver cómo se ve! ¡Debería ver que el campo Dept Id ahora se convierte en un menú desplegable!

Drop-down Demo

Agreguemos algunos registros de empleados y veamos cómo se ve la lista de empleados:

Employee View

¡Eso se ve bonito! Pero tenemos otro pequeño problema aquí: puede ver que la columna Dept Id muestra la ID del departamento, y sería bueno mostrar el nombre real del departamento en su lugar. ¡Averigüemos cómo lograr esto!

Revisemos el código de employee.php con los siguientes contenidos.

Aquí, hemos creado una unión entre las tablas de empleados y departamentos con $ pdocrud-> joinTable, y luego le pedimos a PDO CRUD que muestre solo el nombre del empleado, el nombre del departamento y la información de contacto con $ pdocrud-> crudTableCol.

Y con ese cambio, la lista de empleados debería verse así:

Employee With Reference

Como puede ver, el script PDO CRUD es bastante flexible y le permite todas las opciones posibles para personalizar su interfaz de usuario.

Hasta ahora, hemos discutido cómo configurar una interfaz CRUD básica. Veremos algunas opciones más que podría usar para mejorar y personalizar su interfaz de usuario de CRUD en la siguiente sección.

Opciones de personalización

En esta sección, veremos algunas opciones de personalización proporcionadas por la herramienta PDO CRUD. Por supuesto, no es posible revisar todas las opciones, ya que la herramienta PDO CRUD ofrece mucho más de lo que podríamos cubrir en un solo artículo, pero intentaré resaltar algunas importantes.

Edición en línea

La edición en línea es una de las características más importantes, que le permite editar un registro rápidamente en la propia página de listado. Veamos cómo habilitarlo para la página de listado de departamentos.

Revisemos el script department.php como se muestra en el siguiente fragmento de código.

Como puede ver, acabamos de habilitar la configuración inlineEditbtn, ¡y la función de edición en línea está ahí de inmediato!

Inline Editing

Esta es una característica realmente útil que te permite editar registros sobre la marcha.

Filtros

Como habrá notado, la página de listado de departamentos ya proporciona una búsqueda de texto gratuita para filtrar registros. Sin embargo, es posible que desee agregar sus propios filtros personalizados para mejorar la función de búsqueda. ¡Eso es exactamente lo que proporciona la opción Filtros, ya que le permite crear filtros personalizados!

Usaremos employee.php para esta función, ya que es el caso de uso de demostración perfecto. En la página de listado de empleados, estamos mostrando el nombre del departamento para cada registro de empleado, así que vamos a crear un filtro de departamento que le permita filtrar los registros por el nombre del departamento.

Continúe y revise su employee.php como se muestra en el siguiente fragmento de código.

Acabamos de agregar dos líneas, con llamadas a addFilter y setFilterSource, y con eso, la lista de empleados se parece a lo siguiente:

Filters

¿No es genial? ¡Con solo dos líneas de código, has agregado tu filtro personalizado!

Subidas de imágenes

Esta es una característica indispensable si desea configurar la carga de archivos en sus formularios. Con solo una línea de código, puede convertir un campo regular en un campo de carga de archivos, como se muestra en el siguiente fragmento de código.

Asumiré que tiene un campo profile_image en su tabla de empleados y que está listo para convertirlo en un campo de carga de archivos.

¡Eso es! Los usuarios ahora podrán cargar una imagen en el campo profile_image.

CAPTCHA

Hoy en día, si desea guardar su sitio de spam, la verificación de CAPTCHA es una característica esencial. La herramienta PDO CRUD ya proporciona un par de opciones para elegir.

Ofrece dos opciones: CAPTCHA y ReCAPTCHA. Si selecciona la opción CAPTCHA, presenta un rompecabezas matemático para que el usuario lo resuelva. Por otro lado, si seleccionas la opción ReCAPTCHA, presenta un famoso rompecabezas ¡No soy un robot!

Si desea agregar un rompecabezas CAPTCHA simple, necesita agregar la siguiente línea antes de procesar su CRUD.

Por otro lado, si prefiere ReCAPTCHA, puede lograr lo mismo usando el siguiente fragmento de código.

Solo tiene que reemplazar los argumentos de clave de sitio y secreto de sitio con credenciales válidas de Google.

Hasta ahora, hemos discutido opciones que mejoran la funcionalidad de su aplicación. A continuación, veremos cómo podría alterar el aspecto y, por lo tanto, la apariencia de su aplicación.

Batería

Si no te gusta la máscara predeterminada, tienes un par de opciones para elegir. La herramienta PDO CRUD proporciona máscaras oscuras, claras, verdes y avanzadas como otras opciones para elegir.

Por ejemplo, la siguiente lista se basa en el tema verde.

Green Theme

Se ve bien, ¿no?

Solo Bootsrap

Aunque la máscara predeterminada ya admite diseños sensibles, la herramienta PDO CRUD también es compatible con la integración de la biblioteca Bootstrap.

Debe usar el siguiente fragmento de código si desea crear su diseño utilizando la biblioteca Bootstrap.

Y esto es lo que parece:

Bootstrap Theme

Conclusión

Hoy, revisamos el creador avanzado de formularios de base de datos PDO CRUD y la herramienta de administración de datos disponible en CodeCanyon. Esta es una herramienta de creación de interfaces de aplicaciones CRUD en su núcleo. Proporciona una variedad de opciones de personalización que cubren casi todo lo que requiere un sistema CRUD.

Como dije anteriormente, es realmente difícil cubrir todo lo que la herramienta PDO CRUD proporciona en un solo artículo, pero es de esperar que la documentación oficial le brinde una idea de sus características integrales.

Espero que esté convencido de que la herramienta PDO CRUD es lo suficientemente poderosa para cumplir sus requisitos y le permite deshacerse del trabajo repetitivo que tiene que hacer cada vez que desea configurar un CRUD en su aplicación. Aunque es un complemento comercial, creo que tiene un precio razonable teniendo en cuenta la gran cantidad de características que ofrece.

Si tienes alguna sugerencia o comentario, siéntete libre de usar el siguiente canal de información y estaré encantado de entablar una conversación.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.