Practica4_ProWeb_Osvaldo_Rincon_Campos - osvaldo campos

•

Outros

0

Desafío México Veintitrés

17/5/2023

¡Estudia con miles de materiales!

Entonces, ¿te gustó este material?

Ayude a animar a otros estudiantes a mejorar el contenido

¿Te gustó este material? ¡Compartir! 🧡

Otros

101.766 Materiales compartidos

Descarga la aplicación para disfrutar aún más

Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!

Vista previa del material en texto

Tema 4 Actividad 1 “Reporte de Practicas” 
Nombre del estudiante: Osvaldo Rincón Campos 
Huatusco, Ver, 31 de mayo de 2022. 
 
 Programación Web 
 
Programación web 
Página | 1 
 
1.-Registro de Producto 
<?php 
 include("header.php"); 
?> 
 <h1>Registro de nuevos productos</h1> 
 <form name="fregistro" id="fregistro" action="confirmar_registro.php" method="post"> 
 <div class="form-group"> 
 <label for="exampleFormControlInput1">Codigo del Producto</label> 
 <input type="Text" class="form-control" id="codigo" name="codigo" placeholder="PR01"> 
 </div> 
 <div class="form-group"> 
 <label for="exampleFormControlInput1">Nombre del Producto</label> 
 <input type="Text" class="form-control" id="nombre" name="nombre" placeholder="Laptop"> 
 </div> 
 <div class="form-group"> 
 <label for="exampleFormControlTextarea1">Descripcion</label> 
 <textarea class="form-control" id="descripcion" name="descripcion" rows="3"></textarea> 
 </div> 
 <div class="form-group"> 
 <label for="exampleFormControlInput1">precio del producto</label> 
 <input type="number" class="form-control" id="precio" name="precio"> 
 </div> 
 <div class="form-group"> 
 <label for="exampleFormControlSelect1">Categoria</label> 
 <select class="form-control" id="categoria" name="categoria"> 
 <option value="Equipos de computo">Equipos de computo</option> 
 <option value="Celulares">Celulares</option> 
 <option value="Accesorios">Accesorios</option> 
 <option value="Impresoras">Impresoras</option> 
 <option value="Maletines y Mochilas">Maletines y Mochilas</option> 
 </select> 
 </div> 
Programación web 
Página | 2 
 
 <div class="form-group"> 
 <button type="submit" class="btn btn-primary btn-lg btn-block">Registrar</button> 
 </div> 
 
 </form> 
<?php 
 include("footer.php"); 
?> 
 
2.-Header 
<!doctype html> 
<html lang="en"> 
<?php 
 include('conexion.php'); 
?> 
 <head> 
 <!-- Required meta tags --> 
 <meta charset="utf-8"> 
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
 
 <!-- Bootstrap CSS --> 
 <link rel="stylesheet" 
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-
zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" 
crossorigin="anonymous"> 
 
 <title>Tiendita ISC</title> 
 </head> 
 <body> 
 
 <div class="container"> 
 <nav class="navbar navbar-expand-lg bg-light"> 
 <a class="navbar-brand" href="#">Tiendita ISC</a> 
Programación web 
Página | 3 
 
 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-
target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-
label="Toggle navigation"> 
 <span class="navbar-toggler-icon"></span> 
 </button> 
 <div class="collapse navbar-collapse" id="navbarNavDropdown"> 
 <ul class="navbar-nav"> 
 
 <li class="nav-item dropdown"> 
 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" 
data-toggle="dropdown" aria-expanded="false"> 
 Productos 
 </a> 
 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> 
 <a class="dropdown-item" href="Registro_producto.php">Registro</a> 
 <a class="dropdown-item" href="buscar_producto.php">Buscar</a> 
 <a class="dropdown-item" href="#">Actualizar</a> 
 <a class="dropdown-item" href="#">Borrar</a> 
 </div> 
 </li> 
 </ul> 
 </div> 
</nav> 
 
3.-Footer 
 <div class="card text-center"> 
 <div class="card-header"> 
 Instituto Tecnologico Superior de Huatusco 
 </div> 
 <div class="card-body"> 
 <h5 class="card-title">Programacion Web</h5> 
 <p class="card-text">Ingenieria en Sistemas Computacionales</p> 
