MATERIAL DE APOYO CRUD PHP

El CRUD en programación es una operación informática básica con la cual todo aplicativo
web debe cumplir de una u otra forma estrechamente ligada a la manipulación e interacción
con una base de datos.

Haciendo la referencia al CRUD (Create, Read, Update, Delete), como usuarios lo

conocemos y usado como registro de datos, búsqueda o muestra, actualización de datos y
eliminación de datos. Está en nuestro uso y consumo cotidiano de plataformas informativas,
de entretenimiento, redes sociales, servicios de streaming, aplicativos y demás. Ahora
entenderemos su funcionamiento por medio de este paso a paso, construcción desde ceros
implementando uno de los lenguajes de programación más populares como lo es PHP.

Empezaremos con algo que a priori parece elemental y obvio pero muchos dejan de lado su
importancia y es la organización de las carpetas, de nuestro espacio de trabajo. Como en la
vida, el orden es un factor importante a la hora de optimizar procesos, buscar información y
saber hacia dónde movernos.

Nos ubicamos en el disco local C de nuestro equipo:

Accedemos y ubicamos la carpeta xampp

Accedemos y ubicamos la carpeta htdocs donde se ubican todos los procesos y avances
que tengamos desarrollados en PHP
Accedemos y creamos una carpeta llamada schedulePatients respetando las buenas
prácticas de programación, evitando agregar espacios, puntos, comas y guiones en el
nombre de la carpeta. Dentro de esta carpeta que acabamos de crear, la cual será la
carpeta donde estará guardado todo nuestro proyecto, crearemos una nueva carpeta
llamada config:

A este mismo nivel, crearemos una carpeta llamada images. Acá es donde guardaremos las
imágenes que queremos que se vean en nuestro proyecto.
Abrimos la carpeta schedulePatients en nuestro editor de código Visual Studio Code,
recordemos pararnos sobre la carpeta, dar click derecho e indicar la opción “Abri con Code”.
La otra forma es abriendo directamente nuestro Visual Studio Code, dirigirnos a la parte
superior izquierda y encontrar la opción “File” o “Archivo”; se desplegará un pequeño menú
donde indicaremos la opción “Open Folder” o “Abrir Carpeta” y ahí en esa ventana
emergente buscamos nuestra carpeta schedulePatients. Al abrirla, lo primero que haremos
será crear un archivo llamado config.php dentro de la carpeta config que hemos creado
anteriormente:

1) Seleccionamos la carpeta config, como vemos, la opción está habilitada porque se nos
resalta con un color azul y una flecha hacia abajo. Esto nos indica que estamos dentro de la
carpeta config y podemos crear un archivo

2) El siguiente paso será ubicar el ícono de una hoja con un símbolo más ( + ) el cual nos
dará la indicación de “Nuevo Archivo” o “New File”. Daremos click y veremos que se nos
habilitará una pequeña caja de texto de la siguiente forma:

Crearemos la lógica donde indicaremos en dónde se encuentra ubicado nuestro proyecto.

Esto es importante ya que el código necesita saber hacia que archivos debe enviar la
información, hacia qué carpeta debe enviar las imágenes que guardaremos, hacia qué
archivo se debe redirigir al usuario una vez se haga un registro, y así sucesivamente.

A continuación, crearemos otro archivo dentro de la carpeta config. A este nuevo archivo lo
llamaremos Database.php el cual tendrá toda la lógica de conexión con nuestra base de
datos. Crearemos una clase llamada Database la cual contendrá variables con la
información de nuestra base de datos como contraseñas, nombre de la base de datos,
usuario y servidor:

Debajo de la línea de código #9 crearemos un constructor que se encargará de verificar si la

conexión que estamos realizando es correcta o no. Pensemos que es un celador de un
edificio. El celador que estamos codificando, va a validar si podemos acceder o no al
edificio. Siendo el edificio la conexión a la base de datos que vamos a crear:

Una vez tenemos el control de autorización por parte del constructor, alias el celador de
nuestra edificio, crearemos la lógica que se encargará de validar si la base de datos existe o
no, si los datos de usuario y contraseñas coinciden o no. De forma coloquial, queremos
indicar nuestro nombre (usuario), oficina a la cual nos dirigimos (contraseña) y el nombre de
la persona con la cual nos queremos reunir (nombre de la base de datos). De esto se
encargará la función connectToDatabae() de la línea #24:
Para finalizar con los temas de configuración. Crearemos un archivo dentro de la carpeta
config llamado function.php cuya funcionalidad será la de indicar el proceso lógica de la
carga de archivos como lo son las imágenes que queremos subir a nuestra aplicación:

Recordemos siempre apoyarnos en el/la especialista a cargo para resolver dudas a mayor
profundidad. Éste documento tiene únicamente la finalidad de dar un paso a paso guiado de
la forma más sencilla posible sobre la creación de los distintos archivos con los cuales se
trabajará, el orden del código a implementar, recalcar las buenas prácticas y un soporte
fisíco al cual podamos tener acceso junto con los videos encontrados en la plataforma de la
IBERO, las grabaciones de las sesiones de acompañamiento de el/la especialista, el
asesoramiento vía discord que ofrece el/la especialista, la retroalimentación que se haga
por medio de la plataforma de la IBERO.

Nuestro proyecto debe estar de esta forma a nivel de carpetas y archivos, fijémonos en el
costado izquierdo de nuestro Visual Studio Code para revisar la jerarquía de las carpetas:
A la altura de las carpetas config e images, crearemos un archivo llamado index.php donde
agregaremos código más conocido para nosotros. Crearemos una estructura básica de
HTML. Éste archivo será la página principal con la cual el usuario empezará a interactuar:

