Está en la página 1de 7

Creación de un simple basada en Web con ASP.

NET Calculadora 4

En este ejercicio se crea una calculadora simple que es capaz de sumar,


restar, multiplicar y dividir valores. Se le muestra cómo utilizar algunas de las
misiones y los operadores lógicos y demuestra el caso y Select Case /
construcciones interruptor.
1. Comience por crear un nuevo Web Form llamado
CalculatorDemo.aspx en la carpeta Demos. Asegúrese de que usted
no nombra la página de la calculadora o te encontrarás con problemas más
adelante en este capítulo donde se crea una clase por ese nombre. Una vez más,
asegúrese de que está utilizando el código detrás de modelo y seleccione el lenguaje
de programación correcta.
2. Cambiar la página a la vista Diseño y haga clic en el rectángulo de puntos para poner el
foco en él. Seleccione Tabla  Insertar tabla en el menú principal y agregar una tabla
con tres filas y tres columnas. Combinar las tres celdas de la fila por primera vez por la
selección de ellos, haga clic en la selección, y elegir Modificar  Combinar celdas en el
menú que aparece.
3. Agregue los siguientes controles a la página, configurar su documento de identidad y
otras propiedades como en la siguiente tabla, y organizar los controles como se muestra
en la Figura 5-3.
Tipo de Id. de control Configuración de propiedades
control
Etiqueta ResultLabel Borrar su propiedad Text. Para ello, haga clic en el
nombre de la propiedad en la cuadrícula Propiedades y
seleccione Restaurar.
TextBox ValueBox1  
DropDownLis OperatorList Agregue cuatro ListItems de los siguientes operadores
t aritméticos con el DropDownList 's elegante panel
de tareas.
+
-
*
/
TextBox ValueBox2  
Botón CalculateButton Establezca la propiedad Text del botón de calcular.

Cuando haya terminado, la página debe ser similar a la Figura 5-3 en la vista
Diseño.

Figura 5-3
4. Haga doble clic en el botón Calcular y agregue el siguiente código en negrita en el
marcador de posición de código que VWD añadido para usted:
VB.NET
Protected Sub CalculateButton_Click (ByVal sender As Object,
ByVal e As System.EventArgs) Handles CalculateButton.Click
Si ValueBox1.Text.Length> 0 AndAlso ValueBox2.Text.Length> 0 Then
 
Dim resultado As Double = 0
Dim valor1 As Double = Convert.ToDouble (ValueBox1.Text)
Dim valor2 As Double = Convert.ToDouble (ValueBox2.Text)
 
Seleccione el asunto OperatorList.SelectedValue
Caso "+"
resultado = valor1 + valor2
Caso "-"
resultado = valor1 - valor2
Caso "*"
resultado = valor1 * valor2
Caso "/"
resultado = valor1 / valor2
End Select
ResultLabel.Text result.ToString = ()
Más
ResultLabel.Text = String.Empty
End If
End Sub

C#
protected void CalculateButton_Click (object sender, EventArgs e)
{
if (ValueBox1.Text.Length> 0 & & ValueBox2.Text.Length 0>)
{
doble resultado = 0;
doble valor1 = Convert.ToDouble (ValueBox1.Text);
doble valor2 = Convert.ToDouble (ValueBox2.Text);
 
interruptor (OperatorList.SelectedValue)
{
caso "+":
resultado = valor1 + valor2;
break;
caso "-":
resultado = valor1 - valor2;
break;
caso "*":
resultado = valor1 * valor2;
break;
caso "/":
resultado = valor1 / valor2;
break;
}
ResultLabel.Text = result.ToString ();
}
más
{
ResultLabel.Text = String.Empty;
}
}

5. Guarde todos los cambios y pulse Ctrl + F5 para abrir la página en el navegador. Si se
produce un error en lugar de ver la página, asegúrese de que ha escrito el código
exactamente como se muestra aquí, y que dio nombre a todos los controles de acuerdo
a la tabla que vimos antes.
6. Introduzca un número en el segundo cuadros de texto y en primer lugar, elegir un
operador de la lista desplegable hacia abajo y haga clic en el botón Calcular. El código
en el código detrás de los incendios y, a continuación - en función del elemento
seleccionado en la lista desplegable - el correcto cálculo se realiza y la etiqueta se
actualiza con el resultado.
7. Seguir adelante y tratar algunos otros números y operadores, verás que la calculadora
efectúa las operaciones de la derecha cada vez que haga clic en el botón Calcular.
¿Cómo funciona?

Al introducir dos valores y haga clic en el botón Calcular, el siguiente código en el código
detrás de los incendios:
VB.NET
Si ValueBox1.Text.Length> 0 AndAlso ValueBox2.Text.Length> 0 Then

C#
if (ValueBox1.Text.Length> 0 & & ValueBox2.Text.Length 0>)

Este código es necesario para asegurar que ambos cuadros de texto contienen un
valor. (En el capítulo 9 se ve una manera mucho más limpia para realizar esta
validación.) El código utiliza un simple caso de declaración para asegurar que ambos
campos tienen un valor. También utiliza AndAlso o & & para evitar el control de la
propiedad Text del segundo cuadro de texto cuando la primera está vacía.

