Wprowadzenie do ASP.NET Core MVC

Autor: Rick Anderson

Ten samouczek uczy tworzenia aplikacji ASP.NET Core MVC przy użyciu kontrolerów i widoków. Jeśli dopiero zaczynasz tworzenie aplikacji ASP.NET Core, rozważ Razor wersję strony tego samouczka, która zapewnia łatwiejszy punkt wyjścia. Zobacz Wybieranie interfejsu ASP.NET Core użytkownika , który porównuje Razor strony, MVC i Blazor do tworzenia interfejsu użytkownika.

Jest to pierwszy samouczek z serii, ASP.NET Core który uczy tworzenia aplikacji internetowych we wzorcach MVC przy użyciu kontrolerów i widoków.

Na końcu serii będziesz mieć aplikację, która będzie zarządzać danymi filmów i wyświetlać je. Omawiane kwestie:

  • Utwórz aplikację internetową.
  • Dodawanie i szkielet modelu.
  • Praca z bazą danych.
  • Dodaj wyszukiwanie i walidację.

Wyświetlanie lub pobieranie przykładowego kodu (jak pobrać plik).

Wymagania wstępne

Tworzenie aplikacji internetowej

  • Uruchom Visual Studio i wybierz pozycję Utwórz nowy projekt.
  • W oknie dialogowym Tworzenie nowego projektu wybierz pozycję ASP.NET Core Web App (Model-View-Controller) > Dalej.
  • W oknie dialogowym Configure your new project (Konfigurowanie nowego MvcMovie projektu) wprowadź Project nazwę . Ważne jest, aby nazwać projekt Mvc Po. Litera musi być dopasowana do namespace każdej z nich podczas kopiowania kodu.
  • Wybierz opcję Dalej.
  • W oknie dialogowym Dodatkowe informacje wybierz pozycję .NET 6.0 (obsługa długoterminowa).
  • Wybierz przycisk Utwórz.

Okno dialogowe z dodatkowymi informacjami

Aby uzyskać alternatywne metody tworzenia projektu, zobacz Create a new project in Visual Studio (Tworzenie nowego projektu w programie Visual Studio).

Visual Studio domyślny szablon projektu dla utworzonego projektu MVC. Utworzony projekt:

  • To działa aplikacja.
  • Jest podstawowym projektem startowym.

Uruchamianie aplikacji

  • Naciśnij klawisze Ctrl+F5, aby uruchomić aplikację bez debugera.

    Visual Studio zostanie wyświetlone następujące okno dialogowe, gdy projekt nie jest jeszcze skonfigurowany do używania protokołu SSL:

    Ten projekt jest skonfigurowany do używania protokołu SSL. Aby uniknąć ostrzeżeń protokołu SSL w przeglądarce, możesz ufać certyfikatowi z podpisem własnym, który IIS Express wygenerowany. Czy chcesz ufać certyfikatowi SSL IIS Express SSL?

    Wybierz pozycję Tak, jeśli ufasz IIS Express SSL.

    Zostanie wyświetlone następujące okno dialogowe:

    Okno dialogowe ostrzeżenia o zabezpieczeniach

    Wybierz pozycję Tak, jeśli zgadzasz się ufać certyfikatowi dewelopera.

    Aby uzyskać informacje na temat ufania przeglądarce Firefox, zobacz Błąd certyfikatu SEC_ERROR_INADEQUATE_KEY_USAGE Firefox.

Visual Studio uruchomi aplikację i otworzy domyślną przeglądarkę.

Na pasku adresu jest widać adres localhost:port# , a nie na przykład example.com . Standardowa nazwa hosta komputera lokalnego to localhost . Podczas tworzenia projektu internetowego w programie Visual Studio dla serwera internetowego jest używany losowy port.

Uruchomienie aplikacji bez debugowania przez wybranie kombinacji klawiszy Ctrl+F5 umożliwia:

  • Wprowadzaj zmiany kodu.
  • Zapisz plik.
  • Szybko odśwież przeglądarkę i zobacz zmiany kodu.

Aplikację można uruchomić w trybie debugowania lub bez debugowania z menu Debugowanie:

Menu Debugowanie

Aplikację można debugować, wybierając przycisk Mvc Wy na pasku narzędzi:

Przycisk debugowania Mvc Debug

Na poniższej ilustracji przedstawiono aplikację:

Home lub Strona indeksu

