Wprowadzenie do ASP.NET MVC 5

Autor: Rick Anderson

Uwaga / Notatka

Zaktualizowana wersja tego samouczka jest dostępna tutaj przy użyciu najnowszej wersji programu Visual Studio. W nowym samouczku jest używany ASP.NET Core MVC, który oferuje wiele ulepszeń w porównaniu do tego samouczka.

W tym samouczku przedstawiono ASP.NET Core MVC z kontrolerami i widokami. Razor Pages to nowa alternatywa w ASP.NET Core, model programowania oparty na stronach, który ułatwia tworzenie internetowego interfejsu użytkownika, czyniąc je łatwiejszym i bardziej wydajnym. Zalecamy wypróbowanie samouczka razor Pages przed wersją MVC. Samouczek Razor Pages

• Jest łatwiejsze do naśladowania.
• Obejmuje więcej funkcji.
• Jest preferowanym podejściem do tworzenia nowych aplikacji.

W tym samouczku przedstawiono podstawy tworzenia ASP.NET aplikacji internetowej MVC 5 przy użyciu programu Visual Studio 2017. Końcowy kod źródłowy samouczka znajduje się w witrynie GitHub.

Ten samouczek został napisany przez Scott Guthrie (twitter@scottgu ), Scott Hanselman (twitter: @shanselman ) i Rick Anderson ( @RickAndMSFT )

Do wdrożenia tej aplikacji na platformie Azure potrzebne jest konto platformy Azure:

• Możesz bezpłatnie otworzyć konto platformy Azure — możesz uzyskać środki, których możesz użyć do wypróbowania płatnych usług platformy Azure, a nawet po ich użyciu możesz zachować konto i korzystać z bezpłatnych usług platformy Azure.
• Możesz aktywować korzyści dla subskrybentów MSDN — subskrypcja MSDN zapewnia środki co miesiąc, które można wykorzystać do płatnych usług platformy Azure.

Wprowadzenie

Rozpocznij od zainstalowania programu Visual Studio 2017. Następnie otwórz program Visual Studio.

Visual Studio to środowisko IDE lub zintegrowane środowisko projektowe. Podobnie jak używasz programu Microsoft Word do pisania dokumentów, użyjesz środowiska IDE do tworzenia aplikacji. W programie Visual Studio znajduje się lista u dołu przedstawiająca różne dostępne opcje. Istnieje również menu, które zapewnia inny sposób wykonywania zadań w środowisku IDE. Na przykład zamiast wybierać pozycję Nowy projekt na stronie Start, możesz użyć paska menu i wybrać pozycję Plik>nowy projekt.

Tworzenie swojej pierwszej aplikacji

Na stronie Start wybierz pozycję Nowy projekt. W oknie dialogowym Nowy projekt wybierz kategorię Visual C# po lewej stronie, a następnie sieć Web, a następnie wybierz szablon projektu ASP.NET Web Application (.NET Framework). Nadaj projektowi nazwę "MvcFilm", a następnie wybierz przycisk OK.

W oknie dialogowym Nowa aplikacja internetowa ASP.NET wybierz pozycję MVC , a następnie wybierz przycisk OK.

Program Visual Studio użył szablonu domyślnego dla właśnie utworzonego projektu MVC ASP.NET, więc masz teraz działającą aplikację bez wykonywania żadnych czynności. Jest to prosty projekt "Hello World!" i dobrym miejscem do uruchomienia aplikacji.

Naciśnij F5 , aby rozpocząć debugowanie. Po naciśnięciu klawisza F5 program Visual Studio uruchamia program IIS Express i uruchamia aplikację internetową. Następnie program Visual Studio uruchamia przeglądarkę i otwiera stronę główną aplikacji. Zwróć uwagę, że pasek adresu przeglądarki pokazuje localhost:port#, a nie na przykład example.com. Dzieje się tak, ponieważ localhost zawsze wskazuje na własny komputer lokalny, w tym przypadku jest uruchamiana właśnie utworzona aplikacja. Gdy program Visual Studio uruchamia projekt internetowy, dla serwera internetowego jest używany losowy port. Na poniższej ilustracji numer portu to 1234. Po uruchomieniu aplikacji zobaczysz inny numer portu.

Od razu po wybraniu tego szablonu domyślnego można wyświetlać Homestrony , Contacti About . Na poniższej ilustracji nie są wyświetlane linki Strona główna, Informacje i Kontakt . W zależności od rozmiaru okna przeglądarki może być konieczne kliknięcie ikony nawigacji, aby wyświetlić te linki.

Aplikacja zapewnia również obsługę rejestrowania i logowania. Następnym krokiem jest zmiana sposobu działania tej aplikacji i poznanie nieco ASP.NET MVC. Zamknij aplikację ASP.NET MVC i zmieńmy kod.

Aby uzyskać listę bieżących samouczków, zobacz zalecane artykuły dotyczące wzorca MVC.

Dalej