Después, el código declara un doble para contener el resultado del cálculo y luego
se los valores de los dos controles de cuadro de texto, convierte los valores a un doble
con el método ToDouble de la clase Convert, y luego crea un caso (interruptor de
selección en C #) del bloque para manejar el tipo de operador que haya elegido en la
lista desplegable:

VB.NET
Seleccione el asunto OperatorList.SelectedValue
Caso "+"
resultado = valor1 + valor2

C#
interruptor (OperatorList.SelectedValue)
{
caso "+":
resultado = valor1 + valor2;
break;
Para cada elemento de la lista desplegable hacia abajo, hay una declaración de
caso. Cuando haya elegido el operador + en la lista, el código en el bloque primer caso
de incendio, y el resultado se asigna la suma de los números que ha entrado en los
dos cuadros de texto. Del mismo modo, al elegir el operador de resta, por ejemplo, los
dos valores se restan entre sí.

Al final, el resultado se convierte en una cadena y, a continuación aparecen en la


etiqueta llamada ResultLabel.

El Select Case / switch 'cerrar el debate sobre la toma de decisiones en el


código. Hay un grupo de más de declaraciones a la izquierda: Loops que habilite para
recorrer el código o sobre los objetos de una colección.

  Este artículo es un extracto del capítulo 5 "de programación de páginas Web


ASP.NET" del libro A partir ASP.NET 4: en C # y Visual Basic por Imar Spaanjaars
(ISBN: 978-0-470-50221-1, Wrox, 2010, Derecho de Autor Wiley Publishing Inc.)
La construcción de una calculadora simple web de
ASP.NET 4.0 de C #
En este tutorial vamos a construir una calculadora básica en la web usando C # para el código
subyacente. También vamos a trabajar con la tabla, cuadro de texto, DropdownBox, Button y
Label controles para generar la aplicación. Iremos a través de este proyecto paso a paso.

1.        Abra Visual o Visual Web Developer 2010 Studio 2010 Express y comenzar una vacíos nueva
página web. Asegúrese de que la plaza de código en archivos separados cuadro está marcado.
 
2.        Cambiar a la vista de diseño y en la caja de herramientas en el menú estándar, haga clic en el
interior de la etiqueta body de la página para asegurarse de que está seleccionado.
 
3.        Haga clic en el menú Tabla y seleccione Insertar tabla.
 
4.        Cuando el editor de tablas insertar, seleccione 3 filas y 3 columnas a continuación, haga clic en
Aceptar.
 
5.        Seleccione las tres primeras filas de la tabla y unirlos (clic derecho, seleccione Modificar y
seleccione combinar celdas).
 
6.        En la caja de herramientas en el menú estándar, haga clic y arrastre una etiqueta en la primera fila
de la tabla.
 
7.        Con la etiqueta aún seleccionado, ve al panel de propiedades. Cambiar el identificador de
etiquetas para ResultLabel y eliminar el texto por lo que está en blanco.
 
8.        En la caja de herramientas en el menú estándar, haga clic y arrastre un control TextBox en la
primera columna de la segunda fila de la tabla.
 
9.        En el panel de propiedades dejar el campo de texto en blanco y el nombre del ID ValueBox1.
 
10.    En el cuadro de herramientas en el menú estándar, haga clic y arrastre un control DropDownList
en la segunda columna de la segunda fila de la tabla.
 
11.    En el panel de propiedades abandonar el campo de texto en blanco y cambia el identificador de
OperatorList.
 
12.    En el menú de tareas inteligente del DropDownList, seleccione editar artículos.
 
13.    Cuando el Editor de la colección se abre, añadir cuatro elementos a la lista.
 
14.    Utilice los símbolos +, -, * y / para ajustar el texto y el valor de cada artículo, respectivamente, a
continuación, haga clic en Aceptar. Ver imagen debajo.

Acabo de registrarme en el servidor de intelecto y no podría estar más satisfecho con mi totalmente
escalable y redundante nube de alojamiento ! Compruébelo usted mismo y vea por usted mismo.
Servidor intelecto ayuda a las empresas de todos los tamaños con su alojamiento necesidades ofreciendo
soluciones de servidor completamente configurado, junto con una activa gestión de los servicios de
servidor. Servidor intelecto se especializa en proveer soluciones completas de servidor listos Internet
respaldado por su experto equipo de soporte proactivo 24/365.

15.    En la caja de herramientas en el menú estándar, haga clic y arrastre un cuadro de texto en la
tercera columna de la segunda fila de la tabla.
 
16.    En el panel de propiedades, cambie el ID de ValueBox2.
 
17.    En la caja de herramientas en el menú estándar, haga clic y arrastre un botón de control en la
segunda columna de la tercera fila de la tabla.
 
18.    En el panel de propiedades, establezca la propiedad de texto para calcular y la identificación de
CalculateButton.
 
-Su página debe ser similar a la imagen de abajo.
 

19. Haga doble clic en el botón Calcular para ir al código detrás de ver y copiar y pegar el siguiente
código en el evento click del botón:
Default.aspx.cs

if (ValueBox1.Text.Length> 0 & & ValueBox2.Text.Length 0>)


{
doble resultado = 0;
doble valor1 = Convert.ToDouble (ValueBox1.Text);
doble valor2 = Convert.ToDouble (ValueBox2.Text);

interruptor (OperatorList.SelectedValue)
{
caso "+":
resultado = valor1 + valor2;
break;
caso "-":
resultado = valor1 - valor2;
break;
caso "*":
resultado = valor1 * valor2;
break;
caso "/":
resultado = valor1 / valor2;
break;
}
ResultLabel.Text = result.ToString ();
}
más
{
ResultLabel.Text = cadena vacía.;

}
20.    Guarde su trabajo, a continuación, ejecutar o depurar la aplicación. Ahora dispone de una calculadora de
funcionamiento en el navegador web.

http://v4.programminghelp.com/asp-net/

También podría gustarte