ASP NET Un script reprezint un set de instruciuni care, n ceea ce privete paginile Web, se pot executa fie n browser

(client side scripting) sau pe server (server-side scripting). Client side scripting vizeaz o categorie de programe care se execut pe sistemul pe care ruleaz browserul. Javascript este principalul limbaj de client scripting. Aceste scripturi pot fi incluse n documentul HTML dar pot fi de asemenea incluse n fiiere distincte. n urma unei cereri web care vine din partea unui client (browser) serverul trimite o pagina web drept raspuns. Eventualele scripturi client coninute de pagina respectiv sunt executate fie n momentul deschiderii paginii de ctre browser fie n urma unor evenimente declanate de interaciunea cu utilizatorul (click pe un buton, de exemplu). n majoritatea cazurilor scripturile sunt executate fr ca serverul s fie implicat. Scripturile server-side sunt executate de ctre server n momentul n care utilizatorul solicit o pagin, rezultatul execuiei fiind de obicei un document care poate fi interpretat de browser. Sursa scriptului nu este vizibil clientului. O pagina web poate fi rezultatul unui script server i poate n acelai timp conine scripturi client. Cele mai uzuale limbaje utilizate pentru scripturile server sunt PHP, ASP, ASP.Net , JAVA. ASP.NET reprezint soluia oferit de Microsoft pentru crearea paginilor dinamice. A fost dezvoltat pentru a permite crearea site-urilor web, a aplicaiilor web i a serviciilor web. A fost precedat de tehnologia ASP (Active Server Pages) i beneficiaz suportul platformei NET. Ca limbaje de programare pentru ASP NET se pot folosi: Visual Basic, C# i J#. Pentru crearea paginilor ASP NET pot fi abordate urmtoarele tehnologii: Web Pages, Web Forms i MVC. n cele ce urmeaz ne vom ocupa de tehnologia Web Forms iar ca mediu de dezvoltare platforma Microsoft Visual Studio.

ASP NET Web forms reprezint primul model de programarea ASP NET (n ordinea apariiei) i utilizeaz paradigma programrii dirijate de evenimente, elemente HTML, controale server i cod server.

Transmiterea parametrilor ntre paginile ASP NET. Exist mai multe modaliti prin care valorile unor parametri pot fi transmise ntre dou pagini ASP NET. Dintre acestea ne vom opri la dou care sunt mai uor de implementat: Query string Variabilele de tip sesiune Query string Query string reprezint acea poriune a unui URL care este utilizat pentru a transmite parametri ctre aplicaii Web. De exemplu dac se dorete transmiterea de ctre o pagin a numelui i prenumelui unei persoane ctre pagina inscrieri.aspx de pe site-ul www.ase.ro se poate utiliza urmtorul link: http://www.ase.ro/inscrieri.aspx?nume=Popescu&Prenume=Ion

n exemplul de mai sus query string este ceea ce urmez dup semnul ? (nume=Popescu&Prenume=Ion). Conine doi parametri (nume respectiv prenume) ale cror valori transmise spre prelucrare sunt Popescu respectiv Ion. n pagina ASP NET accesat prin aces URL (nscrieri.aspx), prelucrarea valorilor transmise prin query string se realizeaz cu ajutorul declaraiei: Private sub CitesteValoriParametri() Dim nume as string Dim prenume as string nume= Request.QueryString("nume") prenume= Request.QueryString("prenume") End Sub Variabilele de tip sesiune n momentul n care un utilizator se conecteaz la o pagina ASP NET, browserul de pe care s-a realizat conectarea primete de la serverul web un fiier care generic este denumit cookie care conine informaii care identific utilizatorul. Aceast interfa ntre utilizator i aplicaia ASP NET poart numele de obiect sesiune. Variabilele stocate n acest obiect sesiune sunt accesibile tuturor paginilor din aplicaia la care face referire sesiunea respectiv. O sesiune este creat n momentul primei solicitri a unei pagini din cadrul unei aplicaii i dureaz pn n momentul n care explicit se solicit ncheierea acesteia sau pn n momentul n care aceasta expir. n ASP NET o sesiune are o durat implicit de 20 de minute (poate fi modificat) care se rennoiete la fiecare accesare a unei pagini din cadrul aplicaiei respective. Practic sesiunea expir la 20 de minute dup ultima accesare a unei pagini din cadrul aplicaiei. Salvarea unei valori ntr-o variabil de tip sesiune se realizeaz astfel: Session(nume)=Popescu Session(prenume)=Ion Session(varsta)=50 Citirea valorii unei variabile de tip sesiune: Dim nume as string, prenume as string, varsta as integer nume= Session(nume) prenume= Session(prenume) varsta= Session(varsta)

