Condividi tramite

Procedura dettagliata: creazione di un'applicazione Web semplice

  • Articolo

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

Per creare un test Web di esempio, è necessario utilizzare un'applicazione Web in cui sia possibile apportare modifiche arbitrarie.

In questa procedura dettagliata si completeranno le seguenti attività:

  • Creazione di un'applicazione Web semplice.

  • Test manuale dell'applicazione Web.

Prerequisiti

Per la procedura dettagliata è necessario il seguente componente:

  • Microsoft Visual Studio 2010 Ultimate

Creazione di un'applicazione Web

Per creare l'applicazione Web

  1. In Visual Studio 2010 Ultimate scegliere Nuovo dal menu File, quindi fare clic su Progetto.

    Verrà visualizzata la finestra di dialogo Nuovo progetto.

  2. In Modelli installati espandere il linguaggio di programmazione preferito, quindi fare clic su 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 il nome della cartella in cui si desidera creare l'applicazione Web.

  6. Selezionare Crea directory per soluzione.

  7. Fare clic su OK.

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

  9. Scegliere Aggiungi nuovo elemento dal menu Progetto.

    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, quindi scegliere Visualizza finestra di progettazione.

    Verrà visualizzata una pagina vuota.

  2. Se la casella degli strumenti non è visibile, fare clic su Visualizza e quindi su Casella degli strumenti.

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

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

  4. Nel riquadro tag azioni Attività di RadioButtonList fare clic sul collegamento EditItems.

    Verrà visualizzato l'Editor dell'insieme ListItem.

    Nota

    È inoltre possibile visualizzare l'Editor dell'insieme ListItem modificando l'insieme 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 dell'insieme ListItem.

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

  11. Scegliere Salva tutto dal menu File.

Aggiunta di pagine all'applicazione Web

Per aggiungere pagine all'applicazione Web

  1. Scegliere Aggiungi nuovo elemento dal menu Progetto.

  2. Nella finestra di dialogo Aggiungi nuovo elemento selezionare Web Form nell'elenco di modelli, digitare Red.aspx nella casella Nome, quindi 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 Aggiungi nuovo elemento dal menu Progetto.

  6. Nella finestra di dialogo Aggiungi nuovo elemento fare clic sul modello Web Form, denominarlo Blue.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 Salva tutto dal menu File.

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, quindi scegliere Visualizza finestra di progettazione.

  2. Fare doppio clic su Submit Button. 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 Salva tutto dal menu File.

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, quindi scegliere Imposta come pagina iniziale.

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

  3. Fare clic su Red e quindi su Submit. Se l'applicazione funziona correttamente, si andrà alla pagina con il controllo Label denominato Red.

  4. Tornare nella prima pagina.

  5. Fare clic su Blue e quindi su Submit. Se l'applicazione funziona correttamente, si andrà alla pagina con il controllo Label denominato Blue.

Passaggi successivi

In questa procedura dettagliata è stata creata e testata manualmente una semplice applicazione Web. A questo punto è possibile creare un test Web che consenta di testare l'applicazione. Per ulteriori informazioni, vedere Procedura dettagliata: registrazione ed esecuzione di un test Web.

Vedere anche

Attività

Procedura dettagliata: registrazione ed esecuzione di un test Web