Proyecto PHP Tutorial Completo, Esquemas y mapas conceptuales de Informática

¡Descarga Proyecto PHP Tutorial Completo y más Esquemas y mapas conceptuales en PDF de Informática solo en Docsity!

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 2

CONTENIDO

Introducción ……………………………………………………………………….. 3

Capítulo1 (Bases de Datos) Tienda de CD’s ……………………………………………………….. 4 Tablas, Campos y Atributos ……………………………………. 6

Capítulo 2 (Función PHP para conectar con MySQL) Archivo de Configuración ………………………………………. 9 Función para conectar …………………………………………… 10

Capítulo 3 (Insertando datos desde un Formulario HTML) Código Inserta Panel ………………………………………………. 12 Código Alta Productos y/o Cajeros ………………………… 16

Capítulo 4 (Programar Consultas a la Base de Datos) Código Consulta Panel …………………………………………….. 18 Código para ejecutar consulta …………………………………. 19

Capítulo 5 (Eliminar Registros) Código Elimina Panel ………………………………………………. 21 Código para eliminar registros ………………………………… 25

Capítulo 6 (Modifica Registros con PHP y MySQL) Código Modifica Panel …………………………………………….. 27 Código para modificar registros ………………………………. 30

Capítulo 7 (Ventas y Reportes) Ventas Sesión …………………………………………………………… 34 Verifica (uso de contraseña) …………………………………….. 35 Código para realizar ventas ………………………………………. 36 Sentencia SQL para consulta de dos tablas ………………. 38 Reportes …………………………………………………………………… 39 Sentencia SQL para consulta de tres tablas ……………… 40

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 4

Nota: Para este paso ya debes de tener instalado todo lo necesario en tu computadora para poder realizar los ejercicios, en caso contrario puedes ver los 3 videos del curso básico de programación en php que te regalo al registrarte solo con tu nombre y tu correo electrónico en http://AprendeAprogramarEnPHPya.com

Capítulo 1: BASE DE DATOS

La base de datos sobre la que se va a trabajar en este tutorial debe tener la siguiente la estructura:

Base de datos: TiendaCDs

Tablas Campos

Productos id, nombre, codigo, tipo, genero, precio, existencia Ventas id, fecha, codigo_producto, cantidad, id_cajero Cajeros id, nombre, pass, permisos

A los campos les faltan saber los tipos de datos que se van a guardar en ellos, esto lo sabrás ahora que te diga como configurar esto en el phpMyAdmin.

Vamos paso a paso y con capturas de pantalla, pero antes del primer paso para configurar la base de datos asegúrate que se este ejecutando el apache y el mysql. Si tienes el Xampp lo puedes ver abriendo el panel del control del mismo, y en donde dice apache debe estar una leyenda que diga “ running” esto mismo debe aparecer en la etiquete de mysql. En la imagen 1.1 puedes ver un ejemplo del panel de control.

Imagen 1.1 Panel de Control del Xampp

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 5

Bien, una vez que estés seguro que se encuentra corriendo en tu computadora el Apache y el Mysql, abre el explorador de internet que utilices ( google chrome, internet explorer, firefox, opera, etc.) y anotas dentro de la barra de direcciones “http://localhost/phpmyadmin” te tiene que dar un resultado muy parecido al que se muestra en la imagen 1.2.

Una vez que encuentres en la interfaz principal del phpMyAdmin, vas a crear la base de datos TiendaCDs, para hacer esto ubica en la interfaz la parte que dice “ Crear nueva base de datos” y anota el nombre TiendaCDs antes de darle click en crear. Utiliza la imagen 1.3 de referencia.

Nota: Si configuraste tu computadora con otro paquetería diferente al Xampp o bien lo realizaste manualmente, asegúrate de que tengas instalado el phpMyAdmin. Para que veas un resultado parecido al de la imagen 1.2. Puedes ver como realizar la instalación en http://AprendeAprogramarEnPHPya.com/blog/

Imagen 1.2 – Interfaz del phpMyAdmin.

Imagen 1.3 – Como crear la base de datos TiendaCDs

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 7

• Campo : existencia, tipo: int

Una vez capturados los datos anteriores das click en el botón que dice grabar, ubicado en el fondo de la página para que se guarde la configuración de esta nueva tabla. Para saber si lo realizaste correctamente debes de tener en pantalla un resultado parecido a la que muestra la imagen 1.5, verifica que diga que la tabla se creó (ver flecha roja).

