Para hacer un ejemplo , necesitamos instalar Visual Studio Comunity 2019 (gratuito) y seleccionamos create a new project ASP
El objetivo de nuestro ejemplo será calcular el apotema de un polígono regular, este dato nos sirve para calcular el área de dicho polígono regular (los lados tiene la misma medida)
Para este ejercicio vamos a crear 2 archivos, 1 que es la página principal donde ingresaremos los datos y enviaremos por medio de un formulario los valores ingresados por los usuarios, este programa es el HTMLPag1.html y las variables son Num1 y Num2.
El segundo programa Apotemamaind.cshtml es el que hace el calculo matemático y muestra el resultado por medio de la función apotema, para ello utilice las funciones SQRT que es la raíz cuadrada y POW que es la potencia.
Programas
HTMLPag1.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>"Calcular Apotema"</title>
</head>
<body>
<p>Es un segmento donde los extremos son el centro del polígono regular y el punto medio de cualquiera de sus lados.</p>
<p><img src="Apotema.jpg">
<p>La apotema de un polígono regular es la menor distancia entre el centro y uno de sus lados.</p>
Largo
<form action="Apotemaind.cshtml" method="post">
<p><input id="Text1" type="text" title="Radio" name="Num1" value="10" /></p>
Numero de Lados
<p><input id="Text2" type="text" title="Numero de Lados del Poligono" name="Num2" value="6" /></p>
<input id="Button1" type="submit" value="submit" />
</form>
<div>
</div>
</body>
</html>
Apotemamaind.cshtml
@Model Class1
@{
Layout = null;
}
@functions{
public string apotema()
{
string number = Request.Form["Num1"];
string number2 = Request.Form["Num2"];
double resultado = Math.Sqrt(Math.Pow(Convert.ToDouble(number), 2) - Math.Pow((Convert.ToDouble(number2) / 2), 2));
return "Apotema = " + resultado;
}
public string texto() { return "hola"; }
}
<!DOCTYPE html>
<html>
<body>
<p>Es un segmento donde los extremos son el centro del polígono regular y el punto medio de cualquiera de sus lados.</p>
<p><img src="Apotema.jpg" /></p>
@apotema()
</body>
</html>
Cuando probemos nuestra aplicación iremos a la siguiente ruta, https://localhost:44393/ , que quizá hayan oído chistes o visto en memes, no hay lugar como localhost , esto es porque muchas veces probamos en nuestros equipos y todo funciona a la maravilla, pero al publicarlos en Internet podemos tener fallas por por ejemplo llamar a una imagen dentro de la ruta de nuestra PC, la cual no existe en el servidor donde publiquemos los programas.
Les comparto algunos memes.
Como se ve nuestro sitio
Configuraciones Previas
Colocar en el archivo Webconfig la bandera
<add key="webpages:Enabled" value="true"/>
Indicar cual es el home de nuestro proyecto o la pagina inicial
Ejecución del programa
Comentarios
Publicar un comentario
Dejanos tus dudas y comentarios