Passo-a-passo: Edição de código em Páginas da Web no Visual Web Developer

Artigo
10/15/2014

Em muitas páginas da Web ASP.NET, você escreve um código em Visual Basic, C# ou outro idioma.O editor de códigos em Visual Web Developer pode ajudar você Gravar código rapidamente ao ajudar você a evitar erros.Além disso, o editor fornece maneiras para você criar códigos reutilizáveis para ajudar a reduzir a quantidade de trabalho que você precisa fazer.

Esta explicação passo a passo ilustra diversos recursos do editor de códigos.Alguns dos recursos do editor de códigos dependem da linguagem que você está codificando.Portanto, nesta explicação passo a passo você criará duas páginas, uma que usa o Visual Basic como sua linguagem de programação e outra que usa C#.

Durante este explicação passo a passo, você aprenderá como:

Corrigir erros (em Visual Basic).
Refatorar e renomear código (em C#).
Renomear símbolos.
Inserir trechos de código (em Visual Basic e C#).

Pré-requisitos

A fim de concluir este explicação passo a passo, será necessário:

ou Visual Web Developer.

Para obter uma introdução ao. Visual Web DeveloperConsulte Demonstra Passo a passo: Criando uma página da Web básica no Visual Web Developer.

Criando o Site da Web e a Página

Se você tiver AL Pronto criou um site da Web em Visual Web Developer (Por exemplo, seguindo as etapas em Demonstra Passo a passo: Criando uma página da Web básica no Visual Web Developer, você pode usar esse site e pule para a Avançar seção.Caso contrário, crie um site e uma página novos, seguindo estas etapas.

Para criar um site do sistema de arquivos

Abrir Visual Web Developer.
Sobre o File Menu, clique em Novo Site da Web.
Em Modelos Visual Studio instaladoClique em Web Site ASP.NET.
Na Local Caixa de seleção Sistema de arquivose em seguida, Enter o nome da pasta onde você deseja manter as páginas do seu site da Web.

Por exemplo, digite o nome da pasta C:\WebSites.
Na Linguagem lista, clique em Visual Basic.

A linguagem de programação que você escolher será o padrão para o site, mas você pode definir a linguagem de programação para cada página individualmente.
Clique em OK.

Visual Web Developer Cria a pasta e um Nova Página chamado Default.aspx.

Corrigindo erros no Visual Basic

O editor de códigos em Visual Web Developer Ajuda você a evitar os erros conforme você código, e se você tiver feito um erro, o editor de códigos ajuda você a corrigir o erro.Nesta parte da explicação passo a passo, você irá escrever algumas linhas de código que ilustram os recursos de correção de erro do editor.

O comportamento do editor de códigos depende de qual linguagem você está codificando.Em geral, o editor de códigos para fornece informações mais Detalhado de erro como você o código.

Para testar a correção de erro no Visual Basic

No modo de exibição de design, Duplo - clique na página em branco para criar um manipulador para o Carga Evento para a página.

Você está usando o manipulador de eventos somente como um lugar para escrever alguns códigos.
Dentro o manipulador, digite a linha a seguir que contém um erro:
```
dim var1 as inger
```
Quando você pressionar ENTER, o editor de códigos em linhas a palavra ingerindicando que a palavra não é reconhecida.Observe que parte do grifado é um pequeno sublinhado.
Mantenha o ponteiro do mouse sobre a palavra inger Para ver uma dica de ferramenta informando o que é o erro.
Mantenha o ponteiro do mouse sobre o grifado no sublinhado.

O sublinhado expande-se em um ícone.
Clique no ícone.

Uma lista de correções possíveis para a palavra inger é exibida.
Select Alterar 'inger' Para inteiro.

Refatorando e Renomeando em C#

Refatoração é uma metodologia de software que envolve reestruturação do seu código para tornar mais fácil de entender e manter, preservando sua funcionalidade.Um exemplo simples pode ser escrever código em um manipulador de eventos para obter dados de um banco de dados.Na medida em que você desenvolve sua página, você descobre que precisar acessar os dados de vários manipuladores diferentes.Portanto, você refatora o código da página criando uma função Data-Access na página e inserindo chamadas para a função nos manipuladores.

O editor de códigos inclui ferramentas para ajudá-lo a executar várias tarefas de refatoração.Nesta explicação passo a passo, você irá trabalhar com duas técnicas de refatoração: renomear símbolos e extrair um método.Outras opções de refatoração incluem encapsular campos, promover variáveis locais para parâmetros de métodos, e gerenciar parâmetros dos métodos.A disponibilidade dessas opções de refatoração depende da localização no código.Por exemplo, se você realçar código que não é uma declaração de campo, você não pode selecionar o Encapsular o campo Opção.Se você realçar uma variável em um método de evento, você não pode selecionar Promover variável local para parâmetro Como manipulador de eventos as assinaturas são constantes.

Refatorando código

Um cenário de refatoração comum é criar (extrair) um método do código que está dentro de outro membro.Isso reduz o tamanho do membro original e torna o código extraído reutilizável.

Nesta parte da explicação passo a passo, você irá escrever alguns códigos simples, e depois extrair um método a partir deles.Há suporte para refatoração em C#, então você irá criar uma página que usa C# como sua linguagem de programação.

Para criar uma página C#

Na Gerenciador de Soluções, clique com o botão direito do mouse no nome do seu site da Web e em seguida, clique em Adicionar novo item.
Em Modelos Visual Studio instaladoClique em Web Form.
Na Linguagem lista, clique em C#.

Observação:

Você pode deixar o nome Default2.aspx.
Clique em Adicionar Para criar e abrir o Nova Página.

Observação:
Você pode deixar o nome Default2.aspx.

Para extrair um método em uma página C#

Alternar para modo Design.
Na Toolboxa partir de Padrão guia, arraste um Button controlar até a página.

Clique duas vezes o Button controle para criar um manipulador para sua [E:Sistema.Web.UI.WebControles.Botão.Click] Evento e, em seguida, Adicionar o seguinte código realçado.

Protegido void {Button1_Clique(object sender, EventArgs e)
  System.Collections.ArrayLista aLista =      Novo System.Collections.ArrayList();  int i;  Cadeia de Caracteres arrayValor;  For(i=0; i < 5; i ++)  {      arrayValue = " i = " + i.ToString();      alist.Add(arrayValue);  }  For(i=0; i < alist.Contar; i ++)  {      Resposta.Write("<br />" + alist[i]);  }
}

O código cria uma ArrayList Objeto, usa um loop para Carregar-lo com os valores e, em seguida, usa outro loop para exibir o conteúdo das ArrayList Objeto.

Pressione CTRL+F5 para executar a página, e em seguida, clique no controle Button para certificar-se que você vê o seguinte resultado:
```
i = 0 i = 1 i = 2 i = 3 i = 4
```
Retorne para o editor de códigos, e selecione as linhas seguintes no manipulador de eventos.
```
   For(i=0; i < alist.Count; i ++) {Response.Write("<br />" + alist[i]); }
```
Clique com o botão direito do mouse a seleção, clique em Refatorare então escolha Extrair o método.

O Extrair o método caixa de diálogo é exibida.

Na Novo nome do método Caixa, tipo DisplayArray e em seguida, clique em OK.

O editor de códigos cria um novo método chamado DisplayArraye coloca uma chamada para o novo método na Clique em manipulador onde o loop foi originalmente.

Protegido void Button1_Click(object sender, EventArgs e) {System.Collections.ArrayList alist = novo System.Collections.ArrayList(); int i; Seqüência de caracteres arrayValue; For(i=0; i < 5; i ++) {arrayValue = " i = " + i.ToString(); alist.Add(arrayValue);  i = DisplayArray(alist, i); }

Pressione CTRL+F5 para executar a página novamente, e clique no controle Button.

A página funciona da mesma maneira que fazia antes.

Renomeando símbolos

Ao trabalhar com variáveis e objetos (ambos são também conhecido como símbolos), você pode desejar que seja possível renomear os símbolos após eles já tiverem sido referenciados em seu código.Entretanto, renomear o símbolo pode potencialmente causar quebra do código se você se esquecer de renomear uma das referências para o símbolo.Portanto, você pode usar o refatoramento para executar a renomeação.

Usar refatoramento para renomear símbolos

Na Clique em manipulador de eventos, localize a seguinte linha:

System.Collections.ArrayList alist =     new System.Collections.ArrayList;

Clique com o botão direito do mouse o nome de variável alistEscolha Refatorare então escolha Renomear.

O Renomear caixa de diálogo é exibida.
Na Novo nome caixa, digite ArrayList1 e então Pressionarionar ENTER.

O Visualizar alterações caixa de diálogo aparece e exibe uma árvore que contém todas as referências para o símbolo que você está renomeando.
Clique em Aplicar Para fechar a Visualizar alterações caixa de diálogo.

As variáveis que fazem referência especificamente a instância que você selecionou são renomeados.Anotação, no entanto, que a variável alist Na linha seguinte não é Renomeado.
```
private int DisplayArray(System.Collections.ArrayList alist,     int i)
```
A variável alist Nesta linha é não renomeada porque ele não representa o mesmo valor da variável alist Se você renomeou.A variável alist Na DisplayArray Declaração é um variável local para esse método.Isso ilustra que usando refatoração para renomear símbolos é diferente de simplesmente executar uma ação de localização e substituição no editor; refatoração renomeia símbolos com conhecimento da semântica do símbolo com que ele está trabalhando.

Inserindo trechos

Porque há muitas tarefas de codificação que os desenvolvedores de página da Web freqüentemente necessitam executar, o editor de códigos fornecem uma biblioteca de trechos, ou blocos de código pré-escritos.Você pode inserir esses trechos em sua página.

Cada idioma que você usar em Tem pequenas diferenças na maneira como que você inserir trechos de código.Para obter informações sobre como inserir trechos de código em Visual Basic, consulte Como: Inserir trechos em seu Código (Visual Basic).Para obter informações sobre como inserir trechos de código no Visual C#, consulte Como: Usar trechos de código (C#).

Próximas etapas

Essa explicação passo a passo tem ilustrado dos recursos Basics da editor de códigos para corrigir erros no seu código, refatoração código, símbolos, renomear e inserir código trechos de código no seu código.Recursos adicionais no editor podem tornar o desenvolvimento de aplicativos rápido e fácil.Por exemplo, você pode desejar:

Aprender mais sobre os recursos do IntelliSense, como modificar opções do IntelliSense, gerenciar trechos de código, e procurar por trechos de código on-line.Para obter mais informações, consulte Usando o IntelliSense.
Aprender como criar seus próprios trechos de código.Para obter mais informações, consulte Criando e usando trechos de código IntelliSense.
Aprender mais sobre os recursos do Visual Basic específicos dos trechos de código do IntelliSense, como personalizar o trechos e solução de problemas.Para obter mais informações, consulte Trechos de Código IntelliSense Visual Basic.
Aprender mais sobre os recursos específicos do IntelliSense para C#, como refatoração e trechos de código.Para obter mais informações, consulte Recursos do Code Editor do Visual C#.