Prima dvs. aplicație web ASP.NET: Cum să începeți

Prima dvs. aplicație web ASP.NET: Cum să începeți

ASP.NET este cadrul multi-platform gratuit Microsoft pentru construirea de aplicații și servicii web. Platforma ASP.NET este o extensie la .NET, o platformă pentru dezvoltatori de instrumente, limbaje de programare și biblioteci utilizate pentru a construi diferite aplicații.





După cum probabil ați ghicit, ASP.NET este un cadru fantastic pe care începătorii îl pot folosi pentru a construi aplicații web. Oferă multă flexibilitate și este ușor de utilizat. În acest articol, vă vom ajuta să creați prima aplicație web în ASP.NET utilizând Microsoft Visual Studio.





Ce este ASP.NET?

ASP înseamnă „Active Server Pages”; ASP și ASP.NET sunt tehnologii de server utilizate pentru a afișa pagini web interactive. ASP.NET oferă dezvoltatorilor o mulțime de flexibilitate într-un ecosistem considerabil, versatil, cu diverse biblioteci și instrumente. Dezvoltatorii pot crea, de asemenea, biblioteci personalizate pe care le pot partaja cu orice aplicație creată pe platforma .NET.





În legătură cu: Cadrele web care merită învățate pentru dezvoltatori

Puteți scrie codul back-end pentru aplicațiile dvs. ASP.NET în C #, Visual Basic sau chiar F #. Această flexibilitate permite dezvoltatorilor să codifice în mod eficient logica de afaceri și stratul de acces la date. Un alt avantaj semnificativ al utilizării ASP.NET este crearea de pagini web dinamice utilizând C # cu ajutorul unui instrument de sintaxă de șablonare a paginilor web cunoscut sub numele de Razor.



cum se folosește jocul Apple Car

Razor oferă, de asemenea, o sintaxă pentru crearea de pagini web dinamice interactive care încorporează HTML, CSS, JavaScript și C #. Codul din partea clientului este de obicei scris în JavaScript, iar ASP.NET poate fi chiar integrat cu alte cadre web cum ar fi Angular sau React.

În legătură cu: Tailwind CSS vs. Bootstrap: Care este un cadru mai bun?





ASP.NET oferă, de asemenea, dezvoltatorilor un sistem de autentificare care include o bază de date, biblioteci, șabloane pentru gestionarea autentificărilor, autentificare externă la Google, Facebook etc. și multe altele. Dezvoltatorii pot folosi ASP.NET pe toate platformele majore, inclusiv Windows, Linux, macOS și chiar Docker.

Cum se creează o aplicație web ASP.NET în Visual Studio

Înainte de a crea o aplicație web, cel mai bine este să vă familiarizați cu HTML, CSS, JavaScript și C #, astfel încât să puteți profita la maximum de ASP.NET. Să vedem cum puteți crea o aplicație web în ASP.NET în Microsoft Visual Studio 2019.





Asigurați-vă că aveți instalate următoarele pachete software:

cum se introduce o linie în cuvântul 2016
  • Microsoft Visual Studio 2019 sau mai bine
  • ASP.NET și volumul de lucru pentru dezvoltarea web de la Visual Studio Installer

Înțelegerea componentelor proiectului aplicației web ASP.NET

Înainte de a putea începe dezvoltarea aplicației dvs. web, este crucial să înțelegeți componentele esențiale ale ASP.NET și cum să le utilizați în aplicația dvs. web.

În acest tutorial, vom folosi formulare web ASP.NET pentru a crea pagini web individuale, cum ar fi Pagina principală, Contactați-ne etc. Fiecare formular web are trei componente principale, un fișier .aspx pentru HTML / CSS, un .aspx fișier de cod .cs și un fișier .aspx.designer.cs. În principal, vom lucra în fișierele .aspx și .aspx.cs pentru acest tutorial.

Fișierul .aspx va conține tot codul HTML și CSS al paginilor dvs. web. Asigurați-vă că utilizați etichete asp mai degrabă decât etichete HTML, deoarece etichetele asp preluează date de pe server și trimit date de intrare către server. Aceasta este caracteristica de funcționalitate necesară într-o aplicație web dinamică.

Fișierul .aspx.cs conține codul C # al paginilor dvs. web, iar acest lucru controlează ce se întâmplă atunci când este încărcat un anumit eveniment, cum ar fi o pagină web, se face clic pe un buton și multe altele. Puteți crea funcții separate pentru fiecare funcție și o puteți conecta la eticheta ASP relevantă din fișierul .aspx corespunzător.

Paginile principale sunt benefice pentru dezvoltatori și adaugă componente esențiale, cum ar fi bara de navigare și subsolul fiecărei pagini web. În loc să adauge același cod în mod repetat, dezvoltatorii pot adăuga tot codul necesar șablonului într-o singură pagină principală și apoi să conecteze fiecare pagină web la pagina principală. Vă vom arăta cum să faceți acest lucru în următoarele secțiuni.

Creați un nou proiect de aplicație web ASP.NET

Primul pas în crearea unei aplicații web în ASP.NET este selectarea unui șablon de proiect și crearea unei noi aplicații web:

  1. Lansați Microsoft Visual Studio și faceți clic pe Creați un proiect nou
  2. Tastați ASP.NET în caseta de căutare șablon, selectați Aplicație web ASP.NET ( .Cadru net ) și faceți clic pe Următorul . Nu veți primi acest șablon dacă nu aveți instalările necesare menționate în secțiunea anterioară.
  3. În ecranul următor, configurați numele și directorul proiectului și faceți clic pe Următorul .
  4. Visual Studio va crea acum șablonul de proiect și ar trebui să puteți rula aplicația șablon făcând clic pe butonul verde de redare din partea de sus a ecranului.

Creați un nou formular Web ASP.NET

Pentru a vă ajuta să înțelegeți mai bine ASP.NET, vom crea o pagină de produs simplă pentru un magazin de jocuri. Primul pas este crearea unui nou formular web. În proiectul pe care l-ați creat anterior, navigați la Fișier> Nou> Fișier și selectați Formular web . După ce l-ați configurat, ar trebui să puteți vedea un fișier .aspx gol cu ​​doar codul de antet.

Pentru a începe să dezvoltați aspectul general al paginii dvs. web, puteți utiliza fie codul în HTML / CSS, fie un șablon de la Blocuri laterale .

Am configurat aspectul paginii de produs de mai sus folosind un șablon. Afișează o imagine a produsului, detalii despre produs și o bară de navigare. Am adăugat HTML și CSS din bara de navigare folosind pagina master.

cum se execută un diagnostic complet al computerului

În codul de mai sus (fișierul .aspx.cs), am configurat pagina de încărcare funcție pentru a seta detaliile produsului în substituenții noștri. Puteți crea funcții similare pentru conectare, înscriere, adăugare în coș etc.

O mostră de etichetă ASP pentru a afișa descrierea produsului este următoarea:

Valoarea descrierii din codul C # va fi afișată în acest substituent. De asemenea, puteți utiliza Toolbox-ul Visual Studio pentru a adăuga elemente de afișare precum imagini, butoane, butoane radio și multe altele. Există mai multe resurse disponibile online, unde puteți învăța sintaxa ASP.NET.

Aplicație web ASP.NET pentru începători

ASP.NET este o platformă puternică pentru crearea de aplicații și servicii web. Trebuie să vă simțiți confortabil cu JavaScript, HTML, CSS și C # înainte de a dezvolta o aplicație web în ASP.NET.

Acțiune Acțiune Tweet E-mail Foaia de cheat JavaScript finală

Obțineți o actualizare rapidă a elementelor JavaScript cu această foaie de trucuri.

Citiți în continuare
Subiecte asemănătoare
  • Programare
  • ASP.NET
  • Programare
Despre autor M. Fahad Khawaja(45 articole publicate)

Fahad este scriitor la MakeUseOf și este în prezent specializat în informatică. În calitate de scriitor tehnic avid, se asigură că rămâne la curent cu cea mai recentă tehnologie. El se interesează în mod deosebit de fotbal și tehnologie.

Mai multe de la M. Fahad Khawaja

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona