Desarrollo de aplicaciones web

miércoles, 15 de julio de 2020

▓▓▓▓▓▓▓▒▒▒▒▓▓▓▓▓▓▓
▓▓▓▓▓▓▒▒▓▓▒▒▓▓▓▓▓▓
▓▓▓▓▓▒▒▓▓▓▓▒▒▓▓▓▓▓
▓▓▓▓▒▒▓▓▓▓▓▓▒▒▓▓▓▓
▓▓▓▒▒▓▓▓▓▓▓▓▓▒▒▓▓▓
▓▓▒▒▓▓▓▓▓▓▓▓▓▓▒▒▓▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▓▒▒▓▓▓▓▓▒▒▓▓▓▓▒▓▓
▓▓▓▒▒▓▓▓▓▓▒▒▓▓▒▓▓▓
▓▓▓▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓
▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓▓▓▓
▓▓▓▒▓▓▒▒▓▓▓▓▓▒▒▓▓▓
▓▓▒▓▓▓▓▒▒▓▓▓▓▓▒▒▓▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▒▒▓▓▓▓▓▒▒▓▓▓▓▓▒▒▓
▓▓▒▒▓▓▓▓▓▓▓▓▓▓▒▒▓▓
▓▓▓▒▒▓▓▓▓▓▓▓▓▒▒▓▓▓
▓▓▓▓▒▒▓▓▓▓▓▓▒▒▓▓▓▓
▓▓▓▓▓▒▒▓▓▓▓▒▒▓▓▓▓▓
▓▓▓▓▓▓▒▒▓▓▒▒▓▓▓▓▓▓
▓▓▓▓▓▓▓▒▒▒▒▓▓▓▓▓▓▓

martes, 17 de marzo de 2020

Ejemplo 1.21.5. Archivo de conexión para altas y modificación de especialidad

