Wprowadzenie do ASP.NET Core MVC

Uwaga

Nie jest to najnowsza wersja tego artykułu. Aby zapoznać się z bieżącą wersją, zapoznaj się z wersją tego artykułu platformy .NET 8.

Ważne

Te informacje odnoszą się do produktu w wersji wstępnej, który może zostać znacząco zmodyfikowany, zanim zostanie wydany komercyjnie. Firma Microsoft nie udziela żadnych gwarancji, jawnych lub domniemanych, w odniesieniu do informacji podanych w tym miejscu.

Aby zapoznać się z bieżącą wersją, zapoznaj się z wersją tego artykułu platformy .NET 8.

Autor: Rick Anderson

W tym samouczku przedstawiono ASP.NET Core MVC web development z kontrolerami i widokami. Jeśli dopiero zaczynasz ASP.NET Core tworzenia aplikacji internetowych, rozważ Razor wersję strony tego samouczka, która zapewnia łatwiejszy punkt wyjścia. Zobacz Wybieranie interfejsu użytkownika podstawowego ASP.NET, który porównuje Razor strony, MVC i Blazor na potrzeby tworzenia interfejsu użytkownika.

Jest to pierwszy samouczek serii, który uczy ASP.NET Core MVC web development z kontrolerami i widokami.

Na końcu serii będziesz mieć aplikację, która zarządza danymi filmowymi i wyświetla je. Dowiedz się, jak odbywa się:

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

Wyświetl lub pobierz przykładowy kod (jak pobrać).

Wymagania wstępne

Tworzenie aplikacji internetowej

  • Uruchom program 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 Konfigurowanie nowego projektu wprowadź wartość MvcMovie w polu Nazwa projektu. Ważne jest, aby nazwać projekt MvcFilm. Wielkość liter musi być zgodna z każdym namespace , gdy kod jest kopiowany.
  • Wybierz Dalej.
  • W oknie dialogowym Dodatkowe informacje:
    • Wybierz pozycję .NET 8.0 (obsługa długoterminowa).
    • Sprawdź, czy nie używaj instrukcji najwyższego poziomu jest niezaznaczone.
  • Wybierz pozycję Utwórz.

Okno dialogowe Dodatkowe informacje

Aby uzyskać więcej informacji, w tym alternatywne podejścia do tworzenia projektu, zobacz Tworzenie nowego projektu w programie Visual Studio.

Program Visual Studio używa domyślnego szablonu projektu dla utworzonego projektu MVC. Utworzony projekt:

  • To działająca aplikacja.
  • Jest podstawowym projektem startowym.

Uruchom aplikację

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

    Program Visual Studio wyświetla 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ń SSL w przeglądarce, możesz zaufać certyfikatowi z podpisem własnym wygenerowanemu przez usługę IIS Express. Czy chcesz ufać certyfikatowi SSL usług IIS Express?

    Wybierz pozycję Tak , jeśli ufasz certyfikatowi SSL usług IIS Express.

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

    Okno dialogowe ostrzeżenia o zabezpieczeniach

    Wybierz pozycję Tak, jeśli wyrażasz zgodę na zaufanie certyfikatowi programistycznemu.

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

Program Visual Studio uruchamia aplikację i otwiera domyślną przeglądarkę.

Na pasku adresu jest wyświetlana localhost:<port#> wartość , 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.

Uruchamianie aplikacji bez debugowania przez naciśnięcie klawisza Ctrl+F5 umożliwia:

  • Wprowadź zmiany w kodzie.
  • Zapisz plik.
  • Szybkie odświeżanie przeglądarki i wyświetlanie zmian w kodzie.

Aplikację można uruchomić w trybie debugowania lub innym niż debugowanie z menu Debugowanie :

Uruchamianie debugowania i uruchamiania bez debugowania menu

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

Przycisk debugowania MvcFilm

Na poniższej ilustracji przedstawiono aplikację:

Home lub strona indeksu

  • Zamknij okno przeglądarki. Program Visual Studio zatrzyma aplikację.

W następnym samouczku z tej serii dowiesz się więcej na temat wzorca MVC i zacznij pisać kod.

