Procedura dettagliata: modifica di codice nelle pagine Web in Visual Web Developer

Articolo
09/12/2008

Aggiornamento: novembre 2007

In molte pagine Web ASP.NET, il codice viene scritto in Visual Basic, C# oppure in un altro linguaggio. L'editor del codice in Visual Web Developer consente di scrivere il codice velocemente senza commettere errori. Inoltre, nell'editor sono forniti dei metodi per creare un codice riutilizzabile che consente di ridurre la quantità di operazioni da effettuare.

In questa procedura dettagliata sono illustrate varie funzionalità dell'editor di codice. Alcune delle funzionalità dell'editor di codice dipendono dal tipo di linguaggio in cui si esegue la codifica. Pertanto, in questa procedura dettagliata, verranno create due pagine, una con cui si utilizza Visual Basic come linguaggio di programmazione e una con cui si utilizza C#.

In particolare, vengono illustrate le seguenti operazioni:

Correzione degli errori (in Visual Basic).
Esecuzione del refactoring e ridenominazione del codice (in C#).
Ridenominazione dei simboli.
Inserimento di frammenti di codice (in Visual Basic e in C#).

Prerequisiti

Per completare questa procedura dettagliata è necessario:

Visual Studio o Visual Web Developer.

Per un'introduzione a Visual Web Developer, vedere Procedura dettagliata: creazione di una pagina Web di base in Visual Web Developer.

Creazione del sito e della pagina Web

Se un sito Web è già stato creato in Visual Web Developer, ad esempio seguendo le procedure di Procedura dettagliata: creazione di una pagina Web di base in Visual Web Developer, è possibile utilizzare quel sito Web e passare alla sezione successiva. In caso contrario, creare un sito e una pagina Web nuovi attenendosi alla procedura riportata di seguito.

Per creare un sito Web di file system

Aprire Visual Web Developer.
Scegliere Nuovo sito Web dal menu File.
In Modelli Visual Studio installati fare clic su Sito Web ASP.NET.
Nella casella Percorso, selezionare File system e immettere il nome della cartella in cui salvare le pagine del sito Web.

Digitare, ad esempio, il nome cartella C:\\WebSites.
Nell'elenco Linguaggio, fare clic su Visual Basic.

Il linguaggio di programmazione scelto sarà il linguaggio predefinito per il sito Web; tuttavia, è possibile impostare il linguaggio di programmazione per ogni pagina singolarmente.
Scegliere OK.

Visual Web Developer crea la cartella e una nuova pagina denominata Default.aspx.

Correzione di errori in Visual Basic

L'editor di codice in Visual Web Developer consente di evitare errori in fase di codifica e, in caso di errore, ne consente la correzione. In questa parte della procedura dettagliata verranno scritte alcune righe di codice in cui sono illustrate le funzionalità della correzione dell'errore nell'editor.

Il comportamento dell'editor di codice dipende dal linguaggio con cui si esegue la codifica. In generale, l'editor di codice per Visual Basic 2008 fornisce informazioni più dettagliate sugli errori in fase di codifica.

Per eseguire il test della correzione di errore in Visual Basic

In visualizzazione Progettazione fare doppio sulla pagina vuota per creare un gestore per l'evento Load per la pagina.

Il gestore eventi è utilizzato soltanto come posizione in cui scrivere un codice.
All'interno del gestore, digitare la riga riportata di seguito in cui è contenuto un errore.
```
dim var1 as inger
```
Quando si preme INVIO, l'editor di codice sottolinea la parola inger che indica che la parola non è stata riconosciuta. Notare che parte della sottolineatura è un piccolo trattino di sottolineatura.
Posizionare il puntatore del mouse sulla parola inger per visualizzare una descrizione del comando in cui viene identificato l'errore.
Tenere il puntatore del mouse sul trattino nella sottolineatura.

Il trattino di sottolineatura si espande in un'icona.
Fare clic sull'icona.

Verrà visualizzato un elenco di correzioni possibili per la parola inger visualizzata.
Selezionare Cambiare "inger" in Integer.

Refactoring e ridenominazione in C#.

Il refactoring è una metodologia di software che implica la ristrutturazione del codice per semplificarlo e mantenerne la funzionalità. Un esempio semplice potrebbe essere la scrittura del codice in un gestore eventi per ottenere dati da un database. In fase di sviluppo della pagina, si renderà necessario accedere ai dati di differenti gestori. Pertanto, è necessario eseguire il refactoring del codice della pagina creando una funzione di accesso ai dati nella pagina e inserendo chiamate alla funzione nei gestori.

Nell'editor di codice sono inclusi gli strumenti che consentono di eseguire varie attività di refactoring. In questa procedura dettagliata saranno utilizzate due tecniche di refactoring: la ridenominazione di simboli e l'estrazione di un metodo. In altre opzioni di refactoring sono inclusi i campi di incapsulamento, la promozione delle variabili locali a parametri di metodo e la gestione di parametri di metodo. La disponibilità di queste opzioni di refatctoring dipende dalla posizione del codice. Ad esempio, se si evidenzia un codice che non è una dichiarazione di campo, non sarà possibile selezionare l'opzione Incapsula campo. Se si evidenzia una variabile in un metodo di evento, non sarà possibile selezionare Promuovi variabile locale a parametro dal momento che le firme del gestore eventi sono costanti.

Refactoring del codice

In genere, in uno scenario di refactoring si crea (per estrazione) un metodo dal codice che si trova all'interno di un altro membro. In questo modo, le dimensioni del membro originale si riducono e il codice estratto diventa riutilizzabile.

In questa parte della procedura dettagliata, verrà scritto un codice semplice e verrà estratto un metodo da tale codice. Il refactoring è supportato da C#, quindi sarà creata una pagina che utilizzi C# come relativo linguaggio di programmazione.

Per creare una pagina C#

In Esplora soluzioni, fare clic con il pulsante destro del mouse sul nome del sito Web e scegliere Aggiungi nuovo elemento.
In Modelli Visual Studio installati fare clic su Web Form.
Nell'elenco Linguaggio, fare clic su C#.

Nota:

È possibile lasciare il nome Default2.aspx.
Scegliere Aggiungi per creare e aprire la nuova pagina.

Nota:
È possibile lasciare il nome Default2.aspx.

Per estrarre un metodo in una pagina C#

Passare alla visualizzazione Progettazione.
Dalla scheda Standard della Casella degli strumenti trascinare un controllo Button nella pagina.

Fare doppio clic sul controllo Button per creare un gestore per il relativo evento Click, quindi aggiungere il codice evidenziato riportato di seguito.

protected void Button1_Click(object sender, EventArgs e)
{
    System.Collections.ArrayList alist =         new System.Collections.ArrayList();    int i;    string arrayValue;    for(i=0; i<5; i++)    {        arrayValue = "i = " + i.ToString();        alist.Add(arrayValue);    }    for(i=0; i<alist.Count; i++)    {        Response.Write("<br />" + alist[i]);    }
}

ll codice consente di creare un oggetto ArrayList, utilizzare un ciclo per caricare valori e, successivamente, utilizzare un altro ciclo per visualizzare il contenuto dell'oggetto ArrayList.

Premere CTRL+F5 per eseguire la pagina, quindi fare clic sul pulsante per accertarsi di visualizzare l'output riportato di seguito.
```
i = 0
i = 1
i = 2
i = 3
i = 4
```
Tornare all'editor di codice, quindi selezionare le righe riportate di seguito nel gestore eventi.
```
   for(i=0; i<alist.Count; i++)
   {
      Response.Write("<br />" + alist[i]);
   }
```
Fare clic con il pulsante destro del mouse sulla selezione, quindi fare clic su Effettua refactoring e, successivamente, scegliere Estrai metodo.

Viene visualizzata la finestra di dialogo Estrai metodo.

Nella casella Nuovo nome metodo digitare DisplayArray, quindi scegliere OK.

L'editor di codice consente di creare un nuovo metodo denominato DisplayArray e consente di effettuare una chiamata al nuovo metodo nel gestore Click in cui il ciclo era contenuto in origine.

protected void Button1_Click(object sender, EventArgs e)
{
    System.Collections.ArrayList alist = 
        new System.Collections.ArrayList();
    int i;
    string arrayValue;
    for(i=0; i<5; i++)
    {
        arrayValue = "i = " + i.ToString();
        alist.Add(arrayValue);
    }
    i = DisplayArray(alist, i);
}

Premere CTRL+F5 per eseguire la pagina di nuovo e fare clic sul pulsante.

Il funzionamento della pagina non è stato modificato.

Ridenominazione dei simboli

In caso di utilizzo di variabili e di oggetti (entrambi conosciuti come simboli), potrebbe essere necessario ridenominare i simboli successivamente al relativo riferimento nel codice. Tuttavia, la ridenominazione di un simbolo potrebbe causare l'interruzione del codice se si omette di ridenominare uno dei riferimenti al simbolo. Pertanto, è possibile effettuare il refactoring per eseguire la ridenominazione.

Per utilizzare il refactoring per ridenominare i simboli

Nel gestore eventi Click aggiungere la riga riportata di seguito:

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

Fare clic con il pulsante destro del mouse sul nome della variabile alist, scegliere Effettua refactoring e quindi selezionare Rinomina.

Viene visualizzata la finestra di dialogo Rinomina.
Nella casella Nuovo nome, digitare ArrayList1 e premere INVIO.

Viene visualizzata la finestra di dialogo Anteprima modifiche e una struttura in cui sono contenuti tutti i riferimenti ai simboli in fase di ridenominazione.
Fare clic su Applica per chiudere la finestra di dialogo Anteprima modifiche.

Sono rinominate le variabili che si riferiscono in modo specifico all'istanza selezionata. Notare, tuttavia, che la variabile alist nella riga riportata di seguito non viene rinominata.
```
private int DisplayArray(System.Collections.ArrayList alist, 
    int i)
```
La variabile alist contenuta in questa riga non è rinominata dal momento che non rappresenta lo stesso valore della variabile alist rinominata. La variabile alist nella dichiarazione DisplayArray è una variabile locale per quel metodo. In tale procedura viene illustrato che l'utilizzo del refactoring per rinominare i simboli è diverso dalla semplice esecuzione di azioni di ricerca e sostituzione nell'editor; mediante il refactoring è possibile rinominare simboli e conoscere la semantica del simbolo utilizzato.

Inserimento di frammenti di codice

Dato il numero elevato di attività di codifica da eseguire mediante gli sviluppatori delle pagine Web, nell'editor di codice viene fornita una libreria di frammenti di codice oppure alcuni blocchi di codice predefiniti. È possibile inserire questi frammenti di codice nella pagina in uso.

In ciascun linguaggio Visual Studio sono presenti leggere differenze nel metodo di inserimento dei frammenti di codice. Per informazioni sull'inserimento dei frammenti di codice in Visual Basic, vedere Procedura: inserire frammenti nel codice (Visual Basic). Per informazioni sull'inserimento dei frammenti di codice in Visual C#, vedere Procedura: utilizzare frammenti di codice (C#).

Passaggi successivi

In questa procedura dettagliata sono state illustrate le funzionalità di base dell'editor di codice di Visual Studio 2008 per la correzione di errori nel codice, il refactoring del codice, la ridenominazione dei simboli e l'inserimento di frammenti di codice nel codice. Le funzionalità aggiuntive dell'editor possono rendere lo sviluppo di applicazioni un'operazione rapida e semplice. Può, ad esempio, essere necessario:

Ulteriori informazioni sulle funzionalità di IntelliSense, ad esempio la modifica di opzioni di IntelliSense, la gestione dei frammenti di codice e la ricerca in linea di frammenti di codice. Per ulteriori informazioni, vedere Utilizzo di IntelliSense.
Informazioni sulla modalità di creazione di frammenti di codice personalizzati. Per ulteriori informazioni, vedere Creazione e utilizzo di frammenti di codice IntelliSense.
Ulteriori informazioni sulle funzionalità specifiche in Visual Basic dei frammenti di codice IntelliSense, ad esempio la personalizzazione dei frammenti di codice e la risoluzione di eventuali problemi. Per ulteriori informazioni, vedere Frammenti di codice IntelliSense di Visual Basic.
Ulteriori informazioni sulle funzionalità specifiche in C#-di IntelliSense, ad esempio il refactoring e i frammenti di codice. Per ulteriori informazioni, vedere Funzionalità dell'editor di codice di Visual C#.