Az első ASP.NET webalkalmazás: Az első lépések

Az első ASP.NET webalkalmazás: Az első lépések

Az ASP.NET a Microsoft ingyenes, platformok közötti kerete webes alkalmazások és szolgáltatások létrehozásához. Az ASP.NET platform a .NET kiterjesztése, amely eszközök, programozási nyelvek és könyvtárak fejlesztői platformja, amelyeket különböző alkalmazások létrehozására használnak.





Ahogy valószínűleg sejtette, az ASP.NET egy fantasztikus keretrendszer, amelyet a kezdők webes alkalmazások készítésére használhatnak. Sok rugalmasságot kínál, és könnyen használható. Ebben a cikkben segítséget nyújtunk az első webes alkalmazás létrehozásához az ASP.NET -ben a Microsoft Visual Studio használatával.



Mi az ASP.NET?

Az ASP jelentése „Active Server Pages”; Az ASP és az ASP.NET olyan szerveroldali technológiák, amelyeket interaktív weboldalak megjelenítésére használnak. Az ASP.NET nagy rugalmasságot biztosít a fejlesztőknek egy méretes, sokoldalú ökoszisztémában, különféle könyvtárakkal és eszközökkel. A fejlesztők egyéni könyvtárakat is létrehozhatnak, amelyeket megoszthatnak a .NET platformon létrehozott bármely alkalmazással.





Kapcsolódó: Webkeretrendszerek, amelyeket érdemes tanulni a fejlesztőknek

Az ASP.NET-alkalmazások háttértárkódját a C#, a Visual Basic vagy az F#nyelven írhatja. Ez a rugalmasság lehetővé teszi a fejlesztők számára, hogy hatékonyan kódolják az üzleti logikát és az adathozzáférési réteget. Az ASP.NET használatának másik jelentős előnye a dinamikus weboldalak C# használatával történő létrehozása a Razor néven ismert weboldal sablon sablonkészítő eszköz segítségével.



hogyan lehet megkerülni a gyári visszaállítási védelmet

A Razor szintaxist is biztosít interaktív, dinamikus weboldalak létrehozásához, amelyek HTML -t, CSS -t, JavaScriptet és C#-ot tartalmaznak. Az ügyféloldali kódot általában JavaScript-ben írják, és az ASP.NET akár más webes keretekkel is integrálható, például Angular vagy React.

Kapcsolódó: Tailwind CSS vs Bootstrap: Melyik a jobb keretrendszer?



Az ASP.NET hitelesítési rendszert is biztosít a fejlesztőknek, amely tartalmaz egy adatbázist, könyvtárakat, sablonokat a bejelentkezések kezeléséhez, külső hitelesítést a Google -hoz, a Facebookhoz stb. Stb. A fejlesztők az ASP.NET -et minden nagyobb platformon használhatják, beleértve a Windows, Linux, macOS és még a Docker alkalmazásokat is.

ASP.NET webalkalmazás létrehozása a Visual Studio alkalmazásban

Mielőtt létrehozna egy webalkalmazást, a legjobb, ha megismerkedik a HTML, CSS, JavaScript és C#nyelvekkel, hogy a legtöbbet hozhassa ki az ASP.NET -ből. Nézzük meg, hogyan hozhat létre webes alkalmazást az ASP.NET -ben a Microsoft Visual Studio 2019 -ben.



Győződjön meg arról, hogy a következő szoftvercsomagok vannak telepítve:

a youtube sok adatot használ
  • Microsoft Visual Studio 2019 vagy jobb
  • ASP.NET és webfejlesztési feladatok a Visual Studio telepítőjétől

Az ASP.NET webalkalmazás -projekt összetevőinek megértése

Mielőtt elkezdené fejleszteni webes alkalmazását, elengedhetetlen, hogy megértse az ASP.NET alapvető összetevőit, és hogyan használhatja fel őket webes alkalmazásában.

Ebben az oktatóanyagban az ASP.NET webes űrlapokat fogjuk használni az egyes weboldalak, például a kezdőlap, a kapcsolatfelvétel stb. Létrehozásához. Minden webes űrlapnak három fő összetevője van, egy .aspx fájl a HTML/CSS -hez, egy. .cs kódfájl és egy .aspx.designer.cs fájl. Leginkább az .aspx és .aspx.cs fájlokban fogunk dolgozni ebben az oktatóanyagban.

Az .aspx fájl tartalmazza a weboldalak összes HTML- és CSS -kódját. Győződjön meg róla, hogy asp -címkéket használ HTML -címkék helyett, mert az asp -címkék lekérik az adatokat a szerverről, és bemeneti adatokat küldenek a szervernek. Ez a funkcionalitás jellemzője szükséges egy dinamikus webalkalmazásban.

