Program ASP.NET Hello World z przykładem

Wymagania wstępne dla Twojego pierwszego programu ASP.NET

Przed utworzeniem aplikacji Hello World upewnij się, że Twoje środowisko jest gotowe. Będziesz potrzebować następujących elementów:

• visual Studio – wystarczy darmowa edycja Community, instalowana wraz z obciążeniem „ASP.NET i tworzenie stron internetowych”.
• .NET Framework – wymagane w przypadku formularzy internetowych i instalowane automatycznie za pomocą programu Visual Studio.
• Podstawowa znajomość C# i HTML – pomocne w zrozumieniu kodu, który napiszesz.
• A Windows maszyna – klasyczne formularze internetowe ASP.NET działają na Windows z IIS lub IIS Express.

Po skonfigurowaniu tych elementów możesz wykonać poniższe kroki, aby utworzyć i uruchomić swój pierwszy program ASP.NET.

Program ASP.NET Hello World z przykładem

Spójrzmy na przykład, jak możemy zaimplementować prostą aplikację „hello world”. W tym celu musielibyśmy wdrożyć poniższe kroki.

Krok 1) Pierwszy krok obejmuje utworzenie nowego projektu w Visual Studio. Po uruchomieniu Visual Studio należy wybrać opcję menu New->Project.

Krok 2) Następnym krokiem jest wybranie typu projektu jako aplikacji internetowej ASP.Net. W tym miejscu musimy również wspomnieć o nazwie i lokalizacji naszego projektu.

1. W oknie dialogowym projektu możesz zobaczyć różne opcje tworzenia różnych typów projektów. Kliknij opcję Web po lewej stronie.
2. Kiedy w poprzednim kroku klikniemy opcję Web, zobaczymy opcję aplikacji internetowej ASP.Net. Kliknij tę opcję.
3. Następnie nadajemy aplikacji nazwę, która w naszym przypadku to DemoApplication. Musimy także podać lokalizację do przechowywania naszej aplikacji.
4. Na koniec klikamy przycisk „OK”, aby program Visual Studio utworzył nasz projekt.

Krok 3) Na następnym ekranie musisz wybrać typ aplikacji internetowej ASP.net, którą chcesz utworzyć. W naszym przypadku stworzymy prostą aplikację Web Form.

1. Najpierw wybierz typ projektu jako „Pusty”. Dzięki temu zaczniemy od podstawowej aplikacji, która będzie łatwa do zrozumienia.
2. Wybieramy opcję „Formularze internetowe”. Dodaje to podstawowe foldery wymagane do działania podstawowej aplikacji formularzy internetowych.
3. Na koniec klikamy przycisk „OK”, aby zezwolić programowi Visual Studio na utworzenie aplikacji.

Jeśli wykonasz powyższe kroki, w programie Visual Studio otrzymasz poniższy wynik.

Wynik:-

W Eksploratorze rozwiązań zobaczysz rozwiązanie DemoApplication. To rozwiązanie będzie zawierać 2 pliki projektu, jak pokazano powyżej. Obecnie jednym z kluczowych plików w projekcie jest Global.asax.csTen plik zawiera informacje specyficzne dla aplikacji. W tym pliku należy zainicjować wszystkie zmienne specyficzne dla aplikacji do wartości domyślnych.

Krok 4) Teraz czas dodać plik formularza internetowego do projektu. Jest to plik, który będzie zawierał cały kod internetowy naszego projektu.

• Kliknij prawym przyciskiem myszy projekt DemoApplication i
• Z menu kontekstowego wybierz opcję Dodaj->Formularz internetowy.

Krok 5) Na następnym ekranie zostaniemy poproszeni o podanie nazwy formularza internetowego.

1. Nadaj nazwę formularzowi internetowemu. W naszym przypadku nadajemy mu nazwę Demo.
2. Kliknij przycisk OK.

Program Visual Studio automatycznie utworzy formularz internetowy demonstracyjny i otworzy go w programie Visual Studio.

Krok 6) Następnym krokiem jest dodanie kodu, który wyświetli napis „Hello World”. Można to zrobić, dodając tylko jedną linijkę kodu do pliku Demo.aspx.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title></title>
</head>
<body>
	<form id="form1" runat="server">
	<div>

	<% Response.Write("Hello World"); %>

	</div>
	</form>
</body>
</html>

Code Wyjaśnienie:-

• Obiekt odpowiedzi w ASP.Net Służy do wysyłania informacji zwrotnej do użytkownika. W naszym przypadku używamy metody „Write” obiektu Response do napisania tekstu „Hello World”. Znaczniki <% i %> służą do dodawania kodu specyficznego dla ASP.net.

Jeśli wykonasz wszystkie powyższe kroki i uruchomisz program visual Studio, otrzymasz następujący wynik.

Wynik:-

Z wyników wyraźnie wynika, że ​​w przeglądarce wyświetliło się „Hello World”.

Zrozumienie „Hello World” Code

Plik Demo.aspx to standardowa strona HTML z kilkoma dodatkami ASP.NET. runat="server" Atrybut ten informuje ASP.NET o przetwarzaniu elementu na serwerze, zamiast traktować go jak zwykły HTML. <% %> Znaczniki, zwane blokami renderu, pozwalają na uruchamianie kodu C# bezpośrednio na stronie. Wewnątrz nich Response.Write("Hello World") wysyła tekst bezpośrednio do przeglądarki jako część odpowiedzi HTTP.

Kompletujemy wszystkie dokumenty (wymagana jest kopia paszportu i XNUMX zdjęcia) potrzebne do Response.Write To wystarczy na pierwszy przykład, większość rzeczywistych aplikacji używa kontrolki serwera. Na przykład, możesz usunąć <asp:Label> Kontrolkę na stronie i ustaw jej właściwość Tekst w pliku kodu źródłowego. Dzięki temu znaczniki i logika są oddzielone, a utrzymanie jest łatwiejsze w miarę rozrastania się strony.

Typowe błędy podczas uruchamiania pierwszego programu ASP.NET

Początkujący często napotykają kilka przewidywalnych problemów podczas uruchamiania swojej pierwszej strony ASP.NET. Zwróć uwagę na następujące kwestie:

• Brak runat=”server” – bez niego w formularzu i kontrolkach ASP.NET traktuje je jak statyczny kod HTML i kod serwera nie jest uruchamiany.
• Zły typ projektu – wybranie szablonu MVC lub Core zamiast Web Forms zmienia strukturę plików i powyższe kroki.
• Błędy składniowe – brak średnika lub nawiasu wewnątrz bloku <% %> powoduje błąd kompilacji.
• Problemy z portem lub usługą IIS Express – jeśli strona nie uruchomi się, uruchom ponownie IIS Express lub zmień port projektu.
• Rozróżnianie wielkości liter – nazwy metod, takie jak Response.Write, muszą być dokładnie takie same, ponieważ C# rozróżnia wielkość liter.

FAQ