La vostra primera aplicació web ASP.NET: com començar

La vostra primera aplicació web ASP.NET: com començar

ASP.NET és el marc multiplataforma gratuït de Microsoft per crear aplicacions i serveis web. La plataforma ASP.NET és una extensió a .NET, una plataforma per a desenvolupadors d’eines, llenguatges de programació i biblioteques que s’utilitza per crear diferents aplicacions.





Com probablement heu endevinat, ASP.NET és un fantàstic marc que els principiants poden utilitzar per crear aplicacions web. Ofereix molta flexibilitat i és fàcil d’utilitzar. En aquest article, us ajudarem a crear la vostra primera aplicació web a ASP.NET mitjançant Microsoft Visual Studio.



Què és ASP.NET?

ASP significa 'Pàgines de servidor actiu'; ASP i ASP.NET són tecnologies del servidor que s’utilitzen per mostrar pàgines web interactives. ASP.NET proporciona als desenvolupadors molta flexibilitat en un ecosistema versàtil i considerable amb diverses biblioteques i eines. Els desenvolupadors també poden crear biblioteques personalitzades que poden compartir amb qualsevol aplicació creada a la plataforma .NET.





Relacionat: Els marcs web que val la pena aprendre per a desenvolupadors

Podeu escriure el codi de fons per a les vostres aplicacions ASP.NET a C #, Visual Basic o fins i tot F #. Aquesta flexibilitat permet als desenvolupadors codificar de manera eficaç la lògica empresarial i la capa d’accés a dades. Un altre avantatge important d’utilitzar ASP.NET és crear pàgines web dinàmiques amb C # amb l’ajut d’una eina de sintaxi de plantilla de pàgines web coneguda com Razor.



com aturar la reproducció automàtica a Firefox

Razor també proporciona una sintaxi per crear pàgines web dinàmiques interactives que incorporen HTML, CSS, JavaScript i C #. El codi del costat del client normalment s’escriu en JavaScript i ASP.NET fins i tot es pot integrar amb altres frameworks web com Angular o React.

Relacionat: Tailwind CSS vs. Bootstrap: quin és un millor marc?



ASP.NET també proporciona als desenvolupadors un sistema d’autenticació que inclou una base de dades, biblioteques, plantilles per gestionar els inicis de sessió, autenticació externa a Google, Facebook, etc., etc. Els desenvolupadors poden fer servir ASP.NET a totes les principals plataformes, inclosos Windows, Linux, macOS i fins i tot Docker.

Com es crea una aplicació web ASP.NET a Visual Studio

Abans de crear una aplicació web, és millor que us familiaritzeu amb HTML, CSS, JavaScript i C #, de manera que pugueu treure el màxim partit a ASP.NET. Vegem com podeu crear una aplicació web a ASP.NET a Microsoft Visual Studio 2019.



Assegureu-vos que teniu instal·lats els paquets de programari següents:

els anuncis de Google continuen apareixent al meu telèfon
  • Microsoft Visual Studio 2019 o superior
  • Càrrega de treball ASP.NET i desenvolupament web des del Visual Studio Installer

Descripció dels components del projecte d'aplicacions web ASP.NET

Abans de començar a desenvolupar la vostra aplicació web, és crucial entendre els components essencials d’ASP.NET i com podeu utilitzar-los a la vostra aplicació web.

En aquest tutorial, utilitzarem formularis web ASP.NET per crear pàgines web individuals com la pàgina d'inici, contacteu amb nosaltres, etc. Cada formulari web té tres components principals, un fitxer .aspx per a l'HTML / CSS, un .aspx .cs i un fitxer .aspx.designer.cs. Majoritàriament treballarem als fitxers .aspx i .aspx.cs d’aquest tutorial.

El fitxer .aspx contindrà tot el codi HTML i CSS de les vostres pàgines web. Assegureu-vos que feu servir etiquetes asp en lloc d’etiquetes HTML, perquè les etiquetes asp recuperen dades del servidor i envien les dades d’entrada al servidor. Aquesta és la característica de funcionalitat que es requereix en una aplicació web dinàmica.

