Visitatori: 1057

Nella scorsa lezione abbiamo creato il database SqlServer con la Tabella News e abbiamo inserito qualche record di prova.

Vedremo adesso come visualizzare le News in una GridView. Una GridView è un Web Control introdotto con la versione 2.0 del framework per rimpiazzare la vecchia DataGrid. Si tratta di un componente molto potente che ci consente di visualizzare i dati contenuti in una tabella di un Database o in un file XML in forma tabellare. E' possibile inoltre attivare l'ordinamento dei dati per colonna, la paginazione, nonchè l'inserimento la modifica e la cancellazione. Insomma tutte le operazioni ripetitive che in ASP 3.0 ci facevano perdere parecchio tempo sono state automatizzate attraverso questo componente.

Prima di poter utilizzare la nostra GridView dobbiamo aggiungere al nostro Sito Web una connessione al database creato. Per fare ciò dal menu Visualizza selezioniamo "Esplora Server" e una volta visualizzato clicchiamo col tasto destro del mouse e selezioniamo nuova connessione:

Verrà visualizzata la seguente schermata:

Clicchiamo su Modifica in corrispondenza di Origine Dati. Dalla schermata successiva selezioniamo "Microsoft Sql Server" e clicchiamo su OK:

Verrà visualizzata la seguente schermata:

Dovrete impostare il nome server che generalmente corrisponde a NOMECOMPUTER\SQLEXPRESS. Nel nostro caso abbiamo dato al nostro server il nome di SQLEXPRESS2005 in fase di installazione e scelto autenticazione Windows. Se voi avete scelto l'autenticazione di sql server dovrete inserire il nome utente e la password scelti in fase di installazione. Una volta inseriti tali dati, se corretti, potrete selezionare il Database News dalla lista dei database presenti sul Server. Scegliamo quindi il database TestDB e cliccgiamo su Test Connessione. Se tutto è ok verrà visualizzato un messaggio di conferma:

A questo punto nella sezione Esplora Server possiamo vedere che alle nostre connessioni è stata aggiunta la connessione al database TestDB ed espandendo il nodo possiamo vedere la Tabella News creata:

Adesso il nostro Sito Web è in grado di interagire con il database TestDB e possiamo quindi aggiungere una nuova pagina che chiameremo News.aspx in cui verranno visualizzati i record ella tabella News:

Quando aggiungete la nuova Web Form al sito ricordatevi di selezionare l'opzione Seleziona Pagina Master. Una vlta visualizzata la nuova pagina trasciniamo nel ContentPlaceHolder1 della master page una GridView che trovate nella sezione Dati della casella degli strumenti:

Dal menu contestuale della GridView accessibile tramite il pulsante a forma di freccetta selezionate nuova orgine dati e selezionare Database nella schermata proposta:

Nella schermata successiva selezionate la Connection String creata in precedenza, ovvero quella al db TestDB.

Nella schermata successiva VWD ci chiede se vogliamo salvare la ConnectionString nel Web.config. Scegliamo di salvarla:

Nella schermata successiva ci viene questo da quale Tabella prelevare i dati e quali colonne utilizzare. Scegliamo l'unica tabella News e tutte le singole colonne:

Nella schermata successiva clicchiamo su test Query e se tutto ok clicchiamo su fine:

Avremo questa situazione:

A questo punto per vedere subito il risultato impostate la pagina News come pagina iniziale del Sito (da esplora soluzioni, tasto destro sulla pagina news.aspx). Mandate quindi in esecuzione il Sito web e vedrete l'elenco delle news:

Nel prossimo articolo vedremo come dare una formattazione alla GridView e inserire l'ordinamento e la paginazione dei record.

Lezione precedente | Indice degli articoli | Lezione Successiva