Controale ASP NET

Controlul de tip textbox Reprezint o caset de text editabil. Caset de text n fereastra de proiectare Cod ASP NET <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> Caset de text afiat n fereastra browserului

Principalele proprieti ale unui control de tip textbox Proprietate Explicaie Name identific controlul respectiv Text Textul coninut de acel control TextMode Precizeaz tipul de caset de text. Poate avea una din urmtoarele valori: SingleLine-caset de text standard care afieaz o singur linie de text Multiline-caset de text multilinie Password-caset de text de tip password (textul introdus este mascat) Maxlength Numrul maxim de caractere acceptate Width Laimea casetei de text Height nlimea casetei de text Font Permite accesare mai multor proprieti referitoare la corpul de liter afiat de caseta de text. CssClass Permite asocierea unei clase CSS casetei de text n vederea formatrii acesteia potrivit stilurilor declarate n clasa respectiv Controlul de tip label (etichet) Este utilizat pentru afiarea unui text. Etichet n fereastra de proiectare Cod ASP NET <asp:Label ID="Label1" runat="server" Text="Eticheta"></asp:Label > Etichet afiat n fereastra browserului

Principalele proprieti ale unui control de tip label Proprietate Name Text Width Height Font

CssClass

Explicaie identific controlul respectiv Textul afiat de acel control Laimea casetei de text nlimea casetei de text Permite accesare mai multor proprieti referitoare la corpul de liter afiat de caseta de text. Permite asocierea unei clase CSS casetei de text n vederea formatrii acesteia potrivit stilurilor declarate n clasa respectiv

Controlul de tip Button Este un control care afieaz un buton. Acesta poate fi un buton de tip submit sau un buton de comand. Un buton de tip submit va trimite datele de pe pagina napoi ctre server. Unui buton de comand i se poate asocia cod care s fie executa atunci cnd respectivul buton este acionat (click).

<asp:Button ID="Button1" runat="server" Text="Button" />

Exemplu de procedur ataat evenimentului click al unui buton de comand

Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click Label1.Text = "Buna ziua" End Sub

Proprietate Name Text Width Height PostBackUrl

Explicaie identific controlul respectiv Textul afiat de acel control Laimea casetei de text nlimea casetei de text URL-ul ctre care se face redirectare atunci cnd butonul este acionat

Controul de tip LinkButton Funcioneaz asemntor unui control de tip button numai c este afiat n browser ca un hiperlink (link).

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

Exemplu de procedur ataat evenimentului click al unui buton de tip HyperlinkButton

Protected Sub LinkButton1_Click(sender As Object, e As EventArgs) Handles LinkButton1.Click Label1.Text = "Buna ziua!" End Sub

Controlul de tip Hyperlink Este utilizat pentru a genera n browser un link. Proprietate ImageUrl NavigateUrl Text Exemplu utilizare control de tip Hyperlink Sursa paginii asp:

Explicaie URL-imaginii care va constitui linkul URL-ul care reprezint destinaia linkului Textul afiat de ctre link

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div>

<asp:HyperLink ID="HyperLink1" runat="server">HyperLink</asp:HyperLink>

</div> </form> </body> </html>

Procedura de stabilire a proprietilor controlului "HyperLink1"

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load HyperLink1.ImageUrl = "~/go.png" HyperLink1.NavigateUrl = "http://www.google.ro" End Sub

La ncrcarea paginii web se execut procedura de mai sus prin intermediul creia se stabilete imaginea care va fi afiat de ctre link (go.png) i destinaia linlului (http://www.google.ro). Aceste proprieti puteau fi stabilite i n faza de proiectare a aplicaiei n fereastra de proprieti. Rezultatul afiat de browser este urmtorul:

La apsarea linkului se va accesa pagina (http://www.google.ro). Controlul de tip CheckBox Este utilizat pentru a afia o caset de validare Principalele proprieti ale unui control de tip checkbox Proprietate Explicaie Name identific controlul respectiv Checked Specific dac respectivul control este bifat sau nu. Valori posibile: True sau 1 pentru bifat False sau 0 pentru nebifat Text Textul care este afiat lng caseta de validare TextAlign Specific n care parte a casetei se afieaz textul (left sau right) AutoPostBack Proprietate care poate lua valorile True sau False, preciznd dac n momentul n care se bifeaz sau se debifeaz caseta, se trimit datele de pe pagina napoi ctre server spre prelucrare. Exemplu utilizare control de tip checkbox: Sursa paginii aspx:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:CheckBox ID="chkAreBursa" runat="server" AutoPostBack="True" /> <br /> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </div>

</form> </body> </html>

Codul surs asociat paginii:

Public Class WebForm1 Inherits System.Web.UI.Page Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load chkAreBursa.Text = "Beneficiati de bursa?" chkAreBursa.TextAlign = TextAlign.Right End Sub Protected Sub chkAreBursa_CheckedChanged(sender As Object, e As EventArgs) Handles chkAreBursa.CheckedChanged If chkAreBursa.Checked = True Then Label1.Text = "Alegerea dvs.: Beneficiati de bursa" Else Label1.Text = "Alegerea dvs.: Nu beneficiati de bursa" End If End Sub End Class

La ncrcarea paginii se execut procedura Page_Load prin intermediul creia se stabilete textul asociat casetei de validare i poziia acestuia.
chkAreBursa.Text = "Beneficiati de bursa?" chkAreBursa.TextAlign = TextAlign.Right

Procedura chkAreBursa_CheckedChanged se va executa n momentul n care se bifeaz sau se debifeaz caseta de validate (pentru aceasta trebuie setat i proprietatea AutoPostBack la valoarea True) i n funcie de starea casetei (bifat sau debifat) se stabilete textul afiat de ctre eticheta Label1.

Controlul de tip RadioButton Este utilizat pentru a afia un buton radio Principalele proprieti ale unui control de RadioButton Proprietate Explicaie Name identific controlul respectiv Checked Specific dac respectivul control este bifat sau nu. Valori posibile: True sau 1 pentru bifat False sau 0 pentru nebifat Text Textul care este afiat lng caseta de validare TextAlign Specific n care parte a casetei se afieaz textul (left sau right) AutoPostBack Proprietate care poate lua valorile True sau False, preciznd dac n momentul n care se bifeaz sau se debifeaz caseta, se trimit datele de pe pagina napoi ctre server spre prelucrare. GroupName Grupul din care face parte butonul respectiv (dintr-un grup, la un moment dat, poate fi bifat un singur buton)

Controlul de tip Image Este utilizat pentru afiarea unei imagini Principalele proprieti ale unui control de RadioButton Proprietate Explicaie AlternateText Textul alternativ pentru imaginea respectiv ImageAlign Specific modul de aliniere al imaginii
ImageUrl URL-ul imaginii afiate de ctre control

Exemplu utilizare control de tip Image

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <table width="400" border="1"> <tr> <td> Nota dvs:</td> <td> <asp:TextBox ID="txtNota" runat="server" Text="0"></asp:TextBox> </td> </tr> <tr> <td> <asp:Button ID="btnAfiseazaRezultat" runat="server" Text="Afiseaza rezultat" /> </td> <td> <asp:Label ID="lblRezultat" runat="server" Text="Necunoscut"></asp:Label> </td> </tr> <tr> <td> &nbsp;</td> <td> <asp:Image ID="imgRezultat" runat="server" Height="66px" Width="99px" ImageUrl="~/foto.jpg" /> </td> </tr> </table> </div> </form> </body>

</html>