W następnym samouczku z tej serii poznasz MVC i zaczniesz pisać kod.

Ten samouczek uczy tworzenia aplikacji ASP.NET Core MVC przy użyciu kontrolerów i widoków. Jeśli dopiero zaczynasz tworzenie aplikacji ASP.NET Core, rozważ Razor wersję strony tego samouczka, która zapewnia łatwiejszy punkt wyjścia. Zobacz Wybieranie interfejsu ASP.NET Core użytkownika , który porównuje Razor strony, MVC i Blazor do tworzenia interfejsu użytkownika.

Jest to pierwszy samouczek z serii, ASP.NET Core który uczy tworzenia aplikacji internetowych we wzorcach MVC przy użyciu kontrolerów i widoków.

Na końcu serii będziesz mieć aplikację, która będzie zarządzać danymi filmów i wyświetlać je. Omawiane kwestie:

  • Utwórz aplikację internetową.
  • Dodawanie i szkielet modelu.
  • Praca z bazą danych.
  • Dodaj wyszukiwanie i walidację.

Wyświetlanie lub pobieranie przykładowego kodu (jak pobrać plik).

Wymagania wstępne

Tworzenie aplikacji internetowej

  • Uruchom Visual Studio i wybierz pozycję Utwórz nowy projekt.
  • W oknie dialogowym Create a new project (Tworzenie nowego projektu) wybierz pozycję ASP.NET Core Web Application Next (Aplikacja internetowa > dalej).
  • W oknie dialogowym Configure your new project (Konfigurowanie nowego MvcMovie projektu) wprowadź Project nazwę . Ważne jest, aby nazwać projekt Mvc Po. Litera musi odpowiadać każdemu namespace dopasowaniu podczas kopiowania kodu.
  • Wybierz przycisk Utwórz.
  • W oknie dialogowym Create a new ASP.NET Core web application (Tworzenie nowej aplikacji internetowej) wybierz:
    • Na liście rozwijanej ASP.NET Core .NET Core i ASP.NET Core 5.0.
    • ASP.NET Core web app (Model-View-Controller).
    • Create.

Tworzenie nowej aplikacji ASP.NET Core internetowej

Aby uzyskać alternatywne metody tworzenia projektu, zobacz Create a new project in Visual Studio (Tworzenie nowego projektu w programie Visual Studio).

Visual Studio domyślny szablon projektu dla utworzonego projektu MVC. Utworzony projekt:

  • To działa aplikacja.
  • Jest podstawowym projektem startowym.

Uruchamianie aplikacji

  • Naciśnij klawisze Ctrl+F5, aby uruchomić aplikację bez debugera.

    Visual Studio zostanie wyświetlone następujące okno dialogowe, gdy projekt nie jest jeszcze skonfigurowany do używania protokołu SSL:

    Ten projekt jest skonfigurowany do używania protokołu SSL. Aby uniknąć ostrzeżeń protokołu SSL w przeglądarce, możesz ufać certyfikatowi z podpisem własnym, który IIS Express wygenerowany. Czy chcesz ufać certyfikatowi SSL IIS Express SSL?

    Wybierz pozycję Tak, jeśli ufasz IIS Express SSL.

    Zostanie wyświetlone następujące okno dialogowe:

    Okno dialogowe ostrzeżenia o zabezpieczeniach

    Wybierz pozycję Tak, jeśli zgadzasz się ufać certyfikatowi dewelopera.

    Aby uzyskać informacje na temat ufania przeglądarce Firefox, zobacz Błąd certyfikatu SEC_ERROR_INADEQUATE_KEY_USAGE Firefox.

    Visual Studio:

    Na pasku adresu jest widać , localhost:port# a nie na przykład example.com . Standardowa nazwa hosta komputera lokalnego to localhost . Podczas tworzenia projektu internetowego w programie Visual Studio dla serwera internetowego jest używany losowy port.

Uruchomienie aplikacji bez debugowania przez wybranie kombinacji klawiszy Ctrl+F5 umożliwia:

  • Wprowadzaj zmiany w kodzie.
  • Zapisz plik.
  • Szybko odśwież przeglądarkę i zobacz zmiany kodu.

Aplikację można uruchomić w trybie debugowania lub bez debugowania z elementu menu Debugowanie:

Menu Debugowanie

Aplikację można debugować, wybierając przycisk IIS Express aplikacji

IIS Express

