Está en la página 1de 32

Unidad 2 - Fase 3 - Diseño e implementación frontend

Presentado por:

Presentado al tutor:

Grupo:

Universidad nacional abierta y a distancia


27 de septiembre de 2021
Creación de base de datos

Para la creación de base de datos vamos a nuestro navegador y colocamos


en la barra de link “Localhost” el cual nos llevara a este apartado.

En el cual le vamos a dar clic a donde dice “phpmyadmin Database


Manager Version 4.9.1
Aca ingresamos con usuario y contraseña, que en nuestro caso es “root” –
“12345678”

Codigo Para crear base de datos por php


Codigo
<?php
$servername = "localhost";
$username = "root";
$password = "12345678";

// Create connection
$conn = mysqli_connect($servername, $username, $password);
// Check connection
if (!$conn) {
die("Conexión fallida: " . mysqli_connect_error());
}

// Create database
$sql = "CREATE DATABASE bdunad3";
if (mysqli_query($conn, $sql)) {
echo "Base de datos creada Nombre - bdunad3";
} else {
echo "Error creando base de datos: " . mysqli_error($conn);
}

mysqli_close($conn);
?>

Creación de tablas

Para la creación de tablas ejecutamos el siguiente codigo


Codigo para crear Tablas por php

Codigo
<?php
$servername = “localhost”;
$username = “root”;
$password = “12345678”;
$dbname = “bdunad3”;

// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);
// Check connection
if (¡$conn) {
die(“Connection failed: “ . mysqli_connect_error());
}

// sql to ony table


$sql = “CREATE TABLE tabla3 (
CodigoProducto INT(10) PRIMARY KEY,
nombreProducto VARCHAR(30),
MarcaProducto VARCHAR(30),
PrecioProducto VARCHAR(30),
CantidadComprada VARCHAR(30)
)”;

if (mysqli_query($conn, $sql)) {
echo “Tabla creada satisfactoriamente”;
} else {
echo “Error creando tabla personas: “ . mysqli_error($conn);
}

mysqli_close($conn);
¿>

El cual al ser ejecutado nos creara una tabla en la base de datos


Creación de reporte PDF

Para la creación del informe PDF ejecutamos el siguiente codigo


Codigo para crear informe PDF por php

Codigo
<?php
require('../fpdf/fpdf.php');
require('configBD.php');

date_default_timezone_set("America/Bogota");

$pdf = new FPDF();


$pdf->AddPage();
$pdf->SetFont('Arial','B',16);
$pdf->Image('../imagenes/logo.png',10,10,-150);
$pdf->Ln(20);
$pdf->Cell(90,20,'Fecha: '.date('d.m.Y.H.i.s').'',0);
$pdf->Ln(10);
$pdf->Cell(100,20,utf8_decode('REPORTES PDF'));
$pdf->Ln(10);
$pdf->SetFont('Arial','B',8);
$pdf->Cell(20,20,'CodigoProducto');
$pdf->Cell(25,20,'nombreProducto');
$pdf->Cell(25,20,'MarcaProducto');
$pdf->Cell(40,20,'PrecioProducto');
$pdf->Cell(40,20,'CantidadComprada');

$pdf->Ln(10);

$pdf->SetFont('Arial','',8);

$query_select = 'SELECT * FROM tabla3';


$result = mysqli_query($conn,$query_select);

if (mysqli_num_rows($result) > 0) {
// output data of each row
while($reg = mysqli_fetch_assoc($result)) {

$pdf->Cell(20,20, $reg['CodigoProducto'], 0);

$pdf->Cell(25,20, utf8_decode($reg['nombreProducto']), 0);

$pdf->Cell(25,20, utf8_decode($reg['MarcaProducto']), 0);

$pdf->Cell(25,20, utf8_decode($reg['MarcaProducto']), 0);

$pdf->Cell(40,20, utf8_decode($reg['PrecioProducto']), 0);

$pdf->Cell(40,20, utf8_decode($reg['CantidadComprada']), 0);

$pdf->Ln(10);
}
}