Al inicio del archivo index.php agregaremos la estructura básica de PHP pues necesitamos
que éste archivo se comunique directamente con el archivo config.php que hemos creado
anteriormente. Como podemos ver, esto se encuentra declarado en la línea #2

Una vez tengamos una estructura básica de HTML, añadiremos nuevamente un fragmento
de código de PHP pues necesitaremos un menú de navegación genérico el cual sea mucho
más fácil de modificar si contamos con un proyecto que tenga una gran cantidad de
pestañas web. Esto se encuentra especificado en la línea #15.

Crearemos ahora nuestro archivo menu.php donde únicamente crearemos el menú de

navegación usando HTML:
Ya tenemos la configuración de nuestro proyecto y ya tenemos la página principal de
nuestra aplicación. Ahora vamos a darle funcionalidad. Queremos que nuestro aplicativo
web pueda registrar pacientes, mostrar los pacientes registrados, actualizar los datos del
paciente que se ha registrado y eliminar al paciente. Crearemos una carpeta llamada
Patients la cual estará al nivel de las carpetas config, images y de los archivos index.php y
menú.php

Para crear una nueva carpeta, buscamos el ícono de una carpeta con el símbolo más ( + )
la cual dirá “New Folder” o “Nueva Carpeta”. Esto habilitará una caja de texto donde
escribiremos el nombre de nuestra carpeta:

Primero realizaremos la funcionalidad para agregar un nuevo paciente. Dentro de la carpeta

Patients crearemos un archivo llamado add.php donde tendremos de forma visual un
formulario para que nuestro paciente se registre. Cómo vemos, estamos invocando al
archivo menú.php que únicamente tiene el fragmento del menú de navegación, acá estamos
implementando buenas prácticas de codificación a nivel de optimización ya que esta
separación de procesos hacen que el aplicativo web funcione más rápido
Como podemos ver en el fragmento de código que abarcan las líneas #11 hasta #17,
estamos invocando nuestro menú de navegación, insertando sintaxis de PHP en la
estructura del HTML

Por el momento nuestro formulario no es funcional, por lo que al enviar los datos del
paciente, no saben a dónde debe llegar, es decir, no saben a qué archivo debe llegar, no
saben a que función deben llegar para que sus datos sean validados. Para ello, al principio
de nuestro código HTML, en el archivo add.php agregaremos un pedazo de código PHP
donde validamos si los campos del formulario están vacíos o no, si existe una imagen
previamente cargada o no. De estar vacíos los campos o de existir algún tipo de error como
datos repetidos o incompatibilidad en el formato de la imagen, se le notificará al paciente
que hubo un error en el registro, de lo contrario, se le dirá al paciente que se ha registrado
de forma satisfactoria:

Ahora debemos especificar que los datos enviados por el formulario, se deben guardar en la
base de datos que hemos creado. Crearemos dentro de la carpeta Patients un archivo
llamado Patient.php:

A nivel de lógica el archivo hará lo siguiente: conectarse con los archivos config.php y
Database.php para coloquialmente hablando y tener un mejor entendimiento del proceso, ir
al edificio y pedirle a nuestro celador que nos deje ingresar a la una determinada oficina.
Crearemos una clase llamada Patient con un constructor. Necesitamos crear una función
que se encargue de recibir los datos que vienen desde el formulario del archivo add.php
para ser procesos y enviados a la base de datos donde serán guardados. Éste proceso lo
vemos en el fragmento de código que abarca las líneas #15 hasta #22 donde guardamos en
variables, los datos de los formularios. En las líneas #24 y #25 enviamos las variables con la
información del formulario a nuestra base de datos para que nuestro paciente pueda
registrar y guardarse sin problema.
Una vez comprobamos que se registra y guarda correctamente nuestro paciente,
procederemos a hacer toda la lógica y codificación para mostrar a todos los pacientes que
ya se han registrado en nuestro aplicativo. Crearemos un segundo archivo index.php solo
que éste se encontrará dentro de la carpeta Patients de la siguiente forma:

En este archivo que acabamos de crear, irá la estructura del html que nos mostrará una lista
de los pacientes que se encuentren registrados y activos en nuestra plataforma.
Agregaremos al inicio del código HTML, un fragmento de código PHP que tendrá parte de la
lógica que irá a traer los datos de los paciente de la base de datos para plasmarlos,
imprimirlos, mostrarlos en nuestra plataforma:

En la línea #6 estamos invocando una función llamada getAll(). En este momento la función
no existe, por lo cual la crearemos en el archivo Patients.php pues es éste archivo quien se
encarga de hacer la lógica más robusta de nuestro aplicativo. Para crear la función getAll()
nos ubicamos en la línea de código #27 (debajo del corchete de la función sabe que
creamos anteriormente para guardar nuestro paciente)

Volvemos ahora a nuestro archivo index.php pero el que se encuentra dentro de la carpeta
Patients. Crearemos ahora sí el HTML donde se visualizará la lista de pacientes existentes
en nuestra base de datos. Recordemos que al trabajar con HTML siempre debemos agregar
la etiqueta <!DOCTYPE html> para evitar errores de sintaxis a nivel de código:

(Extensión de la línea #43)

El fragmento de código que abarca las líneas #35 hasta #46 nos muestra cómo estamos
imprimiendo o mostrando los datos de los pacientes que nos llegan desde la base de datos.
Como estamos trabajando con PHP, usamos este lenguaje de programación para
incrustrarlo en la estructura de HTML, creando unos divs con la imagen del paciente
registrado, su nombre y apellido y un botón para actualizar o modificar su información.