Hasta este punto se ha creado la base de datos TiendaCDs con una tabla llamada productos. Ahora falta crear las otras dos tablas con sus campos, para esto le damos click donde dice TiendaCDs (observa la flecha azul de la imagen 1.5). Y en la pantalla que aparece debes ubicar donde dice “Crear nueva tabla en la base de datos TiendaCDs” y en el cuadro de texto que dice “Nombre:” anotas “ventas” y en el cuadro que dice “Número de campos:” pones 5. Cuando le des click en continuar te va mandar nuevamente a una pantalla parecida a la de la imagen 1.4 pero ahora con 5 filas. En esa pantalla vas a configurar los siguientes campos con sus atributos como sigue:

• Campo : id, tipo: int, índice: primary, A_I : seleccionado
• Campo : fecha, tipo: datetime
• Campo : código_producto, tipo: varchar, longitud/valores: 10.
• Campo : cantidad, tipo: int
• Campo : id_cajero, tipo: int

Y vuelves a darle click en TiendaCDs como lo muestra la flecha azul en la imagen 1.5, repitiendo los pasos anteriores para ahora dar de alta la tabla “cajeros” con los campos y atributos siguientes:

Imagen 1.5 – phpMyAdmin después de configurar correctamente la tabla productos

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 8

• Campo : id, tipo: int, índice: primary, A_I : seleccionado
• Campo : nombre, tipo: varchar, longitud/valores: 20.
• Campo : pass, tipo: varchar, longitud/valores: 5.
• Campo : permisos, tipo: int.

Verifica que al final tengas tus tres tablas, para hacerlo puedes comparar tu pantalla con la de la imagen que te muestro a continuación y asegúrate que la parte marcada de la imagen 1.6, también la tengas en tu pantalla.

Has terminado la primer sección de este tutorial que es donde se realiza la configuración de la base de datos sobre la que vas a trabajar el resto del proyecto, así que no continúes hasta que estés seguro de haber completado correctamente este primer capitulo, si por alguna razón no explico correctamente como llevar acabo la configuración de las tablas, campos y atributos, sabes que cuentas con el blog: http://AprendeAprogramarEnPHPya.com/blog.

Imagen 1.6 – phpMyAdmin mostrando la base de datos TiendaCDs con tres tablas (cajeros, productos y ventas)

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 10

Nota: Si quieres profundizar mas en el uso de funciones recuerda que cuentas con el sitio http://AprendeAprogramarEnPHPya.com/blog.

