Bueno en esta ocasión haremos un ejercicio acerca de como se logra una conexión con una base de datos, para esta practica utilizaremos mysql.
en la siguiente imagen se muestra como validar para que los campos no estén vacíos , esto es necesario para el login en el cual necesitamos datos de entrada como son en el nombre de usuario y la contraseña los cuales están previamente en la base de datos.
Siguiendo con las imágenes esta que te mostramos ahora es una función la cual manejamos con expresión regular para validar el campo del cual vamos a extraer los datos de tipo fecha, esto es necesario dado que en la base de datos al declarar los campos hemos definido estos que son de tipo date y esos campos requieren un formato especifico de fecha.
Aquí estamos definiendo los campos y las etiquetas para indicar los datos que necesitamos que el usuario introduzca.
Al final de la siguiente imagen podemos notar que tenemos un botón para enviar los datos siempre y cuando los campos estén debidamente rellenados
Aquí mostramos como dar formato a el html que sera presentado, puedes definir tamaños, color, forma, insertar alguna imagen, en este caso le damos formatos a las etiquetas, al header, a los campos, etc.
En esta imagen se muestra la conexión con la base de datos pero a una tabla especifica en este caso es para verificar si los datos introducidos en el login son datos existentes en la base de datos en la tabla usuarios. esta es una forma de realizar la conexión y la otra la mostramos en la imagen que sigue, en la cual la estamos realizando en otro .php y podremos acceder a el mediante el include (login.php).
Esta imagen muestra como realizamos la conexión con la base de datos de mysql .
como les decía anteriormente con ese include (login.php) llamamos a la conexión con la que estaremos trabajando para la administración de los datos correspondientes, en esta imagen que los campos no deben estar vacíos , el orden en el que entren los datos deben ser el orden en los campos en que se va a guardar la información en la base de datos.
Asi nos queda la interfaz de inicio donde el usuario tiene que colocar los datos que allí se piden
Al acceder esto nos muestra , lo cual contiene los campos que necesitamos que el usuario rellene para guardarlos en la base de datos.
Esta es la parte en la cual la función de la expresión regular que nos valida el formato de fecha entra.
Cuando ya todos los campos tienen la información requerida se le da click en el botón de enviar y nos muestra el mensaje que se muestra en la segunda imagen... "datos correctos" esto nos indica que se ha guardado con éxito la información en un registro de la base de datos.
Aquí te mostramos como efectivamente los datos fueron ya almacenados en nuevo registro en la base de datos en la que estamos trabajando, puedes verificar y comparar los datos, veras que se realizo exitosamente la conexión con la base de datos
Unidad Académica de Ingeniría.
Interfaces Gráficas.
Elaborado por :
*Guadalupe Lucero Durán
*Arely Medina Soto