W tym samouczku przedstawiono ASP.NET Core MVC web development z kontrolerami i widokami. Jeśli dopiero zaczynasz ASP.NET Core tworzenia aplikacji internetowych, rozważ Razor wersję strony tego samouczka, która zapewnia łatwiejszy punkt wyjścia. Zobacz Wybieranie interfejsu użytkownika podstawowego ASP.NET, który porównuje Razor strony, MVC i Blazor na potrzeby tworzenia interfejsu użytkownika.

Jest to pierwszy samouczek serii, który uczy ASP.NET Core MVC web development z kontrolerami i widokami.

Na końcu serii będziesz mieć aplikację, która zarządza danymi filmowymi i wyświetla je. Dowiedz się, jak odbywa się:

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

Wyświetl lub pobierz przykładowy kod (jak pobrać).

Wymagania wstępne

Tworzenie aplikacji internetowej

  • Uruchom program 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 Konfigurowanie nowego projektu wprowadź wartość MvcMovie w polu Nazwa projektu. Ważne jest, aby nazwać projekt MvcFilm. Wielkość liter musi być zgodna z każdym namespace , gdy kod jest kopiowany.
  • Wybierz Dalej.
  • W oknie dialogowym Dodatkowe informacje:
    • Wybierz pozycję .NET 7.0.
    • Sprawdź, czy nie używaj instrukcji najwyższego poziomu jest niezaznaczone.
  • Wybierz pozycję Utwórz.

Okno dialogowe Dodatkowe informacje

Aby uzyskać więcej informacji, w tym alternatywne podejścia do tworzenia projektu, zobacz Tworzenie nowego projektu w programie Visual Studio.

Program Visual Studio używa domyślnego szablonu projektu dla utworzonego projektu MVC. Utworzony projekt:

  • To działająca aplikacja.
  • Jest podstawowym projektem startowym.

Uruchom aplikację

  • Naciśnij klawisze Ctrl+F5, aby uruchomić aplikację bez debugera. Program Visual Studio wyświetla 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ń SSL w przeglądarce, możesz zaufać certyfikatowi z podpisem własnym wygenerowanemu przez usługę IIS Express. Czy chcesz ufać certyfikatowi SSL usług IIS Express?Wybierz pozycję Tak, jeśli ufasz certyfikatowi SSL usług IIS Express. Zostanie wyświetlone następujące okno dialogowe:Okno dialogowe ostrzeżenia o zabezpieczeniach Wybierz pozycję Tak, jeśli zgadzasz się ufać certyfikatowi programistycznemu. Aby uzyskać informacje na temat zaufania przeglądarce Firefox, zobacz Błąd certyfikatu przeglądarki Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Program Visual Studio uruchamia aplikację i otwiera domyślną przeglądarkę.

Na pasku adresu jest wyświetlana localhost:<port#> wartość , 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.

Uruchamianie aplikacji bez debugowania przez naciśnięcie klawisza Ctrl+F5 umożliwia:

  • Wprowadź zmiany w kodzie.
  • Zapisz plik.
  • Szybkie odświeżanie przeglądarki i wyświetlanie zmian w kodzie.

Aplikację można uruchomić w trybie debugowania lub innym niż debugowanie z menu Debugowanie :

Menu Debugowanie

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

Przycisk debugowania MvcFilm

Na poniższej ilustracji przedstawiono aplikację:

Home lub strona indeksu

  • Zamknij okno przeglądarki. Program Visual Studio zatrzyma aplikację.

W następnym samouczku z tej serii dowiesz się więcej na temat wzorca MVC i zacznij pisać kod.

W tym samouczku przedstawiono ASP.NET Core MVC web development z kontrolerami i widokami. Jeśli dopiero zaczynasz ASP.NET Core tworzenia aplikacji internetowych, rozważ Razor wersję strony tego samouczka, która zapewnia łatwiejszy punkt wyjścia. Zobacz Wybieranie interfejsu użytkownika podstawowego ASP.NET, który porównuje Razor strony, MVC i Blazor na potrzeby tworzenia interfejsu użytkownika.

Jest to pierwszy samouczek serii, który uczy ASP.NET Core MVC web development z kontrolerami i widokami.

Na końcu serii będziesz mieć aplikację, która zarządza danymi filmowymi i wyświetla je. Dowiedz się, jak odbywa się:

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

Wyświetl lub pobierz przykładowy kod (jak pobrać).

