Ésta es la primera página de la aplicación, realizada en HTML y con una hoja de estilo asociada
Tiene tres enlaces que nos envían a la introducción y recolección de la información presente en ellas.
Su código -junto con la información de estilo incluida en la cabecera- es el siguiente:
Archivo indiceredes.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Redes sociales</title>
<meta name="description" content="índice de SLURLS de la base de datos">
<meta name="keywords" content="">
<meta name="author" content="Alfredo de la Presa">
<meta name="generator" content="AceHTML 5 Freeware">
<style type="text/css">
/*Hoja de estilo CSS predeterminada para un nuevo proyecto de aplicación web*/
BODY{
BACKGROUND-COLOR: WHITE;
FONT-FAMILY: Verdana, Helvetica, sans-serif;
FONT-SIZE: .8em;
FONT-WEIGHT: normal;
LETTER-SPACING: normal;
TEXT-TRANSFORM: none;
WORD-SPACING: normal;
}
H1,H2,H3,THEAD,TFOOT{
COLOR: #003366;
text-align: center;}
H1{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: 700;
font-style: normal;
text-decoration: none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
}
H2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.75em;
font-weight: 700;
font-style: normal;
text-decoration: none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
}
A:hover {
text-decoration:underline;
color: blue;
text-transform: 1em;
font-size: 150%;
}
h3 {
font: italic normal 12pt georgia;
letter-spacing: 1px;
margin-bottom: 0px;
color: #7D775C;
}
a:link {
font-weight: bold;
text-decoration: underline;
color: #B7A5DF;
}
div {
background-color: lightyellow; /*color bordó para el fondo*/
border: 10px solid #e7a219; /*color naranja para el borde*/
width: 90% ;
height: 50%;
line-height:45 px;
font-size:10px;
margin: 10px;
padding: 20px;
}
img{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<h1>Enlaces a la realización y consulta de las redes sociales en la base de datos</h1><br>
<h2></H2>
<div style="float: left">
<center>
<h1><a href="redsocial20.php">Introducir redes sociales</a><p>
<a href="buscaredes.php">Consultar las redes sociales que hay en la base de datos</a><p>
<a href="todared.php">Consultar todas las redes sociales que hay en la base de datos </A><p>
<p>
</h1>
</center>
</div>
</body>
</html>
Fin del Archivo indiceredes.html
Si hacemos clic en el primer enlace, pasamos a la página siguiente:
cuyo código es el siguiente:
Archivo redsocial20.php
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Inserción de redes sociales</title>
<meta name="description" content="programa que inserta redes sociales en la base de datos">
<meta name="keywords" content="">
<meta name="author" content="Alfredo de la Presa">
<meta name="generator" content="AceHTML 5 Freeware">
<link rel=stylesheet type="text/css" href="Resumen.css" title="Hoja de estilos">
<title>HERRAMIENTA PARA ALMACENAR REDES SOCIALES EN UNA BASE DE DATOS</title>
</head>
<body>
<center><h1>BASE DE DATOS DE REDES SOCIALES</H1></center>
<BR>
<div>
<form action="redsocial20.php"> <center>
Nombre del alumno:
<input type="text" name="nombre" size="30" maxlength="256"><br>
Apellidos del alumno:<input type="text" name="apellidos" size="30" maxlength="256">
</center>
</DIV>
<DIV>
<BR>
<TABLE border=0>
<tr><td>Nombre de la red social</td><td><input type="text" name="nombrered" size="30" maxlength="256"></td></tr>
<tr><td>Vínculo a la red social</td><td><input type="text" name="vinculored" size="30" maxlength="256"></td></tr>
<tr><td>Objetivos de la red social</td><td><textarea name="objetivos" cols = 23 ></textarea></td></tr>
<tr><td>Funcionalidades de la red social</td><td><textarea name="funcionalidades" COLS=23></textarea></td></tr>
<tr><td>Modelo de negocio de la red social</td><td><textarea name="modelo" cols = 23></textarea></td></tr>
</table>
<br>
<center>
<input type="Submit" value="Insertar red social en la base de datos">
</center>
</form>
</DIV>
<?php
if (isset($nombre)){
$c=mysql_connect("localhost","root","");
if (!$c){
die("Conexión Fallida");
}
$s=mysql_select_db("redsocial20",$c);
$consulta="INSERT INTO redsocial20(nombre,apellidos,nombrered,vinculored,objetivos, funcionalidades, modelo) VALUES ('$nombre','$apellidos','$nombrered','$vinculored','$objetivos','$funcionalidades','$modelo')";
$resultado=mysql_query($consulta);
if ($resultado){
print("Su red social ha sido registrada<br>");
}
else{
Print("Error en el registro");
}
mysql_close($c);
}
?>
<center><h2><a href="indiceredes.html"> Enlace al índice</a></h2></center>
</body>
</html>
Fin del archivo redsocial20.php
Ahora la información de estilo -esencialmente la misma que en la anterior, se encuentra asociada en una hoja externa.
Se deja como ejercicio configurar Resumen.css. La información es la misma que la de la cabecera anterior
Si quisiéramos recuperar la información de una red social concreta, tendríamos que ir al siguiente enlace, que nos llevaría a buscaredes.php
El código de esta página es el siguiente:
Archivo Buscaredes.php
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="programa que recupera SLURLS de la base de datos">
<meta name="keywords" content="">
<meta name="author" content="Alfredo de la Presa">
<meta name="generator" content="AceHTML 5 Freeware">
<link rel=stylesheet type="text/css" href="Resumen.css" title="Hoja de estilos">
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<title>HERRAMIENTA PARA BUSCAR REDES SOCIALES EN UNA BASE DE DATOS</title>
</head>
<body bgcolor= lightyellow>
<center><h1>BÚSQUEDA DE REDES SOCIALES</H1></center>
<HR SIZE =15 COLOR=BLUE>
<BR>
<div>
<center>
Introduce la red
<form action="buscaredes.php">
<br>
<input type="text" name="nombrered">
<br>
<input type="submit" value="Buscar">
<input type="reset" value="Borrar">
</form></center>
</div>
<?
if (isset($nombrered)){
$c=mysql_connect("localhost","root","");
if (!$c){die("conexión fallida");}
$s=mysql_select_db("redsocial20",$c);
$consulta="SELECT * FROM redsocial20 WHERE nombrered='$nombrered'";
$resultado=mysql_query($consulta);
echo"<div><table border=1><tr><th>nombre del alumno</th><th>Apellidos del alumno</th><th>Nombre de la red</th><th>Vínculo a la red</th><th>Objetivos</th><th>Funcionalidades</th><th>Modelo de negocio</th></tr>";
while ($r=mysql_fetch_array($resultado)){echo "<tr> <td>$r[1]</td> <td>$r[2]</td><td>$r[3]</td><td><a href='$r[4]'>$r[4]</a></td><td>$r[5]</td><td>$r[6]</td><td>$r[7]</td></tr><br>";}
echo"</table></div>";
mysql_close($c);
}
?>
<center><h2><a href="indiceredes.html">Enlace a índice</a></h2></center>
Fin del Archivo Buscaredes.php
Queda como ejercicio realizar la parte de la aplicación que me devuelve la consulta a todos los registros de la tabla
Saludos,
Alfredo
No hay comentarios:
Publicar un comentario