El fitxer .aspx.cs conté el codi C # de les vostres pàgines web i això controla què passa quan es carrega un esdeveniment concret, com ara una pàgina web, es fa clic en un botó i molt més. Podeu crear funcions separades per a cada funció i enllaçar-la a l'etiqueta ASP corresponent al fitxer .aspx corresponent.

Les pàgines mestres són beneficioses per als desenvolupadors i afegeixen components essencials com la barra de navegació i el peu de pàgina a cada pàgina web. En lloc d’afegir el mateix codi de manera repetitiva, els desenvolupadors poden afegir tot el codi requerit per la plantilla en una pàgina principal i després enllaçar cada pàgina web amb la pàgina principal. A les seccions següents us mostrarem com fer-ho.

Creeu un nou projecte d'aplicació web ASP.NET

El primer pas per crear una aplicació web a ASP.NET és seleccionar una plantilla de projecte i crear una nova aplicació web:

  1. Inicieu Microsoft Visual Studio i feu clic a Crea un projecte nou
  2. Escriviu ASP.NET al quadre de cerca de plantilles, seleccioneu Aplicació web ASP.NET ( .NET Framework ) i feu clic a Pròxim . No obtindreu aquesta plantilla si no teniu les instal·lacions necessàries esmentades a la secció anterior.
  3. A la pantalla següent, configureu el nom i el directori del projecte i feu clic a Pròxim .
  4. Visual Studio ara crearà la plantilla del vostre projecte i hauríeu de poder executar l'aplicació de plantilla fent clic al botó de reproducció verd de la part superior de la pantalla.

Creeu un nou formulari web ASP.NET

Per ajudar-vos a comprendre millor ASP.NET, crearem una pàgina de producte senzilla per a una botiga de jocs. El primer pas és crear un nou formulari web. Al projecte que heu creat anteriorment, aneu a Fitxer> Nou> Fitxer i seleccioneu Formulari web . Un cop ho hàgiu configurat, hauríeu de poder veure un fitxer .aspx en blanc amb només el codi de capçalera.

Per començar a desenvolupar l’aspecte general de la vostra pàgina web, podeu utilitzar el codi a l’HTML / CSS o bé utilitzar una plantilla de Bloques de cua .

Hem configurat el disseny de la pàgina del producte anterior mitjançant una plantilla. Mostra una imatge del producte, els detalls del producte i una barra de navegació. Hem afegit l'HTML i el CSS de la barra de navegació mitjançant la pàgina principal.

com actualitzar el bloc de notes ++

Al codi anterior (fitxer .aspx.cs), hem configurat el fitxer pàgina de càrrega funció per establir els detalls del producte als nostres espais reservats. Podeu crear funcions similars per iniciar la sessió, registrar-vos, afegir-les al carretó, etc.

Una mostra d’etiqueta asp per mostrar la descripció del producte és la següent:

El valor de la descripció del codi C # es mostrarà en aquest marcador de posició. També podeu utilitzar la caixa d’eines de Visual Studio per afegir elements de visualització com ara imatges, botons, botons d’opció i molt més. Hi ha diversos recursos disponibles en línia on podeu aprendre la sintaxi ASP.NET.

Aplicació web ASP.NET per a principiants

ASP.NET és una potent plataforma per crear aplicacions i serveis web. Heu d’estar còmodes amb JavaScript, HTML, CSS i C # abans de desenvolupar una aplicació web a ASP.NET.

Compartir Compartir Tweet Correu electrònic El full de trucs de JavaScript definitiu

Obteniu una actualització ràpida dels elements de JavaScript amb aquest full de trucs.

Llegiu a continuació Temes relacionats
  • Programació
  • ASP.NET
  • Programació
Sobre l'autor M. Fahad Khawaja(45 articles publicats)

Fahad és escriptor de MakeUseOf i actualment està especialitzat en informàtica. Com a àvid escriptor tecnològic, s'assegura de mantenir-se actualitzat amb l'última tecnologia. Es troba especialment interessat en el futbol i la tecnologia.

Més de M. Fahad Khawaja

Subscriu-te al nostre butlletí

Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.

Feu clic aquí per subscriure-us