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 el Tutorial: Registrar y ejecutar una prueba de rendimiento web.

Para crear una prueba de rendimiento web de ejemplo, debería utilizar una aplicación web en la que pueda realizar cambios arbitrarios.

En este tutorial realizará las tareas siguientes:

  • Creará una aplicación Web simple.

  • Probará la aplicación Web manualmente.

Requisitos previos

Para este tutorial, necesitará:

  • Microsoft Visual Studio 2010 Ultimate

Crear una aplicación Web

Para crear la aplicación Web

  1. En Visual Studio 2010 Ultimate, en el menú Archivo, haga clic en Nuevo y, a continuación, haga clic en 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. Haga clic en 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, haga clic en 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 haga clic en Ver y, a continuación, haga clic en 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. En el recuadro de etiquetas de acciones Tareas de RadioButtonList, haga clic en el vínculo EditItems.

    Aparecerá el Editor de la colección ListItem.

    Nota

    Otra forma de hacer que aparezca el Editor de la colección ListItem es editar la colección Items en la ventana Propiedades.

  5. Haga clic en 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. Haga clic en Agregar para agregar otro elemento.

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

  9. Haga clic en 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ú Archivo, haga clic en Guardar todo.

Agregar páginas a la aplicación Web

Para agregar páginas a la aplicación Web

  1. En el menú Proyecto, haga clic en Agregar nuevo elemento.

  2. En el cuadro de diálogo Agregar nuevo elemento, seleccione de la lista de plantilla Web Forms; en Nombre, escriba Red.aspx y, a continuación, haga clic en Agregar.

  3. En la parte inferior de la ventana de documento, haga clic 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, haga clic en Agregar nuevo elemento.

  6. En el cuadro de diálogo Agregar nuevo elemento, haga clic en la plantilla Web Forms, asígnele el nombre Blue.aspx y, a continuación, haga clic en Agregar.

  7. En la parte inferior de la ventana de documento, haga clic 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ú Archivo, haga clic en Guardar todo.

Agregar funcionalidad a la aplicación Web

Para agregar funcionalidad a la aplicación Web

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

  2. Haga doble clic en el control Button Submit. 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ú Archivo, haga clic en Guardar todo.

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, a continuación, haga clic en Establecer como página principal.

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

  3. Haga clic en Red y, a continuación, haga clic en Submit. Si la aplicación funciona correctamente, irá a la página con el control Label que indica Red.

  4. Vuelva a la primera página.

  5. Haga clic en Blue y, a continuación, haga clic en Submit. Si la aplicación funciona correctamente, irá a la página con el control Label que indica Blue.

Pasos siguientes

En este tutorial, ha creado una aplicación Web simple y la ha probado manualmente. Ahora está preparado para crear una prueba de rendimiento web que le permita probar esta aplicación. Para obtener más información, vea Tutorial: Registrar y ejecutar una prueba de rendimiento web.

Vea también

Tareas

Tutorial: Registrar y ejecutar una prueba de rendimiento web