Na poniższej ilustracji przedstawiono aplikację:

Strona główna lub Strona indeksu

W następnej części tego samouczka poznasz MVC i zaczniesz pisać kod.

Ten samouczek uczy tworzenia aplikacji ASP.NET Core MVC przy użyciu kontrolerów i widoków. Jeśli dopiero zaczynasz tworzenie aplikacji ASP.NET Core, rozważ Razor wersję strony tego samouczka, która zapewnia łatwiejszy punkt wyjścia. Zobacz Wybieranie interfejsu ASP.NET Core użytkownika , który porównuje Razor strony, MVC i Blazor do tworzenia interfejsu użytkownika.

Jest to pierwszy samouczek z serii, który uczy tworzenia aplikacji internetowych w ASP.NET Core MVC przy użyciu kontrolerów i widoków.

Na końcu serii będziesz mieć aplikację, która zarządza danymi filmów i wyświetla je. Omawiane kwestie:

  • Utwórz aplikację internetową.
  • Dodawanie i szkielet modelu.
  • Praca z bazą danych.
  • Dodaj wyszukiwanie i walidację.

Wyświetlanie lub pobieranie przykładowego kodu (jak pobrać plik).

Wymagania wstępne

Tworzenie aplikacji internetowej

  • Z Visual Studio wybierz pozycję Utwórz nowy projekt.

  • Wybierz pozycję ASP.NET Core Web Application Next (Aplikacja > internetowa).

    Tworzenie nowego projektu ASP.NET Core aplikacji internetowej

  • Nadaj projektowi nazwę Mvc Następnie wybierz pozycję Utwórz. Ważne jest, aby nazwać projekt Mvc Przed, więc podczas kopiowania kodu przestrzeń nazw będzie dopasowana.

    Konfigurowanie nowego projektu

  • Wybierz pozycję Aplikacja internetowa (Model-View-Controller). Z pól rozwijanych wybierz pozycję .NET Core i wybierz ASP.NET Core 3.1, a następnie wybierz pozycję Utwórz.

    Okno dialogowe Nowy projekt, .NET Core w okienku po lewej stronie, ASP.NET Core sieci Web

Visual Studio domyślny szablon projektu dla utworzonego projektu MVC. Utworzony projekt:

  • To działa aplikacja.
  • Jest podstawowym projektem startowym.

Uruchamianie aplikacji

  • Naciśnij klawisze Ctrl+F5, aby uruchomić aplikację bez debugowania.

    Visual Studio zostanie wyświetlone następujące okno dialogowe, gdy projekt nie jest jeszcze skonfigurowany do używania protokołu SSL:

    Ten projekt jest skonfigurowany do używania protokołu SSL. Aby uniknąć ostrzeżeń protokołu SSL w przeglądarce, możesz ufać certyfikatowi z podpisem własnym, który IIS Express wygenerowany. Czy chcesz ufać certyfikatowi SSL IIS Express SSL?

    Wybierz pozycję Tak, jeśli ufasz IIS Express SSL.

    Zostanie wyświetlone następujące okno dialogowe:

    Okno dialogowe ostrzeżenia o zabezpieczeniach

    Wybierz pozycję Tak, jeśli zgadzasz się ufać certyfikatowi dewelopera.

    Aby uzyskać informacje na temat ufania przeglądarce Firefox, zobacz Błąd certyfikatu SEC_ERROR_INADEQUATE_KEY_USAGE Firefox.

    Visual Studio:

    Na pasku adresu jest widać , localhost:port# a nie na przykład example.com . Standardowa nazwa hosta komputera lokalnego to localhost . Podczas tworzenia projektu internetowego w programie Visual Studio dla serwera internetowego jest używany losowy port.

Uruchomienie aplikacji bez debugowania przez wybranie kombinacji klawiszy Ctrl+F5 umożliwia:

  • Wprowadzaj zmiany w kodzie.
  • Zapisz plik.
  • Szybko odśwież przeglądarkę i zobacz zmiany kodu.

Aplikację można uruchomić w trybie debugowania lub bez debugowania z elementu menu Debugowanie:

Menu Debugowanie

Aplikację można debugować, wybierając przycisk IIS Express aplikacji

IIS Express

Na poniższej ilustracji przedstawiono aplikację:

Strona główna lub Strona indeksu

W następnej części tego samouczka poznasz MVC i zaczniesz pisać kod.