Procedura dettagliata: creazione di un'applicazione Web semplice

In questa procedura dettagliata, verrà creata un'applicazione Web semplice per utilizzare come base per un test Web in Procedura dettagliata: registrazione ed esecuzione di un test Web.

Verranno effettuate le seguenti attività:

• Creare un'applicazione Web semplice.

• Test manuale dell'applicazione Web.

Prerequisiti

Ecco di ciò che è necessario:

• Visual Studio Ultimate

Creare un'applicazione Web

Per creare l'applicazione Web

1. In Visual Studio Ultimate, scegliere dal menu FILE, scegliere Nuova quindi scegliere Progetto.

   Verrà visualizzata la finestra di dialogo Nuovo progetto.

2. In Modelli installati espandere il linguaggio di programmazione preferito, quindi scegliere Web.

3. Nell'elenco di tipi di progetto Web selezionare Applicazione Web ASP.NET vuota.

   [!NOTA]

   In questa procedura dettagliata verrà scritta una quantità minima di codice.

4. Nella casella Nome digitare ColorWebApp.

5. Nella casella Percorso, specificare la cartella in cui si desidera creare l'applicazione Web.

6. Selezionare Crea directory per soluzione.

7. Scegliere OK.

8. In Esplora soluzioni verificare che sia selezionato il nuovo progetto ColorWebApp.

9. Scegliere dal menu PROGETTO, scegliere Aggiungi nuovo elemento.

   Verrà visualizzata la finestra di dialogo Aggiungi nuovo elemento.

10. Nell'elenco di elementi scegliere Web Form.

11. Nella casella di testo Nome digitare Default.aspx, quindi scegliere Aggiungi.

Aggiunta di controlli all'applicazione Web

Per aggiungere controlli all'applicazione Web

1. In Esplora soluzioni, fare clic con il pulsante destro del mouse su Default.aspx e selezionare Visualizza finestra di progettazione.

   Verrà visualizzata una pagina vuota.

2. Se la casella degli strumenti non è visibile, scegliere dal menu VISUALIZZA scegliere Casella degli strumenti.

3. Dal gruppo Standard trascinare un controllo RadioButtonList sulla pagina.

   Nell'area di progettazione verrà aggiunto un controllo RadioButtonList.

4. Espandere il riquadro tag azioni Attività RadioButtonList e scegliere il collegamento EditItems.

   Verrà visualizzato l'Editor della raccolta ListItem.

   [!NOTA]

   È inoltre possibile visualizzare l'Editor della raccolta ListItem modificando la raccolta Elementi nella finestra Proprietà.

5. Scegliere il pulsante Aggiungi per aggiungere un nuovo elemento.

6. In Proprietà ListItem:

   1. Modificare la proprietà Text in Red.

   2. Impostare la proprietà Selected su True.

7. Scegliere Aggiungi per aggiungere un altro elemento.

8. In Proprietà ListItem modificare la proprietà Text in Blue.

9. Scegliere OK per chiudere l'Editor della raccolta ListItem.

10. Trascinare un oggetto Button nella pagina e nella finestra Proprietà modificare la proprietà Text in Submit.

11. Scegliere dal menu FILE, scegliere Salva tutto.

Aggiunta di pagine all'applicazione Web

Per aggiungere pagine all'applicazione Web

1. Scegliere dal menu PROGETTO, scegliere Aggiungi nuovo elemento.

2. Nella finestra di dialogo Aggiungi nuovo elemento, in Modulo Web selezionato dall'elenco di modelli e il tipo Red.aspxNome.Scegliere Aggiungi.

3. Nella parte inferiore della finestra del documento, fare clic sulla scheda Progettazione per passare alla visualizzazione Progettazione.

4. Trascinare un controllo Label sulla pagina.Nella finestra Proprietà impostare la proprietà Text su Red e la proprietà ForeColor su Red.

5. Scegliere dal menu PROGETTO, scegliere Aggiungi nuovo elemento.

6. Nella finestra di dialogo Aggiungi nuovo elemento fare clic sul modello Web Form, denominarlo Login.aspx, quindi scegliere Aggiungi.

7. Nella parte inferiore della finestra del documento, fare clic sulla scheda Progettazione per passare alla visualizzazione Progettazione.

8. Trascinare un controllo Label sulla pagina.Nella finestra Proprietà impostare la proprietà Text su Blue e la proprietà ForeColor su Blue.

9. Scegliere dal menu FILE, scegliere Salva tutto.

Aggiunta di funzionalità all'applicazione Web

Per aggiungere funzionalità all'applicazione Web

1. In Esplora soluzioni fare clic con il pulsante destro del mouse su Default.aspx e selezionare Visualizza finestra di progettazione.

2. Fare doppio clic su SubmitButton.Visual Studio consente di passare alla pagina di codice e di creare uno scheletro di gestore eventi per l'evento Click del controllo Button.

3. Aggiungere il codice seguente al gestore eventi:

   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. Scegliere dal menu FILE, scegliere Salva tutto.

Test manuale dell'applicazione Web

Per testare manualmente l'applicazione Web

1. In Esplora soluzioni, fare clic con il pulsante destro del mouse su Default.aspx e quinImposta come pagina iniziale.

2. Premere CTRL+F5 per eseguire l'applicazione Web nel browser.Verrà visualizzata la prima pagina.

3. Scegliere Rosso quindi scegliere Invia.Se l'applicazione funziona correttamente si andrà alla pagina con Label che indica Rosso.

4. Tornare nella prima pagina.

5. Scegliere Blu quindi scegliere Invia.Se l'applicazione funziona correttamente si andrà alla pagina con Label che indica Blu.

Passaggi successivi

In questa procedura dettagliata verrà creata un'applicazione Web semplice e testata manualmente.È ora possibile creare un test Web che consenta di testare l'applicazione.Vedere Procedura dettagliata: registrazione ed esecuzione di un test Web.

Vedere anche

Attività

Procedura dettagliata: registrazione ed esecuzione di un test Web