Atunci când crearea de pagini web ASP.NET și cod scris pentru ei, puteți selecta unul dintre cele două modele de gestionare elemente vizibile (controale și text) și codul software. În un singur model de elemente și cod vizibile sunt stocate într-un singur fișier. În modelul, codul de diviziune este stocat separat de elementele vizibile într-un fișier de cod-spatele. Această prezentare oferă informații generale despre lucrul cu pagini web care utilizează divizare în cod.
Informații generale despre modelul cu un singur fișier, consultați. Walkthrough. Crearea unei pagini web de bază în Visual Studio. Acest walkthrough descrie modul de a crea o pagină web cu divizia de cod care are aceeași funcționalitate ca și pagina descrisă în walkthrough pentru un singur model.
Alegerea un singur model sau un model cu diviziune de cod, în cele mai multe cazuri determinate de confortul și preferințele personale dezvoltator. Suport pentru ambele modele și să lucreze cu ele puse în aplicare Microsoft Visual Studio la același nivel. În cazul în care paginile din ambele modele oferă aceeași performanță. Utilizarea de divizare model de cod permite o alocare mai eficientă a responsabilităților pentru dezvoltarea paginii între web designer și programator.
Acest lucru demonstrează următoarele walkthrough sarcini.
Crearea unei pagini ASP.NET cu separarea de cod.
Adăugarea comenzilor.
Adăugarea de manipulare eveniment.
Efectuarea de pagini de pe Visual Studio Development Server.
În această secțiune a walkthrough, creați un proiect site-ul web, care se adaugă la noua pagină. După aceea, se adaugă în text pagina HTML, iar pagina este executată în browser.
Dacă un proiect site-ul Web în Visual Studio a fost deja creat (de exemplu, în Walkthrough. Crearea unei pagini web de bază în Visual Studio), puteți merge direct la secțiunea „Crearea unei noi pagini“ a acestui manual. În caz contrar, a crea un nou design web site-ul și pagina urmând acești pași.
Crearea unui proiect de site-ul pe baza sistemului de fișiere
Deschideți Visual Studio sau Visual Web Developer Express.
În meniul Fișier, faceți clic pe New Site-ul web.
Deschide caseta de dialog nou web site-ului.
Sub șabloane instalate, faceți clic pe Visual Basic sau Visual C #. apoi selectați ASP.NET Web Site.
În caseta Locație, selectați sistemul de fișiere pe Internet și introduceți numele folderului în care pentru a păstra paginile site-ului.
De exemplu, tastați numele directorului C: \ saite.
Faceți clic pe OK.
Visual Studio creează un proiect de site-ul Web, care include funcționalități standard pentru aspectul (pagina de start, conținutul paginii și Default.aspx About.aspx și foi de stil în cascadă), tehnologia Ajax (fișiere script client) și autentificare (membru ASP.NET).
Crearea unei pagini noi
La crearea unui nou proiect în Visual Studio site-ul Web este adăugat automat la pagina cu numele Default.aspx. În mod implicit, Visual Studio creează o nouă pagină cu divizarea codului.
Adăugarea la paginile site-ului cu divizare în cod
Închideți pagina Default.aspx. Pentru a face acest lucru, faceți clic dreapta pe tab-ul cu numele fișierului, apoi faceți clic pe Închidere.
În Solution Explorer, faceți clic dreapta pe site-ul Web (de exemplu, C: \ BasicWebSite), apoi faceți clic pe Adăugare element nou.
Sub șabloane instalate, faceți clic pe Visual Basic sau Visual C #, și apoi lista de formular.
În caseta Nume, tastați WebPageSeparated.
Bifați caseta pentru a pune codul într-un fișier separat.
Asigurați-vă că pagina de start Set caseta de selectare nu este setat.
În acest walkthrough, veți crea o pagină care nu utilizează pagina de start inclusă în proiectul site-ul Web.
Faceți clic pe butonul Add.
Adăugarea de pagini HTML-cod
În această secțiune a walkthrough la pagina WebPageSeparated.aspx adăuga HTML text static.
Adăugarea de text la pagina
Selectați din partea de jos a filei ferestrei documentului de proiectare. pentru a comuta la modul Design.
In Designer pagina vizualizare este afișată în modul de afișare, WYSIWYG exactă. După efectuarea acestor pași, pagina nu conține nici un text sau controale.
Plasați punctul de inserare la div elementul. situat pe pagina.
Introduceți textul „Bun venit in Visual Studio. Creați o pagină cu divizarea codului.“
Du-te la Sursa.
Acest mod afișează codul HTML creat în Designer. În această etapă, pagina arata ca o pagina HTML normal. Singura diferență este prezența Directivei <%@ Page %> în partea de sus a paginii.
În această secțiune a walkthrough la pagina adaugă un buton, câmpul de testare și eticheta. Apoi se adaugă codul de tratare a evenimentului pentru Faceți clic pe butonul lui. Aplicarea în controale pagini Web server de ASP.NET, inclusiv butoane, etichete, câmpuri de text, și altele, permite utilizarea funcțiilor standard de procesare a formelor. Dacă este necesar, aceste controale pot fi cod care ruleaza pe partea de server, mai degrabă decât un client definit.
Adăugarea de controale de pagini
Selectați fila de proiectare pentru a comuta la vizualizarea Design.
Setați punctul de inserare după textul adăugat anterior.
În mod repetat, apăsați ENTER pentru a crea o zonă goală a paginii.
C. Elemente standard Urechea panoului de control la pagina tragere text. Button și etichete.
Plasați punctul de inserare înainte de caseta de text și introduceți textul Introduceți numele.
Acest text HTML static folosit ca titlul unui control casetă text. Pe aceeași pagină poate fi utilizat static controale HTML și elemente de server.
Stabilirea proprietăților controlului
În Visual Studio suportă o varietate de moduri de a seta proprietățile de control amplasate pe pagină. În această secțiune a walkthrough vă arată cum să lucreze cu proprietăți în vederea proiectare și codul sursă.
Stabilirea proprietăților controlului
Selectați butonul de control și în fereastra de Proprietăți, setați proprietatea Text a numelui de afișare valoarea de control.
Du-te la Sursa.
Proprietățile de control sunt declarate ca atribute. De exemplu, atunci când instalați butonul de proprietăți Text în pasul 1 este instalat, de fapt Text Markup de control atribut.
Rețineți că toate comenzile sunt plasate în interiorul elementului de formular. care are, de asemenea, atributul Runat = „server“. Caracteristica Runat = „server“ și viperei prefixul: ASP.NET determinat de control element de procesare înseamnă atunci când pagina.
Programarea controlului „Buton“
În această secțiune a walkthrough, crea codul pentru a citi numele introdus de către un utilizator în câmpul de text, și îl afișează în controlul Label.
Adăugarea unui eveniment handler al butonului implicit
Du-te la View Designer.
Faceți dublu clic pe butonul de control.
Adăugați următorul cod evidențiat la tratare a evenimentului Faceți clic.
Acest walkthrough arată cum să creeze și să modifice pagini web cu divizare în cod. Din punct de vedere al creării și punerea în aplicare a paginilor între modelele cu un singur fișier și împărți codul nu există diferențe semnificative.
Puteți explora, de asemenea, alte caracteristici, inclusiv:
Crearea de site-uri web de diferite tipuri. În plus față de crearea de site-uri web pe sistemul de fișiere, să sprijine crearea de site-uri web bazate pe Microsoft IIS proiecte de servicii, SharePoint, și FTP; În plus, puteți lucra cu proiecte Web Application. Pentru mai multe informații, consultați. Secțiuni Tipuri de site-uri web proiecte în Visual Studio și compararea aplicații web de pe site-ul web al proiectelor proiectului.
Furnizarea accesului la date pe paginile web. Pentru mai multe informații, consultați. Walkthrough. Pe baza de acces la datele de pe paginile web.
Obținerea de informații despre paginile web depanator. Pentru mai multe informații, consultați. Walkthrough. pagini web Debug în Visual Web Developer.
Crearea unui aspect site-ul unificat folosind pagini de master. Pentru mai multe informații, consultați. Walkthrough. Crearea și utilizarea de Master pagini în Visual Web Developer.