Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 27

Proyecto individual Códigos

Juan Carlos Aguilar Flores


Login.html
<HTML>

<HEAD>

<H1>

<TITLE>

Men&uacute; de aplicaci&oacute;n WEB

</TITLE>

</HEAD>

<BODY>

<CENTER>

<BR>

Manejando BD de Alumnos

<BR>

</H1>

</CENTER>

<CENTER>

<table width="242" border="1">

<tr bgcolor="#336699" style="color:#FF6";><td height="30"


align="center">SELECCIONE UNA OPCI&Oacute;N DEL MEN&Uacute;</td></tr>

<tr bgcolor="#CEF6F5" onMouseOver="this.style.background='#FFD961';"


onMouseOut="this.style.background='#CEF6F5';">

<td align="center"><a href = registro.html>Registro</a></td>

</tr>
<tr bgcolor="#CEF6F5" onMouseOver="this.style.background='#FFD961';"
onMouseOut="this.style.background='#CEF6F5';">

<td align="center"><a href = 'mostrar.php'>Mostrar</a> </td>

</tr>

<tr bgcolor="#CEF6F5" onMouseOver="this.style.background='#FFD961';"


onMouseOut="this.style.background='#CEF6F5';">

<td align="center"><a href = eliminar.php>Borrar</a> </td>

</tr>

<tr bgcolor="#CEF6F5" onMouseOver="this.style.background='#FFD961';"


onMouseOut="this.style.background='#CEF6F5';">

<td align="center"><a href='buscar.html'>Buscar</a> </td>

</tr>

<tr bgcolor="#CEF6F5" onMouseOver="this.style.background='#FFD961';"


onMouseOut="this.style.background='#CEF6F5';">

<td align="center"><a href='registroactualizar.html'>Actualizar</a> </td>

</tr>

</table>

</BODY>

</CENTER>

</HTML>
Login.php
<?php

$u = $_POST["username"];

$p = $_POST["password"];