$pdf->Output();
mysqli_close($conn);
?>

Creación de BACKUP

Para la creación del BACKUP ejecutamos el siguiente codigo


Codigo para crear BACKUP por php

Codigo
<!DOCTYPE html>
<html lang="es">
<head>
<title>Backup</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></
script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.
js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></
script>
</head>

<body>

<?php
// variables

date_default_timezone_set("America/Bogota");

require('configBD.php');

//Para utilizar Mysqldump y realizar el respaldo, se debe declarar una


variable haciendo referencia a la ubicacion del archivo mysqldump.exe
$mysqldump='"../../../MySQL/bin/mysqldump.exe"';
$backup_file = '"../backups/"'.$dbname. "-" .date("Y-m-d-H-i-s"). ".sql";
system("$mysqldump --no-defaults -u $username -p$password $dbname >
$backup_file",$output);

//var_dump($output); //para mostrar el resultado de la operación, 0


satisfactoria, 1 error en path, 2 error en conexión a base de datos

switch($output){
case 0:

?>
<!-- The Modal -->

<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Excelente</h4>
<button class="close"
onclick="location.href='../index.html'">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-body">

<?php
echo 'La base de datos <b>' .$dbname .'</b> se ha almacenado
correctamente en la siguiente ruta '.getcwd().'/' .$backup_file .'</b>';
?>

</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../index.html'">Cerrar</button>
</div>

</div>
</div>

<?php

break;
case 1:

?>

<!-- The Modal -->


<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Error</h4>
<button class="close"
onclick="location.href='../index.html'">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-body">

<?php
echo 'Se ha producido un error al exportar <b>' .$dbname .'</b> a
'.getcwd().'/ verifique la siguiente ruta: ' .$backup_file .'</b>';
?>

</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../index.html'">Cerrar</button>
</div>

</div>
</div>

<?php

break;
case 2:

?>

<!-- The Modal -->

<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Error</h4>
<button class="close"
onclick="location.href='../index.html'">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-body">

<?php
echo 'Se ha producido un error de exportación, compruebe la
siguiente información: <br/><br/><table><tr><td>Nombre de la base de
datos:</td><td><b>' .$dbname .'</b></td></tr><tr><td>Nombre de usuario
MySQL:</td><td><b>' .$username .'</b></td></tr><tr><td>Contraseña
MySQL:</td><td><b> '.$password.' </b></td></tr><tr><td>Nombre de host
MySQL:</td><td><b>' .$servername .'</b></td></tr></table>';
?>

</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../index.html'">Cerrar</button>
</div>

</div>
</div>

<?php

break;
}

mysqli_close($conn);
?>
</BODY>
</HTML>

Creación de INSERT

Para la ingresar datos a la tabla ejecutamos el siguiente código

Codigo para ingresar datos por php

Codigo
<!DOCTYPE html>
<html lang="es">
<head>
<title>Insertar</title>
<title>Insertar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></
script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.
js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></
script>
</head>
</head>
<body>

<?php

require('configBD.php');

$i = $_POST['CodigoProducto'];
$n = $_POST['nombreProducto'];
$a = $_POST['MarcaProducto'];
$e = $_POST['PrecioProducto'];
$y = $_POST['CantidadComprada'];

$sql = "INSERT INTO tabla3 (CodigoProducto, nombreProducto, MarcaProducto,


PrecioProducto, CantidadComprada) VALUES ('$i', '$n', '$a', '$e', '$y')";

