ASP.NET. …un po’ di ASP ASP (Active Server Pages) è una tecnologia Microsoft che consente di scrivere codice eseguibile (script) lato server, inserendo.

Presentazione sul tema: "ASP.NET. …un po’ di ASP ASP (Active Server Pages) è una tecnologia Microsoft che consente di scrivere codice eseguibile (script) lato server, inserendo."— Transcript della presentazione:

1 ASP.NET

2 …un po’ di ASP ASP (Active Server Pages) è una tecnologia Microsoft che consente di scrivere codice eseguibile (script) lato server, inserendo il codice all’interno delle pagine web. Per eseguire le pagine ASP occorre quindi disporre di un serve Web che sia in grado di interpretare gli script in formato ASP: principalmente il Web server di Microsoft che si chiama IIS (Internet Information Services). La pagina ASP è normalmente un file di testo, salvato con l’estensione.asp, che può contenere testo, codici HTML, o script scritti con latri linguaggi, per esempio Java Script. L’utente da una pagina HTML, richiede di eseguire l’elaborazione contenuta nello script ASP; il server Web esegue le istruzioni contenute nella pagina ASP riga per riga e restituisce i risultati sotto forma di una pagina HTML che viene costruita dinamicamente e inviata al browser dell’utente. L’utente finale che utilizza il browser non può vedere il sorgente della pagina ASP residente sul server, ma solo la pagina HTML generata dallo script eseguito dal server.

3 …ASP.NET Il codice ASP.NET è l’evoluzione del codice ASP classico, anche se di fatto è basato su modalità diverse di gestione delle applicazioni eseguibili sul server. La pagine ASP.NET sono identificate dall’estensione.aspx ASP.NET utilizza il linguaggio Visual Basic, non la versione VBScript delle pagine ASP classiche. ASP.NET offre i vantaggi di un’alta scalabiltà, cioè è possibile passare facilmente da sistemi di elaborazione di grandi dimensioni a quelli di piccole dimensioni e viceversa.

4 A differenza delle pagine ASP classiche, le pagine ASP.NET contengono codice compilato: la prima volta che il server riceve la richiesta di esecuzione di una pagina ASP.NET, questa viene compilata e ne viene mantenuta una copia in memoria, in modo da aumentare il grado di efficienza e la velocità di esecuzione. Per utilizzare le pagine ASP.NET occorre disporre di un computer con sistema operativo Windows e di un Web server.

5 Gli oggetti delle pagine ASP.NET Le pagine ASP.NET utilizzano due tipi di oggetti lato server, detti controlli (controls):  controlli HTML Server: sono normali tag HTML  Controlli Web Server: sono i tag speciali ASP.NET interpretabili dal server. Per rendere questi controlli utilizzabili all’interno del codice, occorre aggiungere l’attributo Runat = “server” che indica appunto il fatto che l’esecuzione run è fatta sul server. I controllo HTML server devono essere contenuti all’interno di un tag … e il form stesso deve avere l’attributo runat= “server”

6 Anche i controlli Web server devono avere l’attributo runat=“server” e sono definiti secondo la seguente sintassi generale: A differenza delle pagine APS classiche, che mescolano codice HTML e codice VBScript, le pagine ASP.NET separano il codice di scripting dai tag HTML secondo la seguente struttura generale:

7 Struttura generale La prima parte, compresa tra e, raggruppa le istruzioni per l’elaborazione sul server. Il codice è organizzato in sottoprogrammi (Sub …End Sub). La seconda parte contiene elementi utilizzabili dal browser per presentare la pagina all’utente: tutti gli elementi sono raggruppati tra e. Sub ………. End Sub ……… ……...

8 Esempio sull’uso dei controlli HTML Server Sub Esegui (sender As Object, as EventArgs) If nome.Value <>”” Then image1.Src= nome.Value image1.Border = “1” End If End Sub Nome del file immagine: <input id= “nome”type ”test”size “30” runat=“server” /> <input type =“submit” value =“ Visualizza” OnServerClick =“Esegui”runat=₺”server” />

