Compartir a través de

Tutorial: Crear una aplicación web simple

  • Artículo

En este tutorial, creará una aplicación web simple para utilizarla como base para una prueba de rendimiento web en Tutorial: Registrar y ejecutar una prueba de rendimiento web.

Realizará las tareas siguientes:

  • Cree una aplicación web simple.

  • Pruebe la aplicación web manualmente.

Requisitos previos

Esto es lo que necesitará:

  • Visual Studio Ultimate

Crear una aplicación web

Para crear la aplicación web

  1. En Visual Studio Ultimate, en el menú file, elija Nueva y elija proyecto.

    Aparecerá el cuadro de diálogo Nuevo proyecto.

  2. En Plantillas instaladas, expanda el lenguaje de programación que desee y, a continuación, haga clic en Web.

  3. En la lista de tipos de proyectos web, seleccione Aplicación web vacía de ASP.NET.

    [!NOTA]

    Escribirá una cantidad mínima de código en este tutorial.

  4. En el cuadro Nombre, escriba ColorWebApp.

  5. En el cuadro Ubicación, especifique la carpeta donde desea crear la aplicación web.

  6. Seleccione Crear directorio para la solución.

  7. Elija Aceptar.

  8. En Explorador de soluciones, compruebe que el nuevo proyecto ColorWebApp está seleccionado.

  9. En el menú PROYECTO, elija agregar nuevo elemento.

    Aparecerá el cuadro de diálogo Agregar nuevo elemento.

  10. En la lista de elementos, elija Web Forms.

  11. En el cuadro de texto Nombre, escriba Default.aspx y, a continuación, escoja Agregar.

Agregar Controles a la aplicación web

Para agregar controles a la aplicación web

  1. En el explorador de soluciones, haga clic con el botón secundario en Default.aspx y elija Ver diseñador.

    Se mostrará una página en blanco.

  2. Si el cuadro de herramientas no está visible, en el menú VISTA elija Cuadro de herramientas.

  3. En el grupo Estándar, arrastre un control RadioButtonList a la página.

    Se agregará un control RadioButtonList a la superficie de diseño.

  4. Expanda el panel de la etiqueta de acción Tareas RadioButtonList, y elegir el vínculo EditItems.

    Aparecerá el Editor de la colección ListItem.

    [!NOTA]

    Otra forma de mostrar el Editor de la colección ListItem es editando la colección Items en la ventana Propiedades.

  5. Elija Agregar para agregar un nuevo elemento.

  6. En Propiedades ListItem:

    1. Cambie la propiedad Text a Red.

    2. Establezca la propiedad Selected en True.

  7. Elija Agregar para agregar otro elemento.

  8. En Propiedades ListItem, cambie la propiedad Text a Blue.

  9. Elija Aceptar para cerrar el Editor de la colección ListItem.

  10. Arrastre un control Button hasta la página y, en la ventana Propiedades, cambie la propiedad Text a Submit.

  11. En el menú file, elija Guardar todos.

Páginas a la aplicación web

Para agregar páginas a la aplicación web

  1. En el menú PROYECTO, elija agregar nuevo elemento.

  2. En el cuadro de diálogo agregar nuevo elemento, Web Forms seleccione de la lista de plantillas, y del tipo Red.aspxNombre.A continuación Add.

  3. En la parte inferior de la ventana de documento, seleccione en la pestaña Diseño para pasar a la vista de diseño.

  4. Arrastre un control Label a la página.En la ventana Propiedades, establezca la propiedad Text en Red y la propiedad ForeColor en Red.

  5. En el menú PROYECTO, elija agregar nuevo elemento.

  6. En el cuadro de diálogo Agregar nuevo elemento, elija la plantilla Web Form , asígnele el nombre Azul.aspx y, a continuación, elija Agregar.

  7. En la parte inferior de la ventana de documento, seleccione en la pestaña Diseño para pasar a la vista de diseño.

  8. Arrastre un control Label a la página.En la ventana Propiedades, establezca la propiedad Text en Blue y la propiedad ForeColor en Blue.

  9. En el menú file, elija Guardar todos.

Agregar funcionalidad a la aplicación web

Para agregar funcionalidad a la aplicación web

  1. En el haga clic con el botón secundario en Default.aspx en el explorador de soluciones y elija Ver diseñador.

  2. Haga doble clic en el control ButtonSubmit.Visual Studio cambia al código de página y crea un esqueleto de controlador de eventos para el evento Click del control Button.

  3. Agregue el código siguiente al controlador de eventos:

    if (this.RadioButtonList1.SelectedValue == "Blue")
{
    Response.Redirect("Blue.aspx");
}
else
{
    Response.Redirect("Red.aspx");
}

    If RadioButtonList1.SelectedValue = "Blue" Then
    Response.Redirect("Blue.aspx")
Else
    Response.Redirect("Red.aspx")
End If

  4. En el menú file, elija Guardar todos.

Probar la aplicación web Manualmente

Para probar la aplicación web manualmente

  1. En el explorador de soluciones, haga clic con el botón secundario en Default.aspx y elija Establecer como página principal.

  2. Presione CTRL+F5 para ejecutar la aplicación web en el explorador.Verá la primera página.

  3. Elija Rojo y después Enviar.Si la aplicación funciona correctamente irá a la página con Label que indica Rojo.

  4. Vuelva a la primera página.

  5. Elija Azul y después Enviar.Si la aplicación funciona correctamente irá a la página con Label que indica Azul.

Pasos siguientes

En este tutorial creó una aplicación web y la probado manualmente.Ahora está preparado para crear una prueba de rendimiento web que le permita probar esta aplicación.Vea Tutorial: Registrar y ejecutar una prueba de rendimiento web.

Vea también

Tareas

Tutorial: Registrar y ejecutar una prueba de rendimiento web