Twoja pierwsza aplikacja internetowa ASP.NET: jak zacząć

Twoja pierwsza aplikacja internetowa ASP.NET: jak zacząć

ASP.NET to bezpłatna wieloplatformowa platforma firmy Microsoft do tworzenia aplikacji i usług internetowych. Platforma ASP.NET jest rozszerzeniem platformy .NET, platformy programistycznej narzędzi, języków programowania i bibliotek używanych do tworzenia różnych aplikacji.





Jak zapewne zgadłeś, ASP.NET to fantastyczna platforma, której początkujący mogą używać do tworzenia aplikacji internetowych. Oferuje dużą elastyczność i jest łatwy w użyciu. W tym artykule pomożemy Ci stworzyć swoją pierwszą aplikację internetową w ASP.NET przy użyciu Microsoft Visual Studio.



Co to jest ASP.NET?

ASP oznacza „Aktywne strony serwera”; ASP i ASP.NET to technologie po stronie serwera używane do wyświetlania interaktywnych stron internetowych. ASP.NET zapewnia programistom dużą elastyczność w sporym, wszechstronnym ekosystemie z różnymi bibliotekami i narzędziami. Deweloperzy mogą również tworzyć niestandardowe biblioteki, które mogą udostępniać dowolnej aplikacji utworzonej na platformie .NET.





Powiązane: Struktury internetowe, które warto poznać dla programistów

Kod zaplecza dla aplikacji ASP.NET można napisać w języku C#, Visual Basic, a nawet F#. Ta elastyczność umożliwia programistom efektywne kodowanie warstwy logiki biznesowej i dostępu do danych. Kolejną istotną zaletą korzystania z ASP.NET jest budowanie dynamicznych stron internetowych przy użyciu języka C# za pomocą narzędzia składni szablonów stron internetowych znanego jako Razor.



czy tiktok zostanie zbanowany w us

Razor udostępnia również składnię do tworzenia interaktywnych dynamicznych stron internetowych zawierających kod HTML, CSS, JavaScript i C#. Kod po stronie klienta jest zwykle napisany w JavaScript, a ASP.NET można nawet zintegrować z innymi platformami internetowymi, takimi jak Angular lub React.

Powiązane: Tailwind CSS a Bootstrap: która platforma jest lepsza?



ASP.NET zapewnia również programistom system uwierzytelniania, który obejmuje bazę danych, biblioteki, szablony do zarządzania loginami, uwierzytelnianie zewnętrzne w Google, Facebooku itp. i nie tylko. Deweloperzy mogą korzystać z ASP.NET na wszystkich głównych platformach, w tym Windows, Linux, macOS, a nawet Docker.

Jak utworzyć aplikację sieci Web ASP.NET w Visual Studio

Przed utworzeniem aplikacji internetowej najlepiej jest zapoznać się z językiem HTML, CSS, JavaScript i C#, aby w pełni wykorzystać możliwości ASP.NET. Przyjrzyjmy się, jak stworzyć aplikację internetową w ASP.NET w Microsoft Visual Studio 2019.



Upewnij się, że masz zainstalowane następujące pakiety oprogramowania:

jak wyglądać na niewidzialnego na facebooku
  • Microsoft Visual Studio 2019 lub nowszy
  • ASP.NET i obciążenie programistyczne w sieci Web z Instalatora programu Visual Studio

Zrozumienie składników projektu aplikacji sieci Web ASP.NET

Przed rozpoczęciem tworzenia aplikacji sieci Web bardzo ważne jest zrozumienie podstawowych składników ASP.NET i sposobów ich wykorzystania w aplikacji sieci Web.

W tym samouczku będziemy używać formularzy sieci Web ASP.NET do tworzenia poszczególnych stron sieci Web, takich jak Strona główna, Kontakt z nami itp. Każdy formularz sieci Web ma trzy główne składniki: plik .aspx dla HTML/CSS, .aspx Plik kodu .cs i plik .aspx.designer.cs. W tym samouczku będziemy głównie pracować nad plikami .aspx i .aspx.cs.

Plik .aspx będzie zawierał cały kod HTML i CSS stron internetowych. Upewnij się, że używasz tagów asp, a nie HTML, ponieważ tagi asp pobierają dane z serwera i wysyłają dane wejściowe do serwera. Jest to cecha funkcjonalności wymagana w dynamicznej aplikacji internetowej.

Plik .aspx.cs zawiera kod C# stron sieci Web, a to kontroluje, co się dzieje, gdy określone zdarzenie, takie jak strona sieci Web, zostanie załadowane, zostanie kliknięty przycisk i nie tylko. Możesz utworzyć oddzielne funkcje dla każdej funkcji i połączyć je z odpowiednim tagiem asp w odpowiednim pliku .aspx.

Strony wzorcowe są korzystne dla programistów i dodają do każdej strony internetowej niezbędne komponenty, takie jak pasek nawigacyjny i stopka. Zamiast dodawać ten sam kod wielokrotnie, programiści mogą dodać cały kod wymagany przez szablon do jednej strony wzorcowej, a następnie połączyć każdą stronę internetową ze stroną wzorcową. Pokażemy Ci, jak to zrobić w kolejnych sekcjach.

Utwórz nowy projekt aplikacji sieci Web ASP.NET

Pierwszym krokiem w tworzeniu aplikacji webowej w ASP.NET jest wybranie szablonu projektu i utworzenie nowej aplikacji webowej:

  1. Uruchom Microsoft Visual Studio i kliknij Utwórz nowy projekt
  2. Wpisz ASP.NET w polu wyszukiwania szablonu, wybierz Aplikacja internetowa ASP.NET ( .NET Framework ) i kliknij Następny . Nie otrzymasz tego szablonu, jeśli nie masz wymaganych instalacji wymienionych w poprzedniej sekcji.
  3. Na następnym ekranie skonfiguruj nazwę projektu i katalog, a następnie kliknij Następny .
  4. Program Visual Studio utworzy teraz szablon projektu i powinieneś być w stanie uruchomić aplikację szablonu, klikając zielony przycisk odtwarzania u góry ekranu.

Utwórz nowy formularz sieci Web ASP.NET

Aby pomóc Ci lepiej zrozumieć ASP.NET, utworzymy prostą stronę produktu dla sklepu z grami. Pierwszym krokiem jest utworzenie nowego formularza internetowego. We wcześniej utworzonym projekcie przejdź do Plik > Nowy > Plik i wybierz Formularz internetowy . Po skonfigurowaniu powinieneś zobaczyć pusty plik .aspx z samym kodem nagłówka.

Aby rozpocząć tworzenie ogólnego wyglądu swojej strony internetowej, możesz samodzielnie użyć kodu w HTML/CSS lub użyć szablonu z Blokady ogonowe .

Powyższy układ strony produktu konfigurujemy za pomocą szablonu. Wyświetla obraz produktu, szczegóły produktu i pasek nawigacyjny. Dodaliśmy kod HTML i CSS paska nawigacyjnego za pomocą strony wzorcowej.

jak wyregulować jasność w systemie Windows 10

W powyższym kodzie (plik .aspx.cs) ustawiliśmy ładuj stronę funkcja ustawiania szczegółów produktu w naszych symbolach zastępczych. Możesz stworzyć podobne funkcje do logowania, rejestracji, dodawania do koszyka itp.

Przykładowy tag asp pokazujący opis produktu wygląda następująco:

W tym symbolu zastępczym zostanie wyświetlona wartość opisu z kodu C#. Możesz również użyć przybornika programu Visual Studio, aby dodać elementy wyświetlania, takie jak obrazy, przyciski, przyciski radiowe i inne. W Internecie dostępnych jest kilka zasobów, w których można poznać składnię ASP.NET.

Aplikacja internetowa ASP.NET dla początkujących

ASP.NET to potężna platforma do tworzenia aplikacji i usług internetowych. Przed przystąpieniem do tworzenia aplikacji sieci Web w ASP.NET musisz znać język JavaScript, HTML, CSS i C#.

Udział Udział Ćwierkać E-mail Ostateczna ściągawka JavaScript

Uzyskaj szybkie przypomnienie o elementach JavaScript dzięki tej ściągawce.

Czytaj dalej Powiązane tematy
  • Programowanie
  • ASP.NET
  • Programowanie
O autorze M. Fahad Khawaja(45 opublikowanych artykułów)

Fahad jest pisarzem w MakeUseOf i obecnie studiuje informatykę. Jako zapalony pisarz technologii dba o to, by był na bieżąco z najnowszą technologią. Szczególnie interesuje się piłką nożną i technologią.

Więcej od M. Fahada Khawaja

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować