Scenario: Creazione di un'applicazione con SQL Server Express e Visual Web Developer 2005 Express

  • Articolo

[Questo argomento rappresenta una documentazione non definitiva ed è soggetto a modifiche nelle versioni successive. Gli argomenti vuoti vengono inclusi come segnaposto.]

[È possibile che una parte o tutto il contenuto di questo argomento non sia valido per questa versione e sia soggetto a modifiche. Per informazioni più aggiornate, vedere di nuovo questo argomento in una versione futura.]

In questo scenario viene illustrato come creare un'applicazione Web ASP.NET semplice che utilizza SQL Server 2005 Express Edition (SQL Server Express).

Prerequisiti

  • È necessario avere installato SQL Server Express.
  • È necessario avere installato Visual Web Developer Express Edition. Per ulteriori informazioni e per il download del prodotto, visitare il sito di Visual Web Developer Express Edition.

Attività

Installazione del database Northwind

  1. Scaricare gli script di installazione per il database di esempio Northwind dal sito Web Northwind.

  2. Eseguire il file SQL2000SampleDb.msi scaricato. Nella cartella C:\SQL Server 2000 Sample Databases verranno installati gli script di installazione.

  3. Al termine dell'installazione, aprire il prompt dei comandi. Fare clic sul pulsante Start, scegliere Esegui, digitare cmd e quindi fare clic su OK.

  4. Al prompt dei comandi digitare:

    cd C:\SQL Server 2000 Sample Databases

    e quindi premere INVIO.

  5. Al prompt dei comandi digitare:

    sqlcmd -S .\SQLExpress -i instnwnd.sql

    e quindi premere INVIO.

    Lo strumento sqlcmd indicherà lo stato di avanzamento dell'installazione del database Northwind e quindi restituirà il controllo al prompt dei comandi.

Verifica dell'installazione tramite l'utilità sqlcmd

  1. Per verificare l'installazione del database, al prompt dei comandi digitare:

    sqlcmd -S .\SQLExpress

    e quindi premere INVIO.

  2. Al prompt dei comandi dello strumento sqlcmd digitare i tre comandi seguenti:

    Use Northwind
Select name from sys.Tables
Go

  3. Lo strumento sqlcmd restituirà l'output seguente:

    Il contesto di database è stato sostituito con 'Northwind'.

    name

    -----------------------------------------------

    Customers

    Shippers

    Suppliers

    Orders

    Products

    Order Details

    CustomerCustomerDemo

    CustomerDemographics

    Region

    Territories

    EmployeeTerritories

    Employees

    Categories

    (13 rows affected)

  4. Al prompt dei comandi dello strumento sqlcmd digitare i due comandi seguenti:

    Select * from Customers

    Go

  5. Verrà visualizzato un elenco di tutte le informazioni della tabella Customers. Lasciare aperta questa finestra del prompt dei comandi per poterla riutilizzare più avanti.

Creazione di un nuovo sito Web

  1. Aprire Visual Web Developer Express Edition.

  2. Scegliere Nuovo sito Web dal menu File.

  3. Selezionare un linguaggio di sviluppo, quale Visual Basic, Visual C# o Visual J#, selezionare Sito Web ASP.NET, immettere un nome e un percorso per il sito Web nella casella Percorso e quindi fare clic su OK. In questo esempio viene utilizzato il nome myWebSite, creato nella directory C:\Websites.

  4. Verrà creato un nuovo sito Web e verrà aperta la pagina Default.aspx in visualizzazione HTML.

Aggiunta dell'interfaccia utente alla pagina Web

  1. Fare clic su Progettazione nell'angolo inferiore sinistro della schermata di codice di Default.aspx.

  2. Nella Casella degli strumenti fare clic sulla scheda Dati.

  3. Nella scheda Dati della Casella degli strumenti trascinare un oggetto GridView nella visualizzazione della finestra di progettazione di Default.aspx.