A .aspx.cs fájl tartalmazza a weboldalak C# kódját, és ez szabályozza, hogy mi történik, ha egy adott esemény, például egy weboldal betöltődik, egy gombra kattintanak, és így tovább. Minden funkcióhoz külön függvényeket hozhat létre, és összekapcsolhatja azokat a megfelelő asp -címkével a megfelelő .aspx fájlban.

A mesteroldalak hasznosak a fejlesztők számára, és minden weboldalhoz olyan alapvető összetevőket adnak hozzá, mint a navigációs sáv és a lábléc. Ahelyett, hogy ismételten hozzáadná ugyanazt a kódot, a fejlesztők hozzáadhatják az összes sablonhoz szükséges kódot egy mesteroldalhoz, majd minden weboldalt összekapcsolhatnak a mesteroldallal. A következő szakaszokban megmutatjuk, hogyan kell ezt megtenni.

Hozzon létre egy új ASP.NET webalkalmazás -projektet

Az ASP.NET webes alkalmazás létrehozásának első lépése a projektsablon kiválasztása és új webes alkalmazás létrehozása:

  1. Indítsa el a Microsoft Visual Studio alkalmazást, és kattintson a gombra Hozzon létre egy új projektet
  2. Írja be az ASP.NET parancsot a sablon keresőmezőjébe, majd válassza a lehetőséget ASP.NET webalkalmazás ( .NET Framework ) és kattintson Következő . Ezt a sablont nem kapja meg, ha nem rendelkezik az előző részben említett szükséges telepítésekkel.
  3. A következő képernyőn konfigurálja a projekt nevét és könyvtárát, majd kattintson a gombra Következő .
  4. A Visual Studio most létrehozza a projekt sablonját, és a képernyő tetején lévő zöld lejátszás gombra kattintva futtathatja a sablon alkalmazást.

Hozzon létre egy új ASP.NET webes űrlapot

Az ASP.NET jobb megértése érdekében létrehozunk egy egyszerű termékoldalt egy játékbolt számára. Az első lépés egy új webes űrlap létrehozása. A korábban létrehozott projektben navigáljon a következőhöz Fájl> Új> Fájl és válassza ki Webes űrlap . Miután beállította, látnia kell egy üres .aspx fájlt csak a fejléc kódjával.

A weboldal általános megjelenésének fejlesztéséhez használhatja akár a HTML/CSS kódját, akár egy sablont a Hátsó blokkok .

A fenti termékoldal -elrendezést sablon segítségével állítottuk be. Megjeleníti a termék képét, a termék részleteit és a navigációs sávot. Hozzáadtuk a navigációs sáv HTML -jét és CSS -ét a mesteroldal használatával.

különbség a 3 -as és a 4 -es simek között

A fenti kódban (.aspx.cs fájl) beállítottuk a betöltőoldal funkcióval beállíthatja a termék részleteit a helyőrzőkben. Hasonló funkciókat hozhat létre a bejelentkezéshez, a regisztrációhoz, a kosárba helyezéshez stb.

A termékleírás megjelenítésére szolgáló minta asp címke a következő:

A C# kódból származó leírás értéke megjelenik ebben a helyőrzőben. A Visual Studio Eszköztárát is használhatja megjelenítési elemek, például képek, gombok, választógombok és egyebek hozzáadásához. Számos erőforrás elérhető az interneten, ahol megtanulhatja az ASP.NET szintaxist.

ASP.NET webes alkalmazás kezdőknek

Az ASP.NET egy hatékony platform webes alkalmazások és szolgáltatások létrehozásához. Mielőtt webalkalmazást fejlesztene az ASP.NET -ben, ismerje a JavaScriptet, a HTML -t, a CSS -t és a C# -ot.

Részvény Részvény Csipog Email A végső JavaScript csalólap

Gyors frissítés a JavaScript elemekről ezzel a csalólappal.

Olvassa tovább Kapcsolódó témák
  • Programozás
  • ASP.NET
  • Programozás
A szerzőről M. Fahad Khawaja(45 cikk megjelent)

Fahad a MakeUseOf írója, jelenleg számítástechnika szakon. Lelkes technikai íróként gondoskodik arról, hogy mindig naprakész legyen a legújabb technológiával. Különösen a futball és a technológia iránt érdeklődik.

Továbbiak M. Fahad Khawaja -tól

Iratkozzon fel hírlevelünkre

Csatlakozz hírlevelünkhöz, ahol technikai tippeket, értékeléseket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!

Feliratkozáshoz kattintson ide