• Va recomand sa gasiti persoana care se ocupa cu programul MSDNAA din facultate (sala 28) si sa va creati un cont de MSDNAA, de acolo puteti descarca Microsoft Visual Studio 2010, gratuit.

Urmatorul pas este sa va instalati Service Pack 1 pentru Microsoft Visual Studio 2010:

• Acesta poate fi descarcat de aici (aveti nevoie de internet si in timpul instalarii):
  • http://www.microsoft.com/download/en/details.aspx?id=23691

Ultimul pas este sa va instalati Windows Phone SDK 7.1:

• Acesta poate fi descarcat de aici (aveti nevoie de internet si in timpul instalarii):
  • http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=27570

In principiu ordinea instalarii este:

• Microsoft Visual Studio 2010 => Service Pack 1 => Windows Phone SDK 7.1
• Nu trebuie sa va faceti griji, toate instalarile sunt user friendly nu sunt foarte complicate.
• Trebuie avut grija, totusi, la resursele hardware, deoarece este nevoie de destul de mult, ca recomandare e bine sa aveti instalat Windows 7 (poate fi descarcat de pe MSDNAA, gratuit)

Esti nou in lumea ASP.NET si te uiti speriat la ciudateniile de prin Visual Studio? Nu ai nici cea mai vaga idee de unde sa incepi, si cum sa procedezi? In cazul acesta am o veste buna pentru tine: primul pas a fost bun Ai venit unde trebuie…

In articolul acesta vei afla cum sa:

• creezi un proiect nou
• adaugi o pagina noua in proiect
• cum pui un control asp
• cum se poate transforma un tag html intr-un control asp
• cum se scrie cod care va fi executat la apasarea unui buton
• hello world!

Eu voi folosi in toate articolele de genul acesta Web Developer Express 2011. Interfata grafica si pasii sunt similari pentru Visual Studio 2011.

Cum se creeaza un proiect nou

Pentru a crea un nou proiect, ne vom duce la File => New Web Site. Vom folosi C#, deci de la Installed Templates voi alege C#, si dorim sa facem un ASP.NET Empty Web Site.

Cum sa adaugi o pagina noua in proiect

Proiectul a fost creat cu succes. Default, se incarca 2 ferestre in dreapta ecranului : Solution Explorer si  Properties. In solution explorer exista un singur fisier: web.config in care nu vom intra acum.

Pentru a adauga o pagina noua, Click cu dreapta pe proiect => Add new item => Web form.

Visual  Studio  creaza  2  pagini:  Default.aspx,  si  legat  de  ea, Default.aspx.cs. De ce se intampla asta?

ASP-ul desparte interfata grafica de codul in sine. Astfel vom scrie doar  elementele  de  interfata  si  de  modul  in  care  arata  pagina  in Default.aspx, iar in pagina aspx.cs vom scrie codul C# corespunzator.

Pagina .aspx

Aceasta  pagina  incepe  cu  o  directiva  de  pagina,  care  ii  spune  se  va  lega  de  fisierul “Default.aspx.cs”, in care va gasi codul C# care interactioneaza cu pagina noastra. Dupa aceea urmeaza directiva care ii precizeaza ca fisierul curent va fi scris conform standardelor XHTML 1.0. Apoi vine o parte care ar trebui sa va fie cunoscuta, de HTML pur. In interiorul tag-urilor de body in orice pagina ASP vom avea tag-ul de form cu atributul runat=”server”.

Atentie! Orice  apare  in  interiorul tag-ului  form si are  atributul runat=”server”  este considerat un element ASP. De asemenea acestui element, ii va trebui si atributul ID pentru a putea fi identificat din codul C#.

Cum pui un control asp?

Exista 2 metode de a pune controalele ASP pe pagina. (Ma refer la controale ca fiind orice de la textbox-uri, label-uri, checkbox-uri, drop down list-uri, etc).

Prima metoda, si cea mai simpla, este utilizand interfata grafica oferita de Visual studio,  si facand drag and drop. In partea din stanga jos, avem 3 butoane: Design, Split si source. By default se deschide in Source. Voi folosi modul Split pentru a vedea si codul si rezultatul.

In  dreapta,  in  bara,  avem  Toolbox-ul.  Vom  gasi  in  categoria  “Standard”, controalele  care ne intereseaza momentan: Label, TextBox si un Button. Le voi lua prin drag and drop si le voi pune in interfata grafica (sau direct in cod).

Observati faptul ca el a autogenerat codul pentru fiecare. (si le-a asezat si frumos in pagina).

Toate controalele asp native, incep cu asp: urmat de numele controlului. Apoi avem cele 2 elemente pe care le-am mentionat mai inainte: runat=”server” si ID-ul.

Ca un good practice: nu lasati niciodata numele default. O sa va incurcati in ele. Stergeti numarul pe care il pune el, si puneti un nume de forma tipulControlului_ceReprezinta. De exemplu pentru un textbox in care se va introduce numele: TextBox_nume. Nu va speriati de numele lungi. Visual studio are un autocomplete extraordinar de bun.

Daca lucrati in modul Split, la modificari efectuate in cod, interfata grafica se va desincroniza. Astfel, dupa ce am facut schimbarea in cod, trebuie facut click in interfata grafica pentru ca cele 2 sa se resincronizeze.

Cum se poate transforma un tag html intr-un control asp

Un tag html, care este in interiorul tag-ului form, poate deveni element asp, accesibil din code behind. Cum? I se adauga atributul runat=”server” si un ID, unic. In acel moment in spate se creaza un obiect pentru id-ul specificat, si va fi accesibil din codul C#.

Cum se scrie cod care va fi executat la apasarea unui buton

Exista 2 metode de a ajunge la asta:

• Prin interfata grafica Visual studio:
  • va duceti pe pagina .aspx
  • treceti in modul design
  • faceti dublu click pe butonul pe care vreti sa scrieti codul
  • puf! vi se deschide pagina de cod, cu o procedura generata de compilator
• Scriind manual codul
  • va duceti in pagina .aspx
  • treceti in modul source
  • localizati codul pentru buton
  • ii adaugati atributul onclick=”ceva”
  • va duceti in pagina .aspx.cs
  • scrieti o procedura noua care se numeste ceva:
    • protected void ceva(object sender, EventArgs e)

Hello World!

Acum ca am vazut cum se adauga elemente asp pe pagina, si sa scriem cod pe un buton, hai sa facem un program din familia “Hello world”. Vom pune pe pagina un label, TextBox si un Button. Dorim ca in momentul in care utilizatorul face click pe buton, sa ii afisam “salut, <<numele introdus de utilizator>>”. Vom mai pune pe pagina inca un label in care sa facem afisarea.

Dupa ce am pus controalele, pagina mea arata in felul urmator:

<form id=”form1″ runat=”server”>

</form>

Acum vom scrie codul din C#. Facem dublu click pe buton, pentru a ne autogenera codul. In pagina de C# vom declara in functia “Button_salut_Click”, o variabila de tip String text, in care vom pune textul din textbox. Declaram variabila, si facem atribuirea: controlul care ne intereseaza se numeste TextBox_nume si dorim sa ii accesam propietatea text.

string text = TextBox_nume.Text;

Acum vrem sa punem in eticheta label_salut textul “Salut” si ce contine variabila text. Obiectul Label_ salut care are si el propietatea Text, si caruia ii atribuim valoarea “salut, “, concatenat cu text. Bineinteles, puteam face atribuirea direct, but just for the fun of it… i didn’t.

Label_salut.Text = “Salut, ” + text;

Adica puteam sa pun direct:

Label_salut.Text = “Salut, ” + TextBox_nume.Text;

Rulati pagina && enjoy!

Locul 1: Felix Oghina. El a castigat 1 tricou, 3 stickere Imagine Cup, pix si mouse wireless Microsoft;

Locul 2 : Bogdan Nechita. Locul 2 va primi 1 tricou, 3 stickere Imagine Cup, pix si o tastatura Microsoft;

Locul III : Carmen Albu. Premiile pentru locul 3 sunt: 2 tricouri, 3 stickere Imagine Cup, pix si un CD holder.

Ii felicitam pe toti participantii acestui concurs si le uram mult succes la urmatoarele!

Fii alaturi de noi atat pe blog, cat si pe profilul nostru de Facebook pentru a afla ultimele noutati!