Demonstra Passo a passo: Criando uma aplicação Web simples

Artigo
08/25/2010

Esta explicação passo a passo, você irá criar um aplicativo Web simples para usar sistema autônomo base para um teste da Web em Demonstra Passo a passo: Gravando e executando um teste da Web.

Para a criação de um teste da Web de exemplo, você deve usar um aplicativo Web Web à qual você pode fazer alterações arbitrárias.

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

Crie um aplicativo Web Web simples.
Teste aplicativo Web Web manualmente.

Pré-requisitos

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

Microsoft Visual Studio 2005

Criando uma aplicação Web

Para criar aplicativo Web Web

In Microsoft Visual Studio 2005, sobre o Arquivo menu, clicar Novo e, em seguida, clicar Site da Web.

The Novo site caixa de diálogo é exibida.
Em O Visual Studio installed templates, clicar Site da Web do ASP.NET.

No Local caixa de seleção Sistema de arquivos e, em seguida, digite o nome da pasta onde você deseja para mantém seu aplicativo Web Web.Verifique o nome de pasta participanteColorWebApp\ColorWebApp.Por exemplo, digite o nome de pasta C:\WebSites\ColorWebApp\ColorWebApp.

Observação:
Inclua o nome duas vezes para que você pode adicionar um projeto de teste da Web à primeira pasta, e serão separada do aplicativo Web Web propriamente dito na segunda pasta.

No Idioma lista, escolher a linguagem de programação que você preferir.

Observação:

Você escreverá código mínimo nesta explicação passo a passo.
Clique em OK.

Observação:
Você escreverá código mínimo nesta explicação passo a passo.

Adicionando controles para aplicativo Web Web

Para adicionar controles ao aplicativo Web Web

In O gerenciador de soluções, clicar com o botão direito do mouse em padrão.aspx e escolher Exibir Designer.

Uma página em branco é exibida.
Se a caixa de ferramentas não estiver visível, clicar Modo de exibição e, em seguida, clicar Caixa de ferramentas.
From a Padrão agrupar, arrastar um RadioButtonList até a página.

A RadioButtonList controle é adicionado para a área de design.
Sobre o RadioButtonList tarefas painel de marca SMART, clicar no EditItems link.

A ListItem coleção Editor aparece.

Observação:

Você também pode exibir o ListItem Collection Editor editando o Itens coleção de oPropriedades janela.
Clique em Add para adicionar um novo item.
Em ListItem properties:
1. Alterar o Texto propriedade Vermelho.
2. conjunto o Selecionado propriedade True.
clicar Adicionar para adicionar outro item.
Em ListItem properties alterar de a Texto propriedade Azul.
clicar OK para fechar o ListItem coleção Editor.
arrastar um Button até a página e alterar o Texto propriedade Enviar.
No menu File, clique em Save All.

Observação:
Você também pode exibir o ListItem Collection Editor editando o Itens coleção de oPropriedades janela.

Adicionando páginas no aplicativo Web

Para adicionar páginas ao aplicativo Web Web

No menu Website, clique em Add New Item.
No Adicionar novo item caixa de diálogo, clicar the Formulário da Web modelo de nomeRed.aspxe, em seguida, clicar Adicionar.
Na parte inferior da janela do documento, clicar no Design guia para comutador para modo de modo de exibição de Design.
arrastar um Label até a página. conjunto o Texto propriedade Vermelho, and the CorDePrimeiroPlano propriedade Vermelho.
No menu Website, clique em Add New Item.
No Adicionar novo item diálogo, clicar no Formulário da Web modelo de nomeBlue.aspxe, em seguida, clicar Adicionar.
Na parte inferior da janela do documento, clicar no Design guia para comutador para modo de modo de exibição de Design.
arrastar um Label até a página. conjunto o Texto propriedade Azul, and the CorDePrimeiroPlano propriedade Azul.
No menu File, clique em Save All.

Adicionando funcionalidade no aplicativo Web

Para adicionar funcionalidade ao aplicativo Web Web

In O gerenciador de soluções clicar com o botão direito do mouse em padrão.aspx e clique em Exibir Designer.
Double-click the SubmitButton.Visual Studio Alterna para o código de página e cria um esqueleto de manipulador de eventos para o Button do controle Click evento.

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

No menu File, clique em Save All.

Testando aplicativo Web Web manualmente

Para testar aplicativo Web Web manualmente

In O gerenciador de soluções, clicar com o botão direito do mouse em padrão.aspx e, em seguida, clique em conjunto sistema autônomo página Iniciar.
Pressione CTRL+F5 para executar aplicativo Web Web no navegador.Você verá a primeira página.
clicar Vermelho e, em seguida, clicar Enviar.Se o aplicativo estiver funcionando corretamente, você irá para a página com o Label que diz Vermelho.
Volte para a primeira página.
clicar Azul e, em seguida, clicar Enviar.Se o aplicativo estiver funcionando corretamente, você irá para a página com o Label que diz Azul.

Próximas etapas

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

Partilhar via