9 Si può osservare che  Gli oggetti tradizionali HTML (form, input, img) diventano controlli HTML server con l’aggiunta dell’attributo runat=“ server”;  Tutti i tag HTML devono avere tag di chiusura con la barra, compresi i tag e ;  Il programma Esegui, associato all’evento click (OnServerClick) sul pulsante di comando, controlla che il contenuto della casella di testo non sia vuoto – If nome.Value <>” “ Then… – Attraverso la proprietà Value dell’oggetto nome, che rappresenta la casella di testo (nome e proprietà dell’oggetto sono separati dal punto);  In caso positivo assegna un valore alle proprietà Src e Border dell’oggetto image1 (image1.Src e image1.Border) per visualizzare l’immagine richiesta, delimitandola con un bordo di spessore 1

10 Esempio sull’uso dei controlli Web server Sub Page_Load lbl1.Text=₺Rettangolo: calcolo dell’area ₺ End Sub Sub Submit (sender As Object, e As EventArgs) Dim Area As Integer Area = base.Text * altezza.Text lbl2.Text = "Risultato = "& Area End Sub <asp:Label id ="bl1" runat="server" forecolor ="#0000FF" font-bold ="True" /> Base: Altezza :

11 Esempio sull’uso dei controlli Web server Come si vede i controlli Web server sono rappresentati secondo la sintassi specifica di ASP.NET. I controlli usati in questo programma sono : Label (etichetta descrittiva), TextBox (casella di testo) e Button (pulsante di comando). In questo esempio la parte di script comprende due sottoprogrammi (Sub): il primo (Page_Load) gestisce l’evento del caricamento della pagina e specifica le azioni da compiere quando la pagina viene aperta dal browser, in questo caso viene visualizzato un titolo, assegnando una stringa alla proprietà Text dell’etichetta lbl1; il secondo gestisce l’evento click sul pulsante di comando (Button): acquisisce i valori della base e dell’altezza attraverso le proprietà Text delle due caselle di testo e assegna il risultato del calcolo alla proprietà Text dell’etichetta lbl2. Si osservi anche che nella creazione del controllo lbl1, di tipo Label, sono stati definiti gli attributi forecolor e font-bold per assegnare un colore blu e l’evidenziazione in grassetto ai caratteri dell’etichetta (per comodità di lettura sono scritti su più righe).

12 ASP.NET E RAZOR Razor è un view engine, introduce cioè una sintassi studiata per descrivere come il server debba produrre HTML dinamicamente a fronte di una richiesta HTTP. Ad esempio se inseriamo questo codice all’interno di una pagina prova.cshtml @DateTime.Now

13 Esempio: e premiamo il pulsante Esegui. La pagina Web prodotta contiene la data e l’ora attuali, che cambiano ad ogni refresh del browser. Questo funzionamento è possibile perché il codice preceduto dal simbolo @ viene elaborato dal server ad ogni richiesta ed il suo risultato inserito all’interno della pagina alla posizione specificata.

14 …l’uso delle parentesi graffe Quando una singola istruzione dinamica non è sufficiente ad ottenere il comportamento desiderato possiamo avvalerci delle parentesi graffe per delimitare l’area nella quale vogliamo eseguire codice server-side: @{ DateTime today = DateTime.Now; DateTime tomorrow = today.AddDays(1); } domani: @tomorrow

15 Esempio: @{ var myMessage = “Ciao Mondo"; } The value of myMessage is: @myMessage @{ var greeting = “Benvenuti nel nostro sito!"; var weekDay = DateTime.Now.DayOfWeek; var greetingMessage = greeting + " Qui a Napoli é: " +weekDay; } The greeting is: @greetingMessage

16 Il risultato sarà Il valore di myMessage è: Ciao Mondo Il saluto è: Benvenuti sul nostro sito! Qui a Napoli è: Mercoledì