Programación web 
Página | 4 
 
 <a href="#" class="btn btn-primary">Suscribirse</a> 
 </div> 
 <div class="card-footer text-muted"> 
 Avenida 25 pte. numero 100 Colonia Reserva Territorial C.P 94100 Huatusco 
 </div> 
</div> 
 
 </div> 
 
 
 <!-- Optional JavaScript; choose one of the two! --> 
 <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) --> 
 <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-
DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" 
crossorigin="anonymous"></script> 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" 
integrity="sha384-
fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" 
crossorigin="anonymous"></script> 
 
 <!-- Option 2: Separate Popper and Bootstrap JS --> 
 <!-- 
 <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-
DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" 
crossorigin="anonymous"></script> 
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" 
integrity="sha384-
9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" 
crossorigin="anonymous"></script> 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" 
integrity="sha384-
VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" 
crossorigin="anonymous"></script> 
 --> 
 </body> 
</html> 
 
Programación web 
Página | 5 
 
4.- Confirmar Registro 
<?php 
 include("header.php"); 
 $codigo=$_POST["codigo"]; 
 $nombre=$_POST["nombre"]; 
 $descripcion=$_POST["descripcion"]; 
 $precio=$_POST["precio"]; 
 $categoria=$_POST["categoria"]; 
 
 /*echo "Codigo $codigo <br>"; 
 echo "Nombre $nombre <br>"; 
 echo "Descripcion $descripcion <br>"; 
 echo "Precio $precio <br>"; 
 echo "Categoria $categoria <br>";*/ 
 
 if($insert=$conexion->query("insert into producto 
values('$codigo','$nombre','$descripcion',$precio,'$categoria')")){ 
 ?> 
 <div class="alert alert-success" role="alert"> 
 <h4 class="alert-heading">Registro Completo!</h4> 
 <p>Su producto ha sido dado de alta en el sistema</p> 
 <hr> 
 <p class="mb-0">Consulte el listado de productos en el menu producto buscar</p> 
 </div> 
 <?php 
 }else{ 
 echo '<div class="alert alert-danger" role="alert"> 
 <h4 class="alert-heading">El registro no se pudo Completar</h4> 
 <p>Su producto no ha sido dado de alta en el sistema</p> 
 <hr> 
 <p class="mb-0">Regrese al apartado de registro e intente nuevamente</p> 
Programación web 
Página | 6 
 
 </div>'; 
 } 
 
?> 
 
<?php 
 include("footer.php"); 
?> 
 
5.- Conexión 
<?php 
 $conexion=new mysqli('localhost', 'root', ' 
 ', 'ejemplo_conexion') ; 
 $conexion->set_charset("utf8"); 
 if(!$conexion) { 
 die("No se pudo conectar con la base de datos".mysql_error()); 
 } 
?> 
 
6.- Buscar Producto 
<?php 
 include("header.php"); 
?> 
<h1>Listado de Productos en Tienda</h1> 
<table class="table table-striped"> 
 <thead> 
 <tr> 
 <th scope="col">Codigo</th> 
 <th scope="col">Nombre</th> 
 <th scope="col">Descripcion</th> 
Programación web 
Página | 7 
 
 <th scope="col">Precio</th> 
 <th scope="col">Categoria</th> 
 </tr> 
 </thead> 
 <tbody> 
 <?php 
 $res=$conexion->query("Select codigo, nombre, descripcion, precio, categoria from producto"); 
 while($var_fila=$res->fetch_array()){ 
 echo "<tr>"; 
 echo "<td>".$var_fila["codigo"]."</td>"; 
 echo "<td>".$var_fila["nombre"]."</td>"; 
 echo "<td>".$var_fila["descripcion"]."</td>"; 
 echo "<td>".$var_fila["precio"]."</td>"; 
 echo "<td>".$var_fila["categoria"]."</td>"; 
 echo "</tr>"; 
 } 
 ?> 
 </tbody> 
</table> 
<?php 
 include("footer.php"); 
?>Programación web 
Página | 8 
 
 Capturas de pantalla de la página web y de la base de datos 
 
 
 
 
Programación web 
Página | 9 
 
 
 
 Link a la carpeta de Drive 
https://drive.google.com/drive/folders/1Rq2G2s58mKZ1y2BVOWInvuXwPSkex_1r?usp=sharing