Es la hora del segundo archivo y es en realidad el que va a tener la función encargada de conectar la base de datos, para poder tener acceso a ello y ejecutar la tarea que en caso se requiera, como es insertar, consultar y/o modificar. Vamos paso a paso:

 Abre un nuevo documento en el editor que estés usando (si no sabes como, te recomiendo que veas los 3 videos de conceptos básicos de php que te regalo en http://AprendeAprogramarEnPHPya.com/blog/).  Anótale el siguiente código:

 Un párrafo mas adelante te explico que onda con este código, mientras guardarlo con el nombre de “funciones_mysql.php” y dentro de la carpeta “xampp/htdocs/tiendacd/funciones/” o bien en la ruta donde estés guardando este proyecto.

Ahora si te explico el código: lo primero es indicarle que este script va a requerir los datos del archivo “config_mysql.php” por eso lo incluimos dentro de este proyecto con la función definida include y entre paréntesis la ubicación relativa o exacta del archivo a incluir. Enseguida se declara una función llamada conectar() y no recibe ningún parámetro.

Dentro de la función, lo que esta en negritas son funciones definidas del php:

 mysql_connect: Se utiliza para realizar la conexión con del php con el mysql y recibe tres parámetros:

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 11

o El host al que se quiere realizar la conexión, si estas trabajando en tu maquina y con la configuración por defecto de xampp es localhost. o El usuario que tiene permisos para ingresar a esa base de datos. o El password que le configuraste a ese usuario para tener interacción con el mysql.  or die: Si la conexión con la base de datos o bien la selección de la base de datos no se dio con éxito, imprime en la pantalla ERROR EN CONEXIÓN o ERROR AL SELECCIONAR BASE DE DATOS o bien lo que hayas anotado entre las comillas.  mysql_error(): Esta función sirve para cachar y mostrar el error que provoco que la función en cuestión no se llevara acabo con éxito.  return: Regresa el link de conexión que se necesita para llevar acabo las tareas propias de las base de datos (mas adelante se te aclarara este punto).

Bien hasta aquí tienes listo tu base de datos, el archivo con la configuración para conectar tu PHP con el motor de MySQL y el archivo con el script que se necesita para realizar con éxito la conexión a tu MySQL.

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 13

1 //verifica que se selecciono 2 if ($_GET['id']==1){ //inserta cajeros 3 //muestra el formulario para cajero 4 echo "CAPTURA LOS DATOS DEL NUEVO CAJERO 5 6 Nombre: 7 Pass:(no mayor a 5 caracteres) 8 Permisos: 9 10 11 12 13 14 "; 15 }//fin del if get

Nota: “//” estas dos diagonales indican que de allí en adelante esa línea es comentario. También se puede utilizar /* para indicar el inicio de comentarios y */ para terminar.

Te explico esta otra parte del código, en la línea 2 checamos si se desea insertar cajeros o productos, indicado por la variable id que viene de la pagina anterior por la barra de direcciones (es decir, utilizando el método GET), si la condición se cumple se imprime en el explorador el código HTML encargado de mostrar el formulario que muestra los campos solicitando los datos a insertar. En la línea 5 donde dice action=’$PHP_SELF’ significa que los datos los va enviar a esta misma página, es decir, se recarga esta página pero recibe los datos por el método post (indicado en esa misma línea) capturados en el formulario y por último de este trozo de código la línea 13 es type=’submit’ para indicarle que cuando se presione ese botón se envíe el formulario, observa que se crea una instancia de nombre boton y con un valor Alta_Cajero.

Nota: echo se utiliza para imprimir en el explorador o en pantalla.

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 14

1 else{//inserta productos 2 //muestra el formulario para producto 3 echo "CAPTURA LOS DATOS DEL NUEVO PRODUCTO 4 5 Nombre: 6 Codigo: 7 Tipo:(Musica, pelicula) 8 Genero: 9 Precio por unidad ($): 10 Existencia: 11 12 "; 13 }//fin del else get

1 //si le dio click al boton de alta cajero o producto 2 //entra aqui 3 if (isset($_POST['boton'])){ 4 /******************************************* 5 *******cargamos las funciones mysql ********** 6 *******************************************/ 7 include ("funciones/funciones_mysql.php"); 8 conectar(); 9 /*********************************************/

Nota: En el capitulo de crear la conexión se explica a detalle como se puede realizar aquí solo usamos esa función ya programada. Puedes obtener mas información en http://AprendeAProgramarEnPHPya.com/blog

Con esta parte de código se imprime el formulario para insertar productos y se muestra en los casos donde la variable id adquirida por el método GET sea diferente de 1 inclusive ejecuta esta sección si no define id. El código es muy similar al anterior así que doy por entendido que se comprende esta parte del código.

No pierdas de vista que este código es parte del mismo archivo y que solo lo he divido en partes para explicarlo con mas detalle. En esta parte del código lo que buscas es verificar que se ha presionado el botón submit de alguno de los dos formularios (que tienen el mismo nombre porque solo se mostrara uno a la vez), en caso afirmativo se llama la función encargada de conectar con MySQL y con la base de datos a manejar.

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 16

1 3 :: FORMULARIOS PARA INSERTAR :: 4 "; 5 //verifica que se selecciono 6 if ($_GET['id']==1){ //inserta cajeros 7 //muestra el formulario para cajero 8 echo "CAPTURA LOS DATOS DEL NUEVO CAJERO 9 10 Nombre: 11 Pass:(no mayor a 5 caracteres) 12 Permisos: 13 14 15 16 17 18 "; 19 }//fin del if get 20 else{//inserta productos 21 //muestra el formulario para producto 22 echo "CAPTURA LOS DATOS DEL NUEVO PRODUCTO 23 24 Nombre: 25 Codigo: 26 Tipo:(Musica, pelicula) 27 Genero: 28 Precio por unidad ($): 29 Existencia: 30 31 "; 32 }//fin del else get 33 34 //si le dio click al boton de alta cajero o producto 35 //entra aqui 36 if (isset($_POST['boton'])){ 37 /******************************************* 38 *******cargamos las funciones mysql ********** 39 *******************************************/ 40 include ("funciones/funciones_mysql.php"); 41 conectar(); 42 /*********************************************/ 43 44

Por fin terminamos el archivo encargado de insertar los datos ya sea en la tabla de productos como en la tabla cajeros, el código final debe quedar como sigue:

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 17

47 //depende cual se seleciono es la 48 //senten cia sql a usar 49 if ($_POST['boton']=='Alta_Producto'){ 50 $sql="INSERT INTO productos (id,nombre,codigo,tipo,genero,precio,existencia) 51 VALUES (null, '$_POST[nombre]', '$_POST[codigo]', '$_POST[tipo]', '$_POST[genero]', $_POST[precio], $_POST[existencia])"; 52 $result = mysql_query($sql) 53 or die("ERROR AL EJECUTAR CONSULTA PRODUCTOS:".mysql_error()); 54 55 echo "DATOS INSERTADOS CORRECTAMENTE Volver al menu, da click aqui "; 56 }//fin if alta_producto 57 //si no fue alta producto entonces es 58 //alta cajero 59 else{ 60 $sql = "INSERT INTO cajeros (id,nombre,pass,permisos) VALUES (null, '$_POST[nombre]', '$_POST[pass]',$_POST[permisos])"; 61 62 $result = mysql_query($sql) 63 or die("ERROR AL EJECUTAR CONSULTA PRODUCTOS:".mysql_error()); 64 65 echo "DATOS INSERTADOS CORRECTAMENTE Volver al menu, da click aqui "; 66 }//fin alta_cajero 67 }//fin boton submit 68 69 70 echo ""; 71 ?>

Bueno antes de dar por terminado el capitulo 3, déjame decirte que este código esta testeado y ha sido copiado desde el editor de código a este tutorial precisamente para asegurarme de su funcionamiento. Te pido de favor que si seriamente quieres Aprender A Programar en PHP ya, revises este tutorial paso a paso y transcribas los códigos, esta es la razón por la que NO VOY A PONER LOS CODIGOS PARA DESCARGAR , solo este tutorial.

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 19

Nota: Si no sabes como ver el resultado del archivo, puedes ver los 3 videos tutoriales básicos gratuitos en http://AprendeAProgramarEnPHPya.com

1 Resultado Consulta 19 "; 20 //sacas los valores del arreglo 21 while ($campo = mysql_fetch_array($result)){ 22 if ($tabla == 'cajeros'){ 23 echo "$campo[id] 24 $campo[nombre]$campo[pass]$campo[permisos]"; 25 }else{ 26 echo " $campo[id]$campo[nombre]$campo[codigo] 27 $campo[tipo]$campo[genero]$campo[precio] 28 $campo[existencia]"; 29 } 30 } 31 echo "Realizar otra búsqueda 32 Click Aquí"; 33 34 ?>

Es la hora de aprender a programar en php las consultas así que abre un archivo nuevo y anota en él, el siguiente código:

Imagen 4.1 Muestra la interfaz del código de consulta_panel.html

y Domina las Bases de Datos. Salvador López Profesor Programación

http://AprendeAProgramarEnPHPya.com/blog |Salvador López – Profesor de 20

Te explico, el código para su mejor comprensión; de la línea 1 a la 14 esta bastante entendible con lo que esta comentado en el mismo código (recuerda que tienes disponibles los artículos en http://AprendeAprogramarEnPHPya.com/blog, para profundizar en lo que no comprendas), así que pasemos a la línea 14 donde esta la sentencia SQL, y mas especifico la palabra “LIKE” es la que permite realizar búsquedas con comodín, por ejemplo, si deseo buscar todos los nombre de cajero que empiecen con la S entonces puedo poner en la caja de texto “S%” o bien si deseo obtener todos los registros donde el nombre del producto incluya la palabra “cosa” en cualquier parte del nombre, puedes anotar “%cosa%” y esto lo puedes lograr gracias al LIKE del SQL.

Creo que es lo único comentable de este código, lo demás esta entendible con lo comentado en el mismo y si no, no te preocupes notarás como hay partes del código muy repetitivas que terminaras por comprender y dominar fácilmente, claro siempre y cuando realices estos ejemplos manualmente.

Bueno esto es todo por este capítulo espero haber sido claro y sobretodo haber logrado alcanzar mi objetivo primordial que es QUE APRENDAS A PROGRAMAR EN PHP YA como realizar una consulta simple****.