try {

echo ' <link rel="stylesheet"


href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">';

echo ' <script


src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>';

echo ' <link rel="stylesheet"


href="https://use.fontawesome.com/releases/v5.0.8/css/solid.css">

<script src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>';

echo ' <div class="tab-content" id="myTabContent">';

echo ' <div class="tab-pane fade show active" id="list" role="tabpanel" aria-
labelledby="list-tab">';

echo ' <div class="card">';

echo ' <div class="card-header">';

echo ' <h4>DATOS USUARIO</h4>';

echo ' </div>';

echo ' <div class="card-body">';

echo ' <div class="table-responsive">';

echo ' <table id="userList" class="table table-bordered table-hover table-striped">';


echo ' <thead class="thead-light">';

echo ' <tr>';

echo ' <th scope="col">ID usuario</th>';

echo ' <th scope="col">Nombre</th>';

echo ' <th scope="col">Edad</th>';

echo ' <th scope="col">Sexo</th>';

echo ' <th scope="col">Comentarios</th>';

echo ' <th scope="col">Correo</th>';

echo ' <th scope="col">Contraseña</th>';

echo ' <th scope="col"></th>';

echo ' </tr>';

echo ' </thead>';

echo ' <tbody>';

include "conexion.php";

$consulta = "SELECT * FROM `usuario` WHERE usuario.correo ='" . $u . "' and


usuario.password='" . $p . "'";

// echo $consulta;

$conectar->query($consulta);

$myconsulta = $conectar->query($consulta);

$filas = $myconsulta->num_rows;

if ($filas >= 1) {

while ($lafila = $myconsulta->fetch_assoc()) {

echo '<tr>';
echo '<th>' . $lafila['no_usuario'] . '</th>';

echo '<td>' . $lafila['nombre'] . '</td>';

echo '<td>' . $lafila['edad'] . '</td>';

echo '<td>' . $lafila['sexo'] . '</td>';

echo '<td>' . $lafila['comentarios'] . '</td>';

echo '<td>' . $lafila['correo'] . '</td>';

echo '<td>' . $lafila['password'] . '</td>';

echo '<td>';

$id=$lafila['no_usuario'];

$n=urlencode($lafila['nombre']);

$e=urlencode($lafila['edad']);

$s=urlencode($lafila['sexo']);

$c=urlencode($lafila['comentarios']);

$co=urlencode($lafila['correo']);

$pass = urlencode($lafila['password']);

echo '<a href="actualizar.php?id='.$id.'&n='.$n.'&e='.$e.'&s='.$s.'&c='.$c.'&co='.


$co.'&pass='.$pass.' "> <i class="fas fa-edit"></i> </a>';

echo'<a href=eliminar.php?id='.$lafila['no_usuario'].'><i class="fas fa-user-


times"></i></a>';

echo '</td>';

echo '</tr>';

echo '</tbody>';

echo '</table>';

echo '</div>';
echo '</div>';

echo '</div>';

echo '</div>';

echo '</div>';

} catch (\Throwable $th) {

echo "ingresa todos los datos por favor";

echo "<a href=\"indexdb.php\">REGRESAR</a>";

Actualizacion.php
<?php

include "conexion.php";

$id = $_POST['id'];

$n = $_POST["Nombre"];

$e = $_POST["Edad"];

$s = $_POST["Sexo"];

$c = $_POST["Comentarios"];

$co = $_POST["Correo"];

$pass = $_POST["Password"];

$consulta = "update usuario set nombre = '$n', edad = '$e', sexo = '$s', comentarios =
'$c', correo = '$co', password = '$pass' where no_usuario= '$id'";

$conectar->query($consulta);

$conectar->close();

header("Location: index.php");
exit();

?>

Actualizar.php
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></
script>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-


KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvX
usvfa0b4Q" crossorigin="anonymous"></script>

<script src="main.js"></script>

<?php

$id = urldecode($_GET['id']);

$n = urldecode($_GET['n']);

$e = urldecode($_GET['e']);

$s = urldecode($_GET['s']);

$c = urldecode($_GET['c']);

$co = urldecode($_GET['co']);

$pass = urldecode($_GET['pass']);
?>

<div class="card-body">

<form autocomplete="off" METHOD="post" ACTION="actualizacion.php">

<div class="form-group">

<input type="text" name="id" id="id" tabindex="0" class="form-control" value="<?


php echo $id; ?>" readonly>

</div>

<div class="form-group">

<input type="text" name="Nombre" id="Nombre" tabindex="1" class="form-control"


placeholder="Nombre" value="<?php echo $n; ?>">

</div>

<div class="form-group">

<label for="sel1">Edad</label>

<select class="form-control" name="Edad" id="Edad" tabindex="2">

<?php for ($i = 1; $i <= 99; $i++) { ?>

<option <?php if ($e == $i) {

echo ("selected");

} ?>><?php echo $i; ?></option>

<?php } ?>

</select>

</div>
<div class="form-group">

<label for="sel2">Sexo</label>

<select class="form-control" name="Sexo" id="Sexo" tabindex="3">

<option <?php if ($s == 'H') {

echo ("selected");

} ?> value="H">H</option>

<option <?php if ($s == 'M') {

echo ("selected");

} ?> value="M">M</option>

</select>

</div>

<div class="form-group">

<label for="Correo">Correo</label>

<input type="email" class="form-control" id="Correo" name="Correo"


placeholder="Correo" tabindex="4" value="<?php echo $co; ?>">

</div>

<div class="form-group">

<label for="Password">Contraseña</label>

<input type="password" class="form-control" id="Password"


placeholder="Password" name="Password" tabindex="5" value="<?php echo $pass; ?>">

</div>

<div class="md-form mb-4 pink-textarea active-pink-textarea-2 form-group">


<textarea name="Comentarios" id="Comentarios" tabindex="6"
placeholder="Escribenos tu comentario" class="md-textarea form-control" rows="3"><?
php echo $c; ?></textarea>

</div>

<div class="form-group">

<div class="row">

<div class="col-sm-6 col-sm-offset-3">

<input type="submit" name="register-submit" id="register-submit"


tabindex="7" class="form-control btn btn-register" value="Actualizar registro.">

</div>

</div>

</div>

</form>

</div>

Admin User.php
<!DOCTYPE html>

<html lang="en">

<head>

<title>CRUD</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="main.js"></script>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></
script>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-


KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvX
usvfa0b4Q" crossorigin="anonymous"></script>

<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.0.8/css/solid.css">

<script src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>

<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></
script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/


css/bootstrap.css">

<link rel="stylesheet"
href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">

<script type="text/javascript">

$(document).ready(function() {

//Asegurate que el id que le diste a la tabla sea igual al texto despues del simbolo
#

$('#userList').DataTable();

$('#userList_length').hide();
});

</script>

</head>

<body>

<div class="container">

<div class="mx-auto col-sm-20 main-section" id="myTab" role="tablist">

<ul class="nav nav-tabs justify-content-end">

<li class="nav-item">

<a class="nav-link active" id="list-tab" data-toggle="tab" href="#list" role="tab"


aria-controls="list" aria-selected="false">VISTA</a>

</li>

</ul>

<div class="tab-content" id="myTabContent">

<div class="tab-pane fade show active" id="list" role="tabpanel" aria-


labelledby="list-tab">

<div class="card">

<div class="card-header">

<h4>GESTION DE PC</h4>

</div>

<div class="card-body">

<div class="table-responsive">

<table id="userList" class="table table-bordered table-hover table-


striped">

<thead class="thead-light">

<tr>
<th scope="col">Nombre de usuario</th>

<th scope="col">Nombre</th>

<th scope="col">Edad</th>

<th scope="col">Sexo</th>

<th scope="col">Comentarios</th>

<th scope="col">Correo</th>

<th scope="col">Contraseña</th>

<th></th>

</tr>

</thead>

<tbody>

<?php

include "conexion.php";

$myconsulta = $conectar->query("select * from usuario");

$filas = $myconsulta->num_rows;

if ($filas >= 1) {

while ($lafila = $myconsulta->fetch_assoc()) {

?>

<tr>

<th><?php echo $lafila['no_usuario']; ?></th>

<td> <?php echo $lafila['nombre']; ?> </td>

<td> <?php echo $lafila['edad']; ?></td>

<td> <?php echo $lafila['sexo']; ?> </td>

<td> <?php echo $lafila['comentarios']; ?> </td>

<td> <?php echo $lafila['correo']; ?> </td>

<td> <?php echo $lafila['password']; ?> </td>

<td>
<?php

$id=$lafila['no_usuario'];

$pr=urlencode($lafila['nombre']);

$ram=urlencode($lafila['edad']);

$tv=urlencode($lafila['sexo']);

$fp=urlencode($lafila['comentarios']);

$hd=urlencode($lafila['correo']);

$mo = urlencode($lafila['password']);

echo '<a href="actualizar.php?id='.$id.'&m='.


$mo.'&p='.$pr.'&r='.$ram.'&tv='.$tv.'&fp='.$fp.'&h='.$hd.' ">

<i class="fas fa-edit"></i> </a>';

?>

<br>

<a href=eliminar.php?id=<?php echo


$lafila['no_usuario']; ?>><i class="fas fa-user-times"></i></a>

</td>

</tr>

<?php

} //fin del while


}

?>

</tbody>

</table>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

Catalogo_producto.html
<HTML>

<TITLE>Manipulando una BD</TITLE>

<h1>

<CENTER>

Lista de Productos

</h1>

</CENTER>

<BR>
<center>

<table border="1">

<tr bgcolor="#336699" style="color:#FF6" ;>

<td>Clave Producto</td>

<td>Nombre</td>

<td>Cantidad en Almacén</td>

<td>Unidad</td>

<td>Comprar</td>

</tr>

<?php

include "conexion.php";

$myconsulta = $conectar->query("select * from tb_producto where activo_producto =


1");

$filas = $myconsulta->num_rows;

if ($filas >= 1) {

while ($lafila = $myconsulta->fetch_assoc()) {

?>

<tr bgcolor="#CEF6F5" onmouseover="this.style.background='#FFD961';"


onmouseout="this.style.background='#CEF6F5';">

<td> <?php echo $lafila['cve_producto']; ?> </td>

<td> <?php echo $lafila["nom_producto"] . " " . $lafila["existencia_producto"] .


" " . $lafila["foto_producto"]; ?></td>

<td> <?php echo $lafila['precio_venta_producto']; ?> </td>

<!--Link de foto del producto -->

<td> <?php echo "<img src=". $lafila['foto_producto']." widt= 40


height = 40>" ?> </td> <!--Link demetodo GET para mandar la variable en el hipervinculo
-->
<td> <?php echo "<a href= buscar.php?cve_producto=".
$lafila['cve_producto'] . ">Comprar</a>"?> </td>

</tr>

<?php

} //fin del while

?>

</table>

<br>

</center>

</HTML>

Conexión.php
<?php

$host="localhost"; //en todos los casos debe ser localhost

$usuario="root";//usuario de la base de datos

$password="";//password si lo tiene y si no es vacio

$basedatos="carrito";//base de datos a utilizar

/***********************************

establece la conexion

***********************************/

$conectar= new mysqli($host,$usuario,$password,$basedatos);

//evalua si se estabeció la conexion

if($conectar->connect_error)

echo "Error en la conexion";


}

else {

echo "conexion exitosa!!!";

/*$conectar->close();

la conexion debe permanecer abierta para las opciones de index.html*/

?>

Eliminar.php
<?php

$valornumeroc = $_GET['id'];

include "conexion.php";

$myconsulta = "delete from usuario where no_usuario=" . $valornumeroc;

$conectar->query($myconsulta);

$conectar->close();

header("Location: index.php");

exit();

?>

Index.php
<!DOCTYPE html>

<html lang="en">

<head>

<title>Iniciar Sesion</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="main.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"
rel="stylesheet" id="bootstrap-css">

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

<!------ Include the above in your HEAD tag ---------->

</head>

<style>

body {

padding-top: 90px;

.panel-login {

border-color: #ccc;

-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);

-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);

box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);

.panel-login>.panel-heading {

color: #CB0D0D;

background-color: #fff;

border-color: #fff;

text-align: center;

}
Lista_Productos.html
<HTML>

<TITLE>Manipulando una BD</TITLE>

<h1>

<CENTER>

Lista de Productos

</h1>

</CENTER>

<BR>

<center>

<table border="1">

<tr bgcolor="#336699" style="color:#FF6" ;>

<td>Clave Producto</td>

<td>Nombre</td>

<td>Cantidad en Almacén</td>

<td>Unidad</td>

<td>Comprar</td>

</tr>

<?php

include "conexion.php";

$myconsulta = $conectar->query("select * from tb_producto where activo_producto =


1");

$filas = $myconsulta->num_rows;

if ($filas >= 1) {

while ($lafila = $myconsulta->fetch_assoc()) {

?>
<tr bgcolor="#CEF6F5" onmouseover="this.style.background='#FFD961';"
onmouseout="this.style.background='#CEF6F5';">

<td> <?php echo $lafila['cve_producto']; ?> </td>

<td> <?php echo $lafila["nom_producto"] . " " . $lafila["existencia_producto"] .


" " . $lafila["foto_producto"]; ?></td>

<td> <?php echo $lafila['precio_venta_producto']; ?> </td>

<!--Link de foto del producto -->

<td> <?php echo "<img src=". $lafila['foto_producto']." widt= 40


height = 40>" ?> </td> <!--Link demetodo GET para mandar la variable en el hipervinculo
-->

<td> <?php echo "<a href= buscar.php?cve_producto=".


$lafila['cve_producto'] . ">Comprar</a>"?> </td>

</tr>

<?php

} //fin del while

?>

</table>

<br>

</center>

</HTML>

Nuevo_producto.html
<HTML>

<H1>

<TITLE>Registro de Producto</TITLE>

<CENTER>Registro de Producto</CENTER>
<BR>

<FORM METHOD="post" ACTION="nuevo_producto.php">

<BR>

<TABLE ALIGN="CENTER">

<TR>

<TD></TD>

</TR>

<TR>

<TD>Nombre Producto:</TD>

<TD><INPUT TYPE="text" NAME="nom_producto" SIZE="100" VALUE=""></TD>

</TR>

<TR>

<TD>Descripción Producto:</TD>

<TD><textarea rows="10" NAME="des_producto" cols="40"></textarea></TD>

</TR>

<TR>

<TD>Departamento Producto:</TD>

<TD><select name = "departamento_producto">

<option value = "Portatiles">Portatiles</option>

<option value = "Escritorio">Escritorio</option>

<option value = "MAC">MAC</option>

<option value = "Impresoras">Impresoras</option>

</TD>
</TR>

<TR>

<TD>Precio Venta:</TD>

<TD><INPUT TYPE="text" NAME="precio_venta_producto" SIZE="3"


VALUE=""></TD>

</TR>

<TR>

<TD>Precio Compra:</TD>

<TD><INPUT TYPE="text" NAME="precio_compra_producto" SIZE="3"


VALUE=""></TD>

</TR>

<tr>

<TD>Unidad de Medida</TD>

<TD><select name = "unidad_producto">

<option value = "Pieza">Pieza</option>

<option value = "Metro">Metro</option>

<option value = "Kilo">Kilo</option>

<option value = "Litro">Litro</option>

</TD>

</tr>
<TR>

<TD>Foto (nombre solamente)</TD>

<TD>

<INPUT TYPE="Text" NAME="foto_producto" SIZE="3" VALUE="">

</TD>

</TR>

<TR>

<TD>Existencia Producto</TD>

<TD> <INPUT TYPE="Text" NAME="existencia_producto" SIZE="3"


VALUE=""></TD>

</TR>

<TR>

<td>

<INPUT TYPE="submit" VALUE="Insertar" NAME="ok">

<INPUT TYPE="reset" VALUE="Borrar" NAME="B2">s

<td>

</TR>

</TABLE>

</FORM>

</HTML>

Nuevo_producto.php
PHP DE NUEVO PRODUCTO

<?php

//

//$cve_producto = $_POST["cve_producto"];

$nom_producto = $_POST["des_producto"];

$des_producto = $_POST["des_producto"];

$departamento_producto = $_POST["departamento_producto"];

$precio_venta_producto = $_POST["precio_venta_producto"];

$precio_compra_producto = $_POST["precio_compra_producto"];

$unidad_producto = $_POST["unidad_producto"];

$foto_producto = $_POST["foto_producto"];

$existencia_producto = $_POST["existencia_producto"];

if(!empty($nom_producto) && !empty($des_producto) && !


empty($precio_venta_producto) && !empty($existencia_producto) )

include "conexion.php";//se establece la conexion dentro de la variable $conectar

//Ejecucion de la sentencia SQL

$consulta="insert into tb_producto(nom_producto, des_producto,


departamento_producto, precio_venta_producto, precio_compra_producto,
unidad_producto, foto_producto, existencia_producto) values
('$nom_producto','$des_producto','$departamento_producto', '$precio_venta_producto',
'$precio_compra_producto','$unidad_producto', '$foto_producto', '$existencia_producto')";
$conectar->query($consulta);

echo "El registro fue insertado correctamente <BR>";

echo "<a href=\"catalogo_producto.html\">Ir al catalogo de productos</a>";

//header('Location: http://localhost/carrito/login.html') ;

}else {

echo "ingresa todos los datos por favor";

echo "<a href=\"nuevo_producto.html\">Regresar</a>";

// header('Location: http://localhost/carrito/login.html') ;

?>

Registro.php
<?php

$n = $_POST["Nombre"];

$e = $_POST["Edad"];

$s = $_POST["Sexo"];

$c = $_POST["Comentarios"];

$co = $_POST["Correo"];

$pass = $_POST["Password"];

try {

include "conexion.php";
$consulta = "insert into usuario(nombre,edad,sexo,comentarios,correo,password)
values ('$n','$e','$s','$c','$co','$pass')";

$conectar->query($consulta);

header("Location: index.php");

exit();

} catch (\Throwable $th) {

echo "ingresa todos los datos por favor";

echo "<a href=\"indexdb.php\">REGRESAR</a>";

You might also like