<?php
include "conectar.php";
$vCveEsp=$_POST['cveEspecialidad'];
$vNomEsp=$_POST['nomEspecialidad1;
$vNomArea=$_POST['nombreArea'];
$vBoton=S_POST['boton'];
$resConectar=conecta();
$sqlArea="SELECT cveArea FROM AREA
WHERE nomArea='SvNomArea';";
$sqlCveArea=mysql_query($sqlArea.$resConectar);
$resulCveArea= mysql_fetch_array($sqlCveArea);
$vCveArea=$resulCveArea["cveArea");
if ($vBoton=="Guardar"){
$sqlAltaEsp="INSERT INTO ESPECIALIDAD VALUES('$vCveEsp','$vNomEsp','$vCveArea');";
$guarda=mysql_query($sqlAltaEsp,$resConectar);
if (!$guarda){
echo "<SCRIPT LANGUAGE='Javascript' TYPE='text/Javascript'>
alert('Ocurrió un error. Posible clave repetida')
Javascript:history.back(1)
</SCRIPT>";
}
else{
echo "<SCRIPT LANGUAGE= 'Javascript' TYPE='text/Javascript'>
alert('Especialidad registrada')
window.location='../index.html'
</SCRIPT>";
}
else{
$sqlModEsp="UPDATE ESPECIALIDAD
SET nomEsp='$vNomEsp',cveArea='$vCveArea'
WHERE cveEsp='$vCveEsp';";
$modifica r=mysql_query($sqlModEsp,$resConectar);
if (!$modificar){
echo "<SCRIPT LANGUAGE='Javascript' TYPE='text/ Javascript'>
alert('Ocurrió un error: No se guardó el registro')
Javascript: history.back(1)
</SCRIPT>";
}
else{
echo "<SCRIPT LANGUAGE='Javascript' TYPE='text/Javascript'>
alert('Especialidad modificada')
window.location='consulta Especialidad.php'
</SCRIPT>";
}
}

jueves, 12 de marzo de 2020

Ejemplo 1.21.4. Creación del formulario

<HTML XMLNS="http://www.w3.org/1999/xhtml">
<HEAD>
<META HTTP-EQUIV="content-Type" CONTENT ="text/html;
CHARSET =utf-8"/>
<TITLE>Formulario de Altas de Especialidades</TITLE>
<LINK HREF="../estilos/estiloEspecialidad.css"
REL="stylesheet" TYPE="text/css" />
</HEAD>
<BODY>
<FORM ID="form 1" NAME="form 1" METHOD="post"
ACTION="actBase.php">
<P CLASS="titulo">ALtas de Especialidades</P>
<BR/><BR/>
<LABEL FOR="clave">CLave:</LABEL>
<INPUT NAME="cveEspecialidad" TYPE="text"
ID="claveEspecialidad" SIZE="100px"
MAXLENGTH="6"/><BR/>
<LABEL FOR="nombre">Nombre:</LABEL>
<INPUT NAME="nomEspecialidad" TYPE="text"
ID="nombreEspecialidad" SIZE="100"
MAXLENGTH="25"/><BR/>
<LABEL FOR="area">Área:</LABEL>
<SELECT NAME="nombreArea" ID="nombreArea">
<7php
include "conectar.php";
$resConectar=conecta();
$sqlAreas="SELECT * FROM AREA";
$tablaArea = mysql_query($sqlAreas);
$numfilasAreas = mysql_num_rows($tablaArea);
for {$i=O; $i<$numfilasAreas; $i++){
$filaArea = mysql_fetch_array($tablaArea);
echo'<OPTION>'.$filaArea['nomArea'].' </OPTION>';
}
?>
</SELECT><BR/><BR/>
<INPUT TYPE="submit" NAME="boton"
ID="botonGuardar" VALUE="Guardar" />
<INPUT TYPE="reset" NAME="botonNuevo"
ID="botonNuevo" VALUE="Nuevo" /><BR/>
</FORM>
<IMG SRC=".../imagEscuela/regresar.gif"
WIDTH="60" HEIGHT ="40" ONCLICK="history.back()"/>
</BODY>
</HTML>

Ejemplo 1.21.3. Index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<link href="Estilo/estiloEspecialidad.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>

<body>
<div align="center">
<p><img src="ImagEscuela/CBTIS 121 Fachada Principal.jpeg" width="1000" height="400" alt="._.XD" /></p>
</div>
<p align="center"><span class="Estilo1">Especialidades</span></p>
<p align="left">Altas | Consulta</p>
<p align="left">Ejemplos de sitios web dinámicos</p>
<p align="left">Acceso a la gestión de las especialidades en el CBTis 121.</p>
<p align="left">Podrá realizar:</p>
<ol>
<li> Dar de alta una nueva especialidad.</li>
<li> Consultar las especialidades.</li>
<li> Modificar algún dato de las especialidades guardadas .</li>
<li>Elimina alguna especialidad. </li>
</ol>
<p>Todo esto con sólo a una base de datos de prueba instalada de manera local </p>
</body>
</html>

Visto desde el navegador:

Ejemplo 1.21.2. Archivo de conexión

<?php
function conecta(){
//Conexión a la base de datos
$vServidor="localhost";
$vUsuarioBD="root";
$vContraseniaBD="";
$vBD="escuela";
$errorServ="No se puede conectar con el servidor";
$errorBD="No se puede seleccionar la base de datos";
//conexión al servidor local
$conexion = mysql_connect (SvServidor, SvUsuarioBD,
$vContraseniaBD) or die ($errorServ);
//seleccionar la base de datos
mysql_select_db ($vBD) or die ($errorBD);
//retorno de la conexión
return ($conexion);
}
?>

Ejemplo 1.21.1. Diseño de una hoja de estilo.

body{
margin-left: 10px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 5px;
}
input{
display:blok;
width: 150px;
float: left;
margin-bottom: 10px;
}
label{
display:blok;
text-align:right;
width: 120px;
float: left;
padding-right: 10px;
}
#recordar{
width:1em;
}
br{
clear:left;
}
#enviar{
width:50px;
margin-left:140px
.titulo {
font-family: Cambria, "HoeflerText": "Times New Roman", serif;
font-size: 20px;
line-height: 30px;
background-color: #FFFF66;
color: #FF0000;
text-align: center;
font-style: normal;
}