Share
Acest tutorial introduce Microsoft WebMatrix, o tehnologie gratuită de dezvoltare web care oferă una dintre cele mai bune experiențe pentru dezvoltatorii web.
WebMatrix este un set gratuit și ușor de instrumente de dezvoltare web care oferă cea mai ușoară cale de a construi site-uri Web.
Acesta include IIS Express (un server web de dezvoltare), ASP.NET (un cadru web) și SQL Server Compact (o bază de date integrată). Acesta include, de asemenea, un instrument simplu care simplifică dezvoltarea site-ului web și facilitează pornirea site-urilor web de la aplicațiile populare open source. Abilitățile și codul pe care îl dezvoltați cu tranziția WebMatrix fără probleme la Visual Studio și SQL Server.
Paginile web pe care le creați utilizând WebMatrix pot fi dinamice, adică pot modifica conținutul sau stilul pe baza informațiilor introduse de utilizator sau pe alte informații, cum ar fi informațiile bazei de date. Pentru a programa pagini web dinamice, folosiți ASP.NET cu sintaxa Razor și limbile de programare C # sau Visual Basic.
Dacă aveți deja instrumente de programare care vă plac, puteți încerca instrumentele WebMatrix sau puteți utiliza instrumentele proprii pentru a crea site-uri care utilizează ASP.NET.
Acest tutorial vă arată cum facilitează WebMatrix crearea de site-uri și pagini web dinamice.
Pentru a instala WebMatrix, puteți utiliza Microsoft Platform Instalator Web, care este o aplicație gratuită care facilitează instalarea și configurarea tehnologiilor legate de web.
http://go.microsoft.com/fwlink/?LinkID=205867
Notăяя Dacă aveți deja o versiune WebMatrix Beta instalată, Web Platform Installer upgradează instalarea la WebMatrix 1.0. Cu toate acestea, este posibil ca site-urile pe care le-ați creat cu edițiile Beta anterioare să nu apară în Site-urile mele lista atunci când deschideți pentru prima oară WebMatrix. Pentru a deschide un site creat anterior, faceți clic pe Site din dosar icon, navigați la site și deschideți-l. Data viitoare când deschideți WebMatrix, site-ul va apărea în Site-urile mele listă.
Pentru început, veți crea un nou site web și o pagină web simplă.
În partea de sus, vedeți o Bara de instrumente pentru acces rapid și o panglică, ca în Microsoft Office 2010. În partea din stânga jos, veți vedea selectorul de spațiu de lucru, care conține butoane care determină ce apare deasupra acestora în panoul din stânga. În partea dreaptă este panoul de conținut, unde vedeți rapoarte, editați fișiere și așa mai departe. În cele din urmă, în partea de jos este bara de notificare, care afișează mesajele după cum este necesar.
WebMatrix afișează o listă de tipuri de fișiere.
După cum puteți vedea, acesta este marcajul HTML obișnuit.
Bună ziua din lume Bună ziua din lume
Salut Lume!
Notăяя Înainte de a da clic pe Alerga, asigurați-vă că este selectată pagina web pe care doriți să o rulați în panoul de navigare al paginii Fișiere spațiu de lucru. WebMatrix rulează pagina selectată, chiar dacă în prezent editați o altă pagină. Dacă nu este selectată nicio pagină, WebMatrix încearcă să execute pagina implicită pentru site (default.cshtml) și dacă nu există o pagină implicită, browserul afișează o eroare.
WebMatrix pornește un server web (IIS Express) pe care îl puteți utiliza pentru a testa paginile de pe computer. Pagina este afișată în browserul dvs. implicit.
Acum, dacă ați instalat WebMatrix și ați creat un site, este o idee bună să învățați să utilizați instrumentul de administrare a paginilor web ASP.NET și pachetul Manager pentru a instala asistenți. WebMatrix conține ajutoare (componente) care simplifică sarcini comune de programare și pe care le veți folosi pe parcursul acestor tutoriale. (Unele ajutoare sunt deja incluse în WebMatrix, dar puteți instala și altele.) În anexă puteți găsi o referință rapidă pentru asistenții inclusi și pentru alți ajutoare pe care le puteți instala ca parte a unui pachet numit ASP.NET Web Biblioteca asistenților. Următoarea procedură arată cum se utilizează instrumentul Administrare pentru a instala Biblioteca de asistenți Web ASP.NET. Veți utiliza unii dintre acești ajutoare în acest tutorial și alte tutoriale din această serie.
După ce faceți clic pe Creaza parola, o pagină de verificare a securității care arată ca următoarea fotografiere pe ecran vă solicită să redenumiți fișierul de parolă din motive de securitate. Dacă aceasta este prima dată când vedeți această pagină, nu încercați să redenumiți încă fișierul. Mergeți la pasul următor și urmați instrucțiunile de acolo.
Dacă doriți vreodată să afișați alte locații de alimentare, dați clic pe Gestionați sursele de pachete link pentru a adăuga, schimba sau elimina feedurile.
Această pagină vă permite, de asemenea, să dezinstalați pachetele și puteți utiliza pagina pentru a actualiza pachetele atunci când sunt disponibile versiuni mai noi. Puteți merge la Spectacol listă derulantă și faceți clic pe instalat pentru a afișa pachetele pe care le-ați instalat sau faceți clic pe Actualizări pentru a afișa actualizările disponibile pentru pachetele instalate.
Notăяя Șablonul site-urilor implicite (Brutărie, Calendar, Galerie foto, și Site-ul de pornire) sunt disponibile în versiunile C # și Visual Basic. Aveți posibilitatea să instalați șabloanele Visual Basic utilizând Administrarea paginilor web ASP.NET în WebMatrix. Deschideți instrumentul Administrare așa cum este descris în această secțiune și căutați VB, și apoi instalați șabloanele de care aveți nevoie. Șabloanele de site sunt instalate în dosarul rădăcină al site-ului dvs. într-un folder numit Șabloane Microsoft.
În secțiunea următoare, veți vedea cât de ușor este să adăugați codul la default.cshtml pentru a crea o pagină dinamică.
În această procedură, veți crea o pagină care utilizează un cod simplu pentru a afișa data și ora serverului pe pagină. Exemplul de aici vă va prezenta sintaxa Razor care vă permite să încorporați codul în HTML pe paginile Web ASP.NET. (Puteți citi mai multe despre acest lucru în tutorialul următor.) Codul introduce unul dintre ajutoarele despre care ați citit mai devreme în tutorial.
Bună ziua din lume Bună ziua din lume
Salut Lume!
Ora este @ DateTime.Now
Pagina conține marcajul HTML obișnuit, cu o singură adăugare: @ caracterele marchează codul de program ASP.NET.
Linia unică de cod pe care ați adăugat-o face toată munca de determinare a timpului curent pe server, formatarea acestuia pentru afișare și trimiterea acestuia la browser. (Puteți specifica opțiunile de formatare, aceasta este doar cea implicită.)
Să presupunem că doriți să faceți ceva mai complex, cum ar fi afișarea unei liste de derulare a tweets de la un utilizator Twitter pe care îl selectați. Puteți folosi un ajutor pentru asta; după cum sa menționat anterior, un ajutor este o componentă care simplifică sarcinile comune. În acest caz, toate lucrările pe care altfel ar trebui să le preluați și să afișați un feed Twitter.
Feed Twitter Feed Twitter
Acest HTML creează un formular care afișează o casetă text pentru introducerea unui nume de utilizator, plus o A depune buton. Acestea sunt între primul set de Între al doilea set de Acest exemplu v-a arătat puțin despre modul în care puteți utiliza WebMatrix și cum puteți programa pagini web dinamice utilizând codul ASP.NET simplu utilizând sintaxa Razor. Următorul tutorial examinează codul în profunzime. Ulterior, tutorialele vă arată cum să utilizați codul pentru mai multe tipuri de sarcini ale site-ului web. Pe lângă utilizarea WebMatrix pentru a programa paginile ASP.NET Razor, puteți utiliza Visual Studio 2010, fie una dintre edițiile complete, fie ediția gratuită Visual Web Developer Express. Dacă utilizați Visual Studio sau Visual Web Developer pentru a edita paginile ASP.NET Razor, veți obține două instrumente de programare care vă pot spori productivitatea - IntelliSense și depanatorul. IntelliSense funcționează în editor, afișând opțiuni potrivite contextului. De exemplu, pe măsură ce introduceți un element HTML, IntelliSense vă arată o listă de atribute pe care elementul poate să o aibă și chiar vă poate arăta valorile pentru care puteți seta acele atribute. IntelliSense funcționează pentru HTML, JavaScript, C # și Visual Basic (limbile de programare pe care le folosiți pentru paginile ASP.NET Razor). Debuggerul vă permite să opriți un program în timp ce rulează. Apoi, puteți examina lucruri precum valorile variabilelor și puteți trece pas cu linia prin intermediul programului pentru a vedea cum funcționează. Pentru a lucra cu paginile ASP.NET Razor în Visual Studio, aveți nevoie de următorul software instalat pe computer: Notăяя Puteți instala atât Visual Web Developer 2010 Express, cât și ASP.NET MVC 3 utilizând Platforma Web Installer. Dacă aveți instalat Visual Studio, atunci când editați un site web în WebMatrix, puteți lansa site-ul în Visual Studio pentru a profita de IntelliSense și de depanatorul. După deschiderea site-ului în Visual Studio, puteți vedea structura site-ului din Visual Studio în Soluție Explorer panoul. Următoarea ilustrație arată site-ul web deschis în Visual Web Developer 2010 Express: Pentru o prezentare generală a modului de utilizare a IntelliSense și a programului de depanare cu pagini ASP.NET Razor în Visual Studio, consultați articolul din apendice ASP.NET Pagini Web Visual Studio. Nu este necesar să utilizați editorul WebMatrix pentru a crea și testa o pagină web ASP.NET. Pentru a crea pagina, puteți utiliza orice editor de text, inclusiv Notepad. Asigurați-vă că ați salvat paginile folosind .cshtml extensie nume fișier. (Sau .vbhtml dacă doriți să utilizați Visual Basic) Cel mai simplu mod de a testa .cshtml este să porniți serverul web (IIS Express) utilizând WebMatrix Alerga buton. Dacă nu doriți să utilizați instrumentul WebMatrix, cu toate acestea, puteți rula serverul web din linia de comandă și asociați-l cu un număr specific de port. Apoi specificați portul atunci când solicitați acest lucru .cshtml fișiere în browserul dvs.. În Windows, deschideți un prompt de comandă cu privilegii de administrator și treceți la următorul folder: C: \ Program Files \ IIS Express Pentru sistemele pe 64 de biți, utilizați acest dosar: C: \ Program Files (x86) \ IIS Express Introduceți următoarea comandă, utilizând calea reală către site-ul dvs.: Nu contează ce număr de port folosiți, atâta timp cât portul nu este deja rezervat de alt proces. (Numerele de port deasupra 1024 sunt de obicei libere.) Pentru valoarea traseului, utilizați calea de pe site-ul Web .cshtml fișierele pe care doriți să le testați. După ce se execută această comandă, puteți deschide un browser și puteți naviga către un a .cshtml dosar, astfel: http: // localhost: 35896 / default.cshtml Pentru ajutor cu opțiunile din linia de comandă IIS Express, introduceți @ caracter.) Prima dată când această pagină este afișată sau dacă utilizatorul face clic A depune dar lasă caseta de text necompletată, expresia condiționată Cerere [ "TwitterUser"]. IsEmpty va fi adevărat. În acest caz, pagina afișează un feed Twitter care caută termenul "microsoft". În caz contrar, pagina afișează un feed Twitter pentru orice nume de utilizator ați introdus în caseta de text. 
Programarea paginilor Razor ASP.NET în Visual Studio
Crearea și testarea paginilor ASP.NET utilizând editorul de text propriu
iisexpress.exe / port: 35896 / path: C: \ BasicWebSiteiisexpress.exe /? la linia de comandă.
Accentsconagua