Compartilhar via

Instruções passo a passo: criando um aplicativo Web simples

  • Artigo

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

Você executará as seguintes tarefas:

  • Crie um aplicativo simples da Web.

  • Testar o aplicativo da Web manualmente.

Pré-requisitos

Aqui é o que você precisará:

  • Visual Studio Ultimate

Criando um aplicativo da Web

Para criar o aplicativo da Web

  1. Em Visual Studio Ultimate, no menu de ARQUIVONovo , escolha e então escolha Projeto.

    A caixa de diálogo Novo Projeto é exibida.

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

  3. Na lista de tipos de projeto da Web, Aplicativo Web Vazio do ASP.NETselecione.

    ObservaçãoObservação

    Você irá escrever o mínimo de código neste passo-a-passo.

  4. Na caixa de Nome , digite ColorWebApp.

  5. Na caixa de Local , especifique a pasta onde você deseja criar o aplicativo da Web.

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

  7. Escolha OK.

  8. No solution Explorer, verifique se o novo projeto de ColorWebApp seja selecionado.

  9. No menu de PROJETO , escolha Adicionar novo item.

    A caixa de diálogo Adicionar Novo Item aparece.

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

  11. Na caixa de texto de Nome , o tipo Default.aspx e clique em Adicionar.

Adicionando controles ao aplicativo da Web

Para adicionar controles ao aplicativo da Web

  1. No solution Explorer, clique com o botão direito do mouse em Default.aspx e escolha Exibir Designer.

    Uma página em branco é exibida.

  2. Se a caixa de ferramentas não estiver visível, no menu de MODO DE VISUALIZAÇÃO escolha Caixa de Ferramentas.

  3. Do grupo de, arraste PadrãoRadioButtonList na página.

    Um controle de RadioButtonList é adicionado à superfície de design.

  4. Expanda o painel de marcas de ação Tarefas RadioButtonList, e escolha o link EditItems.

    Editor de coleção item de lista aparece.

    ObservaçãoObservação

    Você também pode exibir Editor de coleção item de lista editando a coleção de Itens na janela propriedades.

  5. Escolha Adicionar para adicionar um novo item.

  6. Nas Propriedades de item de lista:

    1. Altere a propriedade de Texto a Vermelho.

    2. Defina a propriedade da SelecionadoTrue.

  7. Escolha Adicionar para adicionar um item.

  8. Sob a alteração de Propriedades de item de lista a propriedade de Texto a Azul.

  9. Escolha OK para fechar o Editor de coleção item de lista.

  10. Arraste Button na página e na janela propriedades, alterar a propriedade de Texto a Enviar.

  11. No menu de ARQUIVO , escolha Salvar Tudo.

Adicionando páginas ao aplicativo da Web

Para adicionar páginas ao aplicativo da Web

  1. No menu de PROJETO , escolha Adicionar novo item.

  2. Na caixa de diálogo de Adicionar novo item , em Formulário Web selecione da lista de modelos, e o tipo Red.aspxde Nome .Escolha Adicionar.

  3. Na parte inferior da janela do documento, escolha a guia de Design para alternar para o modo design.

  4. Arraste Label na página.Na janela propriedades, defina a propriedade de Texto a Vermelho, e a propriedade de CorDePrimeiroPlano a Vermelho.

  5. No menu de PROJETO , escolha Adicionar novo item.

  6. Na caixa de diálogo de Adicionar novo item , escolha o modelo de Formulário Web , nomeie-o Blue.aspx, e escolha Adicionar.

  7. Na parte inferior da janela do documento, escolha a guia de Design para alternar para o modo design.

  8. Arraste Label na página.Na janela propriedades, defina a propriedade de Texto a Azul, e a propriedade de CorDePrimeiroPlano a Azul.

  9. No menu de ARQUIVO , escolha Salvar Tudo.

Adicionando funcionalidade ao aplicativo da Web

Para adicionar funcionalidade ao aplicativo da Web

  1. No solution Explorer clique com o botão direito do mouse em Default.aspx e escolha Exibir Designer.

  2. Clique duas vezes EnviarButton.as opções deVisual Studio para o código da página, e cria um manipulador de eventos de esqueleto para o evento de Click de controle de Button .

  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 de ARQUIVO , escolha Salvar Tudo.

Testando o aplicativo da Web manualmente

Para testar manualmente o aplicativo da Web

  1. No solution Explorer, clique com o botão direito do mouse em Default.aspx e escolha Definir Como Página Inicial.

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

  3. Vermelho escolha e então escolha Enviar.Se o aplicativo está funcionando corretamente você irá a página com Label que informa Vermelho.

  4. Volte para a primeira página.

  5. Azul escolha e então escolha Enviar.Se o aplicativo está funcionando corretamente você irá a página com Label que informa Azul.

Próximas etapas

Nessa explicação passo a passo você criou um simples aplicativo da Web e testá-lo manualmente.Agora você está pronto para criar um teste de desempenho da Web que permite testar este aplicativo.Consulte Passo a passo: Gravação e execução de um teste de desempenho da Web.

Consulte também

Tarefas

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