Demonstra Passo a passo: Criar um aplicativo Web simples

  • Artigo

Esta explicação passo a passo, você irá criar um aplicativo Web simples para usar como base para um teste de desempenho da Web em Demonstra Passo a passo: Gravação e execução de um teste de desempenho da Web.

Para criar um teste de desempenho de Web de exemplo, você deve usar um aplicativo da Web ao qual você pode fazer alterações arbitrárias.

Esta explicação passo a passo, você executará as seguintes tarefas:

  • Crie um aplicativo Web simples.

  • Teste o aplicativo da Web manualmente.

Pré-requisitos

Para esta explicação passo a passo, você precisará:

  • Microsoft Visual Studio 2010 Ultimate

Criando uma aplicação Web

Para criar o aplicativo da Web

  1. Em Visual Studio 2010 Ultimatediante do arquivo menu, clique em novo e, em seguida, clique em projeto.

    A caixa de diálogo New Project será exibida.

  2. Em os modelos instalados, expanda a linguagem de programação que você preferir e clique em Web.

  3. Na lista de tipos de projeto da Web, selecione ASP.Aplicativo de Web do NET vazio.

    ObservaçãoObservação

    Você irá escrever o código mínimo nesta explicação.

  4. No nome , digite ColorWebApp.

  5. No local caixa, especifique a pasta onde você deseja criar o seu aplicativo da Web.

  6. Selecione Create directory for solution (Criar diretório para a solução).

  7. Clique em OK.

  8. No Solution Explorer, verifique se o novo projeto de ColorWebApp está selecionado.

  9. No menu Project, escolha Add New Item.

    O Add New Item caixa de diálogo aparece.

  10. Na lista de itens, escolha Formulário da Web.

  11. No nome caixa de texto, digite default. aspx e, em seguida, clique em Add.

Adicionando controles para o aplicativo da Web

Para adicionar controles ao aplicativo Web

  1. Em Solution Explorer, o botão direito do mouse default. aspx e escolha View Designer.

    Uma página em branco é exibida.

  2. Se a caixa de ferramentas não estiver visível, clique em Exibir e, em seguida, clique em caixa de ferramentas.

  3. Do padrão de grupo, arraste um RadioButtonList até a página.

    A RadioButtonList controle é adicionado para a superfície de design.

  4. Sobre o RadioButtonList tarefas painel de marca de ação, clique no EditItems link.

    A listitem Collection Editor aparece.

    ObservaçãoObservação

    Você também pode exibir o listitem Collection Editor , editando o itens coleção na Propriedades janela.

  5. Clique em Add para adicionar um novo item.

  6. Em ListItem properties:

    1. Alterar o texto propriedade para Red.

    2. Definir o Selected propriedade para True.

  7. Clique em Add para adicionar outro item.

  8. Em ListItem properties alterar o texto propriedade para azul.

  9. Clique em OK para fechar a listitem Collection Editor.

  10. Arraste um Button para a página e na janela Properties, altere o texto propriedade para Enviar.

  11. No menu File, clique em Save All.

Adicionando páginas ao aplicativo Web

Para adicionar páginas ao aplicativo Web

  1. No menu Project, clique em Add New Item.

  2. No Add New Item caixa de diálogo, selecione Formulário da Web da lista do modelo e, em nome tipo Red.aspxe em seguida, clique em Add.

  3. Na parte inferior da janela do documento, clique na Design tab para alternar para modo design.

  4. Arraste um Label até a página. Na janela Properties, defina a texto propriedade para Rede o ForeColor propriedade para Red.

  5. No menu Project, clique em Add New Item.

  6. No Add New Item caixa de diálogo, clique no Formulário da Web modelo, o nome Blue.aspxe, em seguida, clique em Adicionar.

  7. Na parte inferior da janela do documento, clique na Design tab para alternar para modo design.

  8. Arraste um Label até a página. Na janela Properties, defina a texto propriedade para azule o ForeColor propriedade para azul.

  9. No menu File, clique em Save All.

Adicionar funcionalidade ao aplicativo Web

Para adicionar funcionalidade ao aplicativo Web

  1. Em Solution Explorer botão direito do mouse default. aspx e clique em View Designer.

  2. Clique duas vezes o Enviar Button. Visual StudioAlterna para o código de página e cria um manipulador de eventos de esqueleto para o Button do controle Click de evento.

  3. Adicione o seguinte código ao manipulador 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. No menu File, clique em Save All.

Testando o aplicativo da Web manualmente

Para testar o aplicativo da Web manualmente

  1. Em Solution Explorer, o botão direito do mouse default. aspx e, em seguida, clique em Set As Start Page.

  2. Pressione CTRL + F5 para executar o aplicativo da Web no navegador. Você verá a primeira página.

  3. Clique em Red e, em seguida, clique em Submit. Se o aplicativo está funcionando corretamente você irá para a página com o Label que diz Red.

  4. Volte para a primeira página.

  5. Clique em azul e, em seguida, clique em Submit. Se o aplicativo está funcionando corretamente você irá para a página com o Label que diz azul.

Próximas etapas

Esta explicação passo a passo, você criou um aplicativo Web simples e testado-lo manualmente. Agora você está pronto para criar um teste de desempenho da Web que permite que você teste esse aplicativo. Para obter mais informações, consulte Demonstra Passo a passo: Gravação e execução de um teste de desempenho da Web.

Consulte também

Tarefas

Demonstra Passo a passo: Gravação e execução de um teste de desempenho da Web