Associazione della pagina Web all'origine dei dati

  1. Nella finestra di dialogo Attività di GridView, visualizzata automaticamente quando si aggiunge l'oggetto GridView alla pagina Web, in Selezionare un'origine dati selezionare <Nuova origine dati>.

  2. Nella finestra di dialogo Configurazione guidata origine dati scegliere Database, digitare MyNwndDataSource come ID e quindi fare clic su OK.

  3. Nella schermata Seleziona connessione dati fare clic su Nuova connessione.

  4. In Scegli origine dati selezionare Microsoft SQL Server.

    1. In Provider di dati selezionare Provider di dati .NET Framework per SQL Server.
    2. Fare clic su Continua.

  5. In Aggiungi connessione digitare il nome del server in cui è installato SQL Server Express, seguito da una barra rovesciata (\) e dal nome dell'istanza. Se ad esempio SQL Server Express è installato nel percorso predefinito, ovvero l'istanza denominata di SQLExpress, e nello stesso computer di Visual Studio, digitare Servername\SQLExpress o .\SQLExpress.

    1. Selezionare Usa autenticazione di Windows.
    2. Nell'elenco a discesa Selezionare o immettere un nome di database selezionare Northwind.
    3. Fare clic su Test connessione. Verrà visualizzata una finestra di dialogo per verificare la connessione. Fare clic su OK.
    4. Fare clic su OK per salvare la nuova connessione.

  6. In Seleziona connessione dati fare clic su Avanti.

  7. Nella finestra di dialogo Salva stringa di connessione nel file di configurazione dell'applicazione scegliere di salvare la stringa di connessione e denominarla myNwndConnection. Fare clic su Avanti.

  8. In Configura istruzione Select selezionare i dati da utilizzare nell'applicazione. Controllare che Specificare le colonne di una tabella o vista sia selezionato. Selezionare la tabella Customers nell'elenco a discesa Nome e quindi selezionare le colonne seguenti:

    1. CustomerID
    2. CompanyName
    3. ContactName
    4. Country
    5. Phone.

  9. In Configura istruzione Select fare clic su Avanzate. Nella finestra di dialogo Opzioni avanzate generazione istruzioni SQL selezionare Genera istruzioni INSERT, UPDATE e DELETE e quindi fare clic su OK.

  10. Fare clic su Avanti.

  11. Nella finestra Test query fare clic su Test query per verificare che i dati appropriati vengano restituiti e visualizzati nella griglia dei dati. Fare clic su Fine.

  12. Verrà visualizzata nuovamente la finestra di progettazione delle pagine Web e in GridView verranno ora visualizzate le colonne che verranno utilizzate (con dati artificiali).

Test del sito Web

  1. Fare clic su Avvia o premere F5 per generare e distribuire il sito Web in modalità debug. Se viene richiesto di aggiungere o modificare il file Web.config per attivare il debug, confermare e fare clic su OK.

  2. Verrà aperto Internet Explorer e verrà visualizzata la pagina Web. Nella pagina Web sarà presente l'oggetto GridView con i dati della tabella del database Northwind selezionata.

Nota

Se la pagina Web non viene caricata correttamente, controllare le impostazioni proxy del browser. È necessario ignorare il server proxy per gli indirizzi locali.

Aggiunta di funzionalità alla pagina Web

  1. Chiudere Internet Explorer. Visual Web Developer Express Edition esce dalla modalità debug e restituisce il controllo per lo sviluppo della pagina Web.

  2. Nella finestra di progettazione fare clic sull'oggetto GridView una volta. Fare clic sulla piccola freccia nell'angolo superiore destro di GridView. Verrà visualizzata la finestra di dialogo Attività di GridView.

  3. Fare clic su Formattazione automatica, scegliere un formato e quindi fare clic su OK.

  4. Fare clic su Aggiungi nuova colonna.

  5. Nella finestra di dialogo Aggiungi campo scegliere CommandField come tipo di campo. Scegliere il tipo di pulsante Button e quindi fare clic su Modifica/Aggiorna. Controllare che Mostra pulsante Annulla sia selezionato. Fare clic su OK.

  6. GridView include ora una nuova colonna contenente un pulsante Modifica.

  7. Nella finestra di dialogo Attività di GridView selezionare Attiva paging e Attiva ordinamento.

Test del sito Web

  1. Ripetere la generazione del sito Web facendo clic su Avvia o premendo F5.

  2. Testare l'ordinamento delle colonne e il paging nella pagina Web. Facendo clic su un'intestazione di colonna, è possibile ordinare la colonna in ordine crescente o decrescente.

  3. Fare clic su Modifica in una delle righe di DataGrid. Si noti che è possibile modificare i valori in tutte le colonne tranne che in CustomerID, che è una chiave primaria e non può essere modificata.

  4. Modificare il valore di CompanyName nella riga selezionata digitando un nuovo valore. Al termine, fare clic su Aggiorna nella stessa riga.

    La modifica apportata verrà scritta in SQL Server Express e l'oggetto GridView verrà aggiornato con le nuove informazioni.

Verifica del database

  1. Nelle finestre del prompt dei comandi già aperte digitare i tre comandi seguenti:

    Use Northwind
Select CompanyName from Customers
Go

    Lo strumento sqlcmd elencherà i nomi di azienda relativi a ogni cliente. Verrà visualizzato anche il valore di CompanyName modificato.