Wymagania wstępne

Tworzenie aplikacji internetowej

  • Uruchom program 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 Konfigurowanie nowego projektu wprowadź wartość MvcMovie w polu Nazwa projektu. Ważne jest, aby nazwać projekt MvcFilm. Wielkość liter musi być zgodna z każdym namespace , gdy kod jest kopiowany.
  • Wybierz Dalej.
  • W oknie dialogowym Dodatkowe informacje wybierz pozycję .NET 6.0 (obsługa długoterminowa).
  • Wybierz pozycję Utwórz.

Okno dialogowe Dodatkowe informacje

Aby uzyskać alternatywne podejścia do tworzenia projektu, zobacz Tworzenie nowego projektu w programie Visual Studio.

Program Visual Studio używa domyślnego szablonu projektu dla utworzonego projektu MVC. Utworzony projekt:

  • To działająca aplikacja.
  • Jest podstawowym projektem startowym.

Uruchom aplikację

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

    Program Visual Studio wyświetla 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ń SSL w przeglądarce, możesz zaufać certyfikatowi z podpisem własnym wygenerowanemu przez usługę IIS Express. Czy chcesz ufać certyfikatowi SSL usług IIS Express?

    Wybierz pozycję Tak , jeśli ufasz certyfikatowi SSL usług IIS Express.

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

    Okno dialogowe ostrzeżenia o zabezpieczeniach

    Wybierz pozycję Tak, jeśli wyrażasz zgodę na zaufanie certyfikatowi programistycznemu.

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

Program Visual Studio uruchamia aplikację i otwiera domyślną przeglądarkę.

Na pasku adresu jest wyświetlana localhost:<port#> wartość , 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.

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

  • Wprowadź zmiany w kodzie.
  • Zapisz plik.
  • Szybkie odświeżanie przeglądarki i wyświetlanie zmian w kodzie.

Aplikację można uruchomić w trybie debugowania lub innym niż debugowanie z menu Debugowanie :

Menu Debugowanie

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

Przycisk debugowania MvcFilm

Na poniższej ilustracji przedstawiono aplikację:

Home lub strona indeksu

W następnym samouczku z tej serii dowiesz się więcej na temat wzorca MVC i zacznij pisać kod.

W tym samouczku przedstawiono ASP.NET Core MVC web development z kontrolerami i widokami. Jeśli dopiero zaczynasz ASP.NET Core tworzenia aplikacji internetowych, rozważ Razor wersję strony tego samouczka, która zapewnia łatwiejszy punkt wyjścia. Zobacz Wybieranie interfejsu użytkownika podstawowego ASP.NET, który porównuje Razor strony, MVC i Blazor na potrzeby tworzenia interfejsu użytkownika.

Jest to pierwszy samouczek serii, który uczy ASP.NET Core MVC web development z kontrolerami i widokami.

Na końcu serii będziesz mieć aplikację, która zarządza danymi filmowymi i wyświetla je. Dowiedz się, jak odbywa się:

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

Wyświetl lub pobierz przykładowy kod (jak pobrać).

Wymagania wstępne

Tworzenie aplikacji internetowej

  • Uruchom program Visual Studio i wybierz pozycję Utwórz nowy projekt.
  • W oknie dialogowym Tworzenie nowego projektu wybierz pozycję ASP.NET Core Web Application>Next (Dalej).
  • W oknie dialogowym Konfigurowanie nowego projektu wprowadź wartość MvcMovie w polu Nazwa projektu. Ważne jest, aby nazwać projekt MvcFilm. Wielkość liter musi być zgodna z poszczególnymi namespace dopasowaniami podczas kopiowania kodu.
  • Wybierz pozycję Utwórz.
  • W oknie dialogowym Tworzenie nowej aplikacji internetowej platformy ASP.NET Core wybierz pozycję:
    • Platforma .NET Core i ASP.NET Core 5.0 na listach rozwijanych.
    • ASP.NET Core Web App (Model-View-Controller).
    • Tworzenie.

Utwórz nową aplikację internetową platformy ASP.NET Core

Aby uzyskać alternatywne podejścia do tworzenia projektu, zobacz Tworzenie nowego projektu w programie Visual Studio.

Program Visual Studio użył domyślnego szablonu projektu dla utworzonego projektu MVC. Utworzony projekt:

  • To działająca aplikacja.
  • Jest podstawowym projektem startowym.

Uruchom aplikację

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

    Program Visual Studio wyświetla 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ń SSL w przeglądarce, możesz zaufać certyfikatowi z podpisem własnym wygenerowanemu przez usługę IIS Express. Czy chcesz ufać certyfikatowi SSL usług IIS Express?

    Wybierz pozycję Tak , jeśli ufasz certyfikatowi SSL usług IIS Express.

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

    Okno dialogowe ostrzeżenia o zabezpieczeniach

    Wybierz pozycję Tak, jeśli wyrażasz zgodę na zaufanie certyfikatowi programistycznemu.

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

    Visual Studio:

    Na pasku adresu jest wyświetlana localhost:port# wartość , 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.

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

  • Wprowadź zmiany w kodzie.
  • Zapisz plik.
  • Szybkie odświeżanie przeglądarki i wyświetlanie zmian w kodzie.

Aplikację można uruchomić w trybie debugowania lub innym niż debugowanie w elemencie menu Debugowanie :

Menu Debugowanie

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

IIS Express

Na poniższej ilustracji przedstawiono aplikację:

Home lub strona indeksu

W następnej części tego samouczka dowiesz się więcej na temat wzorca MVC i zacznij pisać kod.

W tym samouczku przedstawiono ASP.NET Core MVC web development z kontrolerami i widokami. Jeśli dopiero zaczynasz ASP.NET Core tworzenia aplikacji internetowych, rozważ Razor wersję strony tego samouczka, która zapewnia łatwiejszy punkt wyjścia. Zobacz Wybieranie interfejsu użytkownika podstawowego ASP.NET, który porównuje Razor strony, MVC i Blazor na potrzeby tworzenia interfejsu użytkownika.

Jest to pierwszy samouczek serii, który uczy ASP.NET Core MVC web development z kontrolerami i widokami.

Na końcu serii będziesz mieć aplikację, która zarządza danymi filmowymi i wyświetla je. Dowiedz się, jak odbywa się:

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

Wyświetl lub pobierz przykładowy kod (jak pobrać).

Wymagania wstępne

Tworzenie aplikacji internetowej

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

  • Wybierz pozycję ASP.NET Core Web Application Next (Następna aplikacja>internetowa) ASP.NET Core.

    Tworzenie nowego projektu aplikacji internetowej ASP.NET Core

  • Nadaj projektowi nazwę MvcFilm i wybierz pozycję Utwórz. Ważne jest, aby nazwać projekt MvcFilm , więc podczas kopiowania kodu przestrzeń nazw będzie zgodna.

    Konfigurowanie nowego projektu

  • Wybierz pozycję Aplikacja internetowa (model-widok-kontroler). Z pól rozwijanych wybierz pozycję .NET Core i 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

Program Visual Studio użył domyślnego szablonu projektu dla utworzonego projektu MVC. Utworzony projekt:

  • To działająca aplikacja.
  • Jest podstawowym projektem startowym.

Uruchom aplikację

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

    Program Visual Studio wyświetla 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ń SSL w przeglądarce, możesz zaufać certyfikatowi z podpisem własnym wygenerowanemu przez usługę IIS Express. Czy chcesz ufać certyfikatowi SSL usług IIS Express?

    Wybierz pozycję Tak , jeśli ufasz certyfikatowi SSL usług IIS Express.

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

    Okno dialogowe ostrzeżenia o zabezpieczeniach

    Wybierz pozycję Tak, jeśli wyrażasz zgodę na zaufanie certyfikatowi programistycznemu.

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

    Visual Studio:

    Na pasku adresu jest wyświetlana localhost:port# wartość , 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.

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

  • Wprowadź zmiany w kodzie.
  • Zapisz plik.
  • Szybkie odświeżanie przeglądarki i wyświetlanie zmian w kodzie.

Aplikację można uruchomić w trybie debugowania lub innym niż debugowanie w elemencie menu Debugowanie :

Menu Debugowanie

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

IIS Express

Na poniższej ilustracji przedstawiono aplikację:

Home lub strona indeksu

W następnej części tego samouczka dowiesz się więcej na temat wzorca MVC i zacznij pisać kod.