if (mysqli_query($conn, $sql)) {

?>

<!-- The Modal -->

<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Excelente</h4>
<button class="close"
onclick="location.href='../InsertarDB.html'">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-body">
Datos grabados safisfactoriamente
</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../InsertarDB.html'">Cerrar</button>
</div>

</div>
</div>

<?php
} else
{

?>

<!-- The Modal -->

<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Error</h4>
<button class="close"
onclick="location.href='../InsertarDB.html'">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-body">
<?php
echo "Error grabando datos: <br>" . $sql . "<br>" .
mysqli_error($conn);
?>

</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../InsertarDB.html'">Cerrar</button>
</div>

</div>
</div>

<?php

//echo "Error: " . $sql . "<br>" . mysqli_error($conn);


// echo '<script language="javascript">alert("Datos grabados
satisfactoriamente'.$i.'");window.location.href="InsertarDB.html"</script>';

mysqli_close($conn);

?>
Creación de SELECT

Para la consultar datos a la tabla ejecutamos el siguiente código

Codigo para consultar datos por php

Codigo
<!DOCTYPE html>
<html lang="es">
<head>
<title>Insertar</title>
<title>Insertar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></
script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.
js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></
script>
</head>
</head>
<body>

<?php

require('configBD.php');

$id = $_POST['CodigoProducto'];

$sql = "SELECT * FROM tabla3 WHERE id=$id";


$result = mysqli_query($conn, $sql);

if (mysqli_num_rows($result) > 0) {
// output data of each row
while($row = mysqli_fetch_assoc($result)) {

?>

<!-- The Modal -->

<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Datos</h4>
<button class="close"
onclick="location.href='../index.html'">&times;</button>
</div>
<!-- Modal body -->
<div class="modal-body">

<?php
echo "CodigoProducto: " . $row["CodigoProducto"]
. "<br> nombreproducto: " . $row["nombreproducto"]
. "<br> MarcaProducto: " . $row["MarcaProducto"]
. "<br> PrecioProducto: ". $row["PrecioProducto"]
. "<br> CantidadComprada: " . $row["CantidadComprada"]
. "". "<br>";
?>

</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../index.html'">Cerrar</button>
</div>

</div>
</div>

<?php

//$myJSON = json_encode($row);

//echo $myJSON;

} else {

?>

<!-- The Modal -->


<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Error</h4>
<button class="close"
onclick="location.href='../index.html'">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-body">

<?php
echo "Esa persona no existe " . "<br>";
?>

</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../index.html'">Cerrar</button>
</div>

</div>
</div>

<?php

mysqli_close($conn);
?>
Creación de UPDATE

Para la acutalizar datos a la tabla ejecutamos el siguiente código

Codigo para actualizar un producto por php

Codigo
<!DOCTYPE html>
<html lang="es">
<head>
<title>Actualizar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></
script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.
js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></
script>
</head>
</head>
<body>

<?php

require('configBD.php');

$id = $_POST['id'];

$sql = "SELECT * FROM tabla3 WHERE id=$id";


$result = mysqli_query($conn, $sql);

if (mysqli_num_rows($result) > 0) {
// output data of each row
while($row = mysqli_fetch_assoc($result)) {

?>

<div class="container">
<h2>Actualización de productos</h2>
<form action="actualizar2.php" method="POST">
<div class="form-group">
<label>CodigoProducto: :</label>
<input type="text" class="form-control" value=" <?php echo
$row['CodigoProducto'] ?> " id="CodigoProducto" placeholder="Ingrese aquí el
codigo del producto" name="CodigoProducto" readonly>
</div>
<div class="form-group">
<label>nombreproducto:</label>
<input type="text" class="form-control" value=" <?php echo
$row['nombreproducto'] ?> " id="nombreproducto" placeholder="Ingrese aquí el
nombre del producto" name="nombreproducto">
</div>
<div class="form-group">
<label>MarcaProducto:</label>
<input type="text" class="form-control" value=" <?php echo
$row['MarcaProducto'] ?> " id="MarcaProducto" placeholder="Ingrese aquí la
marca del producto" name="MarcaProducto">
</div>
<div class="form-group">
<label>PrecioProducto:</label>
<input type="text" class="form-control" value=" <?php echo
$row['PrecioProducto'] ?> " id="PrecioProducto" placeholder="Ingrese aquí el
precio del producto" name="PrecioProducto">
</div>
<div class="form-group">
<label>CantidadComprada:</label>
<input type="text" class="form-control" value=" <?php echo
$row['CantidadComprada'] ?> " id="CantidadComprada" placeholder="Ingrese
aquí la cantidad comprada" name="CantidadComprada">
</div>
<button type="submit" class="btn btn-primary">Actualizar</button>
</form>
</div>

<?php

} else {

?>

<!-- The Modal -->

<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Error</h4>
<button class="close"
onclick="location.href='../index.html'">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-body">

<?php
echo "Esa persona no existe " . "<br>";
?>

</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../index.html'">Cerrar</button>
</div>

</div>
</div>

<?php

mysqli_close($conn);
?>
Creación de DELETE

Para la borrar datos a la tabla ejecutamos el siguiente código


Codigo para borrar datos de la tabla
<!DOCTYPE html>
<html lang="es">
<head>
<title>Eliminar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></
script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.
js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></
script>
</head>
</head>
<body>

<?php

require('configBD.php');

$id = $_POST['id'];

$sql = "SELECT * FROM tabla3 WHERE id=$id";


$result = mysqli_query($conn, $sql);

if (mysqli_num_rows($result) > 0) {
// output data of each row
while($row = mysqli_fetch_assoc($result)) {

//Eliminar

$sql2 = "DELETE FROM tabla3 WHERE id=$id";

if (mysqli_query($conn, $sql2)) {

?>

<!-- The Modal -->

<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Eliminando datos</h4>
<button class="close"
onclick="location.href='../index.html'">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-body">

<?php
echo "Registro eliminado satisfactoriamente";
?>

</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../index.html'">Cerrar</button>
</div>

</div>
</div>

<?php

} else {

?>

<!-- The Modal -->

<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Error eliminando Datos</h4>
<button class="close"
onclick="location.href='../index.html'">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-body">

<?php
echo "Error eliminando registro: <br> " . mysqli_error($conn);
?>

</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../index.html'">Cerrar</button>
</div>

</div>
</div>

<?php

//FIN ELIMINAR

//$myJSON = json_encode($row);

//echo $myJSON;

} else {
?>

<!-- The Modal -->

<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->


<div class="modal-header">
<h4 class="modal-title">Error eliminando Datos</h4>
<button class="close"
onclick="location.href='../index.html'">&times;</button>
</div>

<!-- Modal body -->


<div class="modal-body">

<?php
echo "Esa persona no existe <br> ";
?>

</div>

<!-- Modal footer -->


<div class="modal-footer">
<button class="btn btn-danger"
onclick="location.href='../index.html'">Cerrar</button>
</div>

</div>
</div>

<?php

mysqli_close($conn);
?>

Tabla de control de cambios


Conclusión
Gracias a este trabajo se puso en práctica todos los conocimientos
adquiridos en el curso de programación de sitios web que permitió
el diseño y aplicación de un software el cual le proporcionara los
menú y programas requeridos para la empresa
Bibliografía
Río, M. Á. D. (2012). Manual PHP 6.0: formación para el
empleo. (Páginas. 15 - 139) Madrid, ES: Editorial CEP, S.L.
Recuperado de: https://elibro-
net.bibliotecavirtual.unad.edu.co/es/ereader/unad/50615?
page=16

Lenguajes de bases de datos:


Río, M. Á. D. (2012). Manual PHP 6.0: formación para el
empleo. (Páginas. 187 - 197) Madrid, ES: Editorial CEP, S.L.
Recuperado de: https://elibro-
net.bibliotecavirtual.unad.edu.co/es/ereader/unad/50615?
page=188

Librerías:

Río, M. Á. D. (2012). Manual PHP 6.0: formación para el


empleo. (Páginas. 143 - 175) Madrid, ES: Editorial CEP, S.L.
Recuperado de: https://elibro-
net.bibliotecavirtual.unad.edu.co/es/ereader/unad/50615?
page=144

También podría gustarte