Applicazioni pratiche con ASP.Net 2.0 Lezione n. 1

Transcript

1 STRUMENTI DI APPROCCIO PER IL CORSO Applicazioni pratiche con ASP.Net 2.0 Premessa Versioni Express Edition di Visual Studio 2005 Una novità di Microsoft per il lancio sul mercato di Microsoft Visual Studio 2005 è stata quella sia di migliorare il motore del Framework dalla versione 1.1 alla versione 2.0; di permettere il download gratuito dal sito microsoft delle versione denominate Express rivolte a tutti gli studenti universitari, hobbisti, a persone dilettanti della programmazione visuale che desiderano partire con una curva di apprendimento meno impegnativa della versione commerciale di Visual Studio Basta fare una ricerca con la parola chiave Visual Basic Express Edition, ad esempio, oppure come in questo corso, Visual Web Developer 2005 Express Edition, e troverete, nella pagina di risultato, il link per effettuare il download del pacchetto applicativo. Di ciò che ho espresso a mie parole, troverete un riscontro al seguente link: Il target al quale si rivolgono le versioni express di Visual Studio 2005 sono riassunte in questo elenco: - studenti universitari - semplici appassionati - anche aziende che desiderano costruire semplici applicazioni per.net Troveranno in queste versioni strumenti agili, intuitivi, di semplice utilizzo per lo sviluppo di applicazioni Windows e siti dinamici In questa tabella riassumiamo i Prodotti della linea Express: rivolti a produrre applicazioni Windows per il framework 2.0; Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 1

2 siti dinamici in Asp.Net 2.0 ossia per lo sviluppo Web; per lo sviluppo su database; Sviluppo applicazioni Windows Sviluppo Database Sviluppo Web su sul Versioni Express di Visual Studio 2005: Visual C# 2005 Express Edition; Visual Basic 2005 Express Edition Visual C Express Edition Visual J# 2005 Express Edition Con questi tools, appassionati e studenti di ogni grado possono imparare gli strumenti della programmazione della nuova era moderna Non può mancare in un gestionale l interfacciarsi con basi di dati più o meno complesse: Tutti i pacchetti della linea Express Edition si integrano abbastanza bene con Sql Server 2005 Express Edition Un nuovo database rivolto a studenti, dilettanti e semplici appassionati Per lo sviluppo di siti Web dinamici e di Web Service, troviamo Microsoft Visual Web Developer 2005 Express Edition Corso Applicazioni pratiche con ASP.Net 2.0 Definizione Obiettivi. Il corso Applicazioni pratiche con ASP.Net 2.0, per il quale avete dato la Vostra adesione di iscrizione, vi permetterà di raggiungere i seguenti obiettivi: Obiettivo n 1 Imparare a migrare le applicazioni, realizzate in ASP Classic, in ASP.Net 2.0, utilizzando come ambiente di sviluppo Visual Web developer 2005 Express Edition; Obiettivo n 2 Imparerete a connettervi al vostro spazio di Hosting e uplodare in modo molto semplice la struttura dell applicazione web realizzata; Obiettivo n 3 Al fine di poter essere immediatamente operativi con ASP.Net 2.0, esamineremo i principali controlli server side e un set di applicazioni, complete di codice e di documentazione a corredo per la progettazione. Obiettivo n 4 Imparerete a configurare l applicazione web con i maggiori DMBS (Data Base Management System) esistenti sul mercato. In questo modo le applicazioni web, orientate alla gestione di database, saranno create con minor difficoltà rispetto ad ASP Classic. Presentati questi quattro obiettivi principali, non mi resta che augurarvi buon lavoro e buon apprendimento. Corso Applicazioni pratiche con ASP.Net 2.0 Web Server Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 2

3 Rispetto ad ASP Classic, una volta realizzata l applicazione o una pagina Web in ASP (Active Server Page), per poterla eseguire, avevamo bisogno, in locale, di una copia di Internet Information Services. Con ASP.Net, e grazie all adozione dell ambiente di sviluppo Visual Web Developer 2005 Express Edition, potremmo fare al meno di Internet Information Services, in quanto tale applicativo è dotato di un Web server integrato, il cui URL (Uniform Resource Locator indirizzo che identifica la risorsa univocamente, in questo caso della pagina Asp.Net sul Web Server) Web server integrato in Visual Web Developer Express Edition Il web server una volta in esecuzione, registra le seguenti informazioni: Percorso fisico nel quale stanno tutti i files necessari all esecuzione dell applicazione web realizzata; Percorso della directory virtuale che sostituisce il percorso fisico. In questo modo il Root Url sarà più breve. Il numero porta, in questo caso, è Dopo ogni chiusura dell ambiente di sviluppo, osserverete il seguente comportamento: - avviando nuovamente Visual Web Developer; - aprendo un Web site già esistente oppure creandone uno nuovo; - riavviando il Web server per l esecuzione, il numero di porta, sul quale aprirà il servizio, sarà diverso. Corso Applicazioni pratiche con ASP.Net 2.0 Ambiente di sviluppo Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 3

4 In questo paragrafo descriveremo nei dettagli l ambiente di sviluppo, che sarà utilizzato per tutta la durata del corso. Questo ambiente di sviluppo porta il nome di Microsoft Visual Web Developer 2005 Express Edition. Per prima cosa avviamo l ambiente di sviluppo dalla barra di Start di Windows. All avvio si presenterà la seguente interfaccia grafica: Le novità dell ambiente di sviluppo le raccogliamo con il seguente elenco: quella del web server integrato la elenchiamo, ma ne abbiamo già parlato nel paragrafo precedente browser web integrato con il vantaggio di accedere a tutti i links, ogni giorno aggiornati della MSDN Library, senza dover aprirli nel browser web installato sul nostro Pc. Con la combinazione di tasti CTRL+ALT+R, attiveremo il browser web interno all ambiente di sviluppo: Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 4

5 Possiamo creare l applicazione web ASP.Net in due modi: File System ossia in locale e la sua esecuzione avverrà con il web server integrato, senza dover aver necessariamente una copia di Internet Information Services FTP ossia collegandoci direttamente al nostro spazio di Hosting, a condizione che supporti la tecnologia ASP.Net Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 5

7 - Esplora database permette di gestire le connessione ai DBMS (Data Base Management System) tipo Access, SQL Server, MYSQL, ecc. - Esplora soluzione finestra attraverso la quale si gestisce il progetto, attraverso questa finestra del menu contestuale: - Finestra Struttura documento. Della pagina asp.net corrente, attraverso questa finestra si legge tutta la sua struttura (dalle direttive di pagina fino ad arrivare a tutti gli elementi HTML dell interfaccia grafica) Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 7

8 Altra finestra importante è il visualizzatore oggetti (o Object Browser). Sarà possibile navigare all interno dei namespace (o spazi di nomi) del.net Framework - Altra finestra importante è quella dove vengono elencati tutti i possibili messaggi di errore, avvisi del compilatore, o messaggi informativi. A tal proposito segnaliamo che durante la progettazione dell applicazione in Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 8

9 modalità solo codice, il debug integrato, segnala con questa finestra, i possibili errori sintattici di parole riservate di ASP.Net o tag lato server scritti male sintatticamente (Finestra errore) - Finestra delle proprietà, sensibile all oggetto selezionato. Selezionato il controllo, per attivare questa finestra, basta premere il tasto di funzione F4. Con la combinazione CTRL+ALT+X, attiviamo al casella degli strumenti, casella dove sono catalogati tutti gli oggetti che renderanno, la pagina web e il sito da realizzare con tecnologia ASP.Net, interattivo con l utente. Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 9

11 Casella degli strumenti Controlli Data per interagire con applicazioni orientate alla gestione di basi di dati. Per aggiungere nuove barre degli strumenti, a fine di gestire nuove funzionalità dell ambiente di sviluppo, dobbiamo, dal menu View, selezionare la voce Toolbars: Corso Applicazioni pratiche con ASP.Net 2.0 L uso delle Partial Class La struttura di una pagina Web dinamica in ASP Classic era: Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 11

12 <html> <head> <title>mia Pagina Web</title> </head> <body> <% Response.write( Ciao a tutti ) %> </body> </html> In Asp.Net 2.0, e ancor prima di questa versione, si è rinnovato, in modo radicale, lo stile di programmazione, raggiungendo l obiettivo della netta separazione, di quella che è l interfaccia grafica della pagina Web (layoyut della pagina Web) dalla parte di codice che gestisce i comportamenti lato server dell applicazione (clic di un pulsante di comando, selezione di un elemento da una casella di riepilogo, ecc ecc) Infatti la stessa pagina sarà sdoppiata in due pagine: pagina con estensione aspx; pagina con estensione vb (nell ipotesi che il linguaggio di programmazione utilizzato per programmare la pagina sia Visual Basic) Questa netta separazione viene rappresentata dalla seguente immagine: Se dovessimo espandere il menu ad albero dell applicazione, in corrispondenza delle pagine Aspx, avremo: Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 12

13 Pagina Web Aspx Pagina web con estensione, che varia a seconda del linguaggio di programmazione utilizzato per l implementazione dell applicazione Web. Nell ultima immagine notiamo una novità del.net Framework 2.0. L utilizzo delle Partial Class. Posso scrivere il codice in file separati. Sarà il compilatore a unire tutto il codice sorgente, ed alla fine restituire il parser della pagina Aspx,in una pagina Html, all interno del browser Web. Per mezzo delle Partial Class, possiamo avere più pagine web dinamiche in ASP.Net e un Codefile unico. Ciò che cambia è invece il valore impostato per Inherits Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 13

14 Secondapagina.aspx Il code file è sempre primoesempio.aspx.vb. Però tutto le routine evento, legate all interfaccia grafica della pagina, saranno organizzate in: Nella Partial class secondoesempio verrà organizzato tutto il codice eseguibile al verificarsi degli eventi, che caratterizzano la pagina secondapagina.aspx Corso Applicazioni pratiche con ASP.Net 2.0 Concetto di Web Form Altra importante novità introdotta con ASP.Net, sin da quando è nata questa tecnologia Microsoft, è insito nel modello di programmazione per le applicazioni Web dinamiche. La novità si chiama WebForm, che riprende il modello di sviluppo tipico delle applicazioni Windows, con la semplice differenza che per eseguire un WebForm, abbiamo bisogno di un Web Server. Come le applicazioni Windows sono basate su eventi, anche i WebForm rispondono agli eventi lato server, per i controlli aggiunti su di esso, al fine di far interagire l utente con l applicazione stessa. Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 14

15 L utente di un applicazione Web, nel momento in cui preme il pulsante di comando, scatena un evento OnClick lato server. Tuttavia c è da fare la seguente considerazione: Creiamo un WebForm con i seguenti controlli: Pulsante di comando; Controllo ComboBox (O DropDownList) Proviamo a caricare una serie di elementi nel controllo DropDownList. Il caricamento degli elementi avverrà al Click lato server del pulsante di comando. Vorrei infine che, alla selezione di un elemento, mi ritorni lato client l elemento selezionato. L evento SelectIndexChanged funzionerà, a condizione che, per il controllo DropDownList, sia impostata a True, la Proprietà AutoPostBack. Tale proprietà AutoPostBack è comune ad altri controlli: Checkbox ListBox CheckBoxList RadioButton (o OptionButton o pulsante di opzione) RadiobuttonList (o collezione di pulsanti di opzione) Solo se si imposta tale proprietà a True, per il controllo DropDownList o ListBox, l evento SelectIndexChanged verrà eseguito. Infatti con l autopostback a true, verrà ricaricata la pagina, scatenando la routine evento definita. Corso Applicazioni pratiche con ASP.Net 2.0 Concetto di Controllo Sul WebForm vengono collocati diversi controlli, denominati WebControls. Essi sono oggetti facilmente manipolabili con opportune proprietà, e rappresentano porzioni di HTML. Nel modello di programmazione ASP.Net, sviluppare per componenti è l obiettivo principale, e a runtime, quando dovrà essere generata la pagina, sarà invocata l istanza di tutti gli elementi grafici (o finestre) che la compongono. I server control sono tag HTML specializzati con l attributo runat impostato a server. Il WebForm, in HTML, è costituito da Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 15

16 <form id= Form1 runat= server >. </form> Un server Controls è un tipo.net, indipendente dal linguaggio di programmazione adottato per l implementazione. Assolverà la funzione di generare una porzione di Tags HTML, che descrive l interfaccia grafica dell applicazione. Tutti i server Controls sono definiti dalla classe Control del namespace System.Web.UI. I WebControls sono di due categorie: HTMLControls WebControls. Tutti i tag Html con Input type= appartengono alla classe degli HTMLControls. <Input type= Button value= Submit > <Input type= Text size= 10 id= testo1 > <Input type= CheckBox Checked= Checked id= chbox > <Input type= File id= file1 > HTMLButton HTMLInputText HTMLInputCheckbox HTMLInputFile E ad altri ancora. Essi sono catalogati nella casella degli strumenti: La categoria dei WebControls, organizzati nel namespace del Framework, System.Web.Ui.WebControls, la differenziamo da quella degli HTMLControls, per il semplice fatto, che in questa ultima categoria, c è un vero e proprio mapping tra Tag HTML e controllo stesso, per i web controls, la cosa diviene Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 16

17 molto più complessa. Si utilizzano questi WebControls per incapsulare porzioni complesse di interfacce grafiche utente in un unico blocco.il WebControl per eccellenza è Calendar. Ogni WebControl ha un set di proprietà comuni: - BackColor colore sfondo controllo - Font per associare un particolare carattere, dimensione al testo incorporato nel controllo da progettare - ForeColor per impostare il colore del testo o in generale il colore di primo piano del controllo - Height altezza controllo - ToolTip per impostare il testo da visualizzare in primo piano quando il mouse si ferma sopra il controllo stesso - Width Larghezza controllo Termina così la prima lezione. Arrivederci alla prossima e tra circa 5 lezioni un primo test di verifica al fine di autovalutarvi sullo stato di apprendimento di questo corso. Dedica del corso Questo corso lo dedico a tutti coloro i quali hanno scelto di iscriversi e a tutti coloro i quali desiderano usarlo come fonte tascabile per implementare la creazione di applicazioni web (semplici o di media complessità), utilizzando Microsoft Visual Web Developer 2005 Express Edition. Un ringraziamento particolare va ad una mia carissima amica, da poco laureata e iscritta all Albo degli Ingegneri informatici Alessandra Zamparutti, la quale mi è stata di grande fonte ispiratrice, per come stimolare i potenziali discendi. entusiasmandoli, e rendendoli partecipi della lezione Stessa passione che ci mette un laureando, in previsione di preparazione dell esame, e volontà e determinazione nel superarlo, anche quando le difficoltà siano tortuose oppure insormontabili. Ringrazio sempre Manuali.Net, che mi da costantemente la possibilità di erogare corsi di notevole attualità pratica nel settore della programmazione Windows, come per la programmazione Web, corsi per la cui preparazione, sta un lavoro di ore e ore di aggiornamenti su diverse fonti bibliografiche (riviste, web cast, testi specializzati, forum, newsgroups), anche perché per dare molto a voi, devo dare molto a me stesso. Spalluzzi Francesco - Manuali.Net 2007 Tutti i diritti riservati 17