Wprowadzenie do ASP.NET Core MVCGet started with ASP.NET Core MVC

Autor: Rick AndersonBy Rick Anderson

Ten samouczek uczy się ASP.NET Core tworzenia aplikacji sieci Web MVC z kontrolerami i widokami.This tutorial teaches ASP.NET Core MVC web development with controllers and views. Jeśli dopiero zaczynasz pracę z ASP.NET Core programowaniem w sieci Web, weź pod uwagę wersję Razor Pages tego samouczka, która zapewnia łatwiejszy punkt startowy.If you're new to ASP.NET Core web development, consider the Razor Pages version of this tutorial, which provides an easier starting point.

Ten samouczek uczy się podstaw tworzenia aplikacji sieci Web ASP.NET Core MVC.This tutorial teaches the basics of building an ASP.NET Core MVC web app.

Aplikacja zarządza bazą danych tytułów filmu.The app manages a database of movie titles. Omawiane kwestie:You learn how to:

  • Utwórz aplikację internetową.Create a web app.
  • Dodawanie i tworzenie szkieletu modelu.Add and scaffold a model.
  • Pracuj z bazą danych.Work with a database.
  • Dodaj wyszukiwanie i sprawdzanie poprawności.Add search and validation.

Na końcu masz aplikację, która może zarządzać i wyświetlać dane filmu.At the end, you have an app that can manage and display movie data.

Wyświetlanie lub Pobieranie przykładowego kodu (jak pobrać).View or download sample code (how to download).

Wymagania wstępnePrerequisites

Tworzenie aplikacji internetowejCreate a web app

  1. Uruchom program Visual Studio i wybierz pozycję Utwórz nowy projekt.Start Visual Studio and select Create a new project.
  2. W oknie dialogowym Tworzenie nowego projektu wybierz pozycję ASP.NET Core aplikacja sieci Web > dalej.In the Create a new project dialog, select ASP.NET Core Web Application > Next.
  3. W oknie dialogowym Konfigurowanie nowego projektu wprowadź wartość MvcMovie w polu Nazwa projektu.In the Configure your new project dialog, enter MvcMovie for Project name. Ważne jest, aby użyć tej dokładnej nazwy, z uwzględnieniem wielkich liter, więc każdy pasuje do tego, namespace kiedy kod jest kopiowany.It's important to use this exact name including capitalization, so each namespace matches when code is copied.
  4. Wybierz pozycję Utwórz.Select Create.
  5. W oknie dialogowym Tworzenie nowej ASP.NET Core aplikacji sieci Web wybierz:In the Create a new ASP.NET Core web application dialog, select:
    1. Platformy .NET Core i ASP.NET Core 5,0 na liście rozwijanej..NET Core and ASP.NET Core 5.0 in the dropdowns.
    2. ASP.NET Core aplikacji sieci Web (Model-View-Controller).ASP.NET Core Web App (Model-View-Controller).
    3. UtwórzCreate

Tworzenie nowej aplikacji sieci Web ASP.NET CoreCreate a new ASP.NET Core web application

Aby zapoznać się z alternatywnymi metodami tworzenia projektu, zobacz Tworzenie nowego projektu w programie Visual Studio.For alternative approaches to create the project, see Create a new project in Visual Studio.

Program Visual Studio użył szablonu domyślnego dla projektu MVC, który właśnie został utworzony.Visual Studio used the default template for the MVC project you just created. Teraz masz działającą aplikację, wprowadzając nazwę projektu i wybierając kilka opcji.You have a working app right now by entering a project name and selecting a few options. Jest to podstawowy projekt startowy.This is a basic starter project.

Uruchamianie aplikacjiRun the app

Wybierz kombinację klawiszy CTRL-F5 , aby uruchomić aplikację w trybie bez debugowania.Select Ctrl-F5 to run the app in non-debug mode.

Program Visual Studio wyświetla następujące okno dialogowe:Visual Studio displays the following dialog:

Ten projekt jest skonfigurowany do korzystania z protokołu SSL.

Wybierz opcję tak , jeśli ufasz certyfikatowi IIS Express protokołu SSL.Select Yes if you trust the IIS Express SSL certificate.

Wyświetlane jest następujące okno dialogowe:The following dialog is displayed:

Okno dialogowe ostrzeżenia o zabezpieczeniach

Wybierz opcję tak , jeśli zgadzasz się ufać certyfikatowi Deweloperskiemu.Select Yes if you agree to trust the development certificate.

Aby uzyskać informacje na temat zaufania do przeglądarki Firefox, zobacz firefox SEC_ERROR_INADEQUATE_KEY_USAGE Certificate Error.For information on trusting the Firefox browser, see Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificate error.

  • Program Visual Studio jest uruchamiany IIS Express i uruchomi aplikację.Visual Studio starts IIS Express and runs the app. Zauważ, że pasek adresu pokazuje, localhost:port# a nie coś innego example.com .Notice that the address bar shows localhost:port# and not something like example.com. To dlatego, że localhost jest standardową nazwą hosta dla komputera lokalnego.That's because localhost is the standard hostname for your local computer. Podczas tworzenia projektu internetowego w programie Visual Studio dla serwera internetowego jest używany losowy port.When Visual Studio creates a web project, a random port is used for the web server.

  • Uruchamianie aplikacji za pomocą klawiszy CTRL + F5 (tryb bez debugowania) umożliwia wprowadzanie zmian w kodzie, zapisywanie pliku, odświeżanie przeglądarki i wyświetlanie zmian w kodzie.Launching the app with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and see the code changes. Wielu deweloperów woli używać trybu bez debugowania, aby móc szybko uruchomić aplikację i wyświetlić zmiany.Many developers prefer to use non-debug mode to quickly launch the app and view changes.

  • Możesz uruchomić aplikację w trybie debugowania lub bez debugowania z elementu menu Debuguj :You can launch the app in debug or non-debug mode from the Debug menu item:

    Menu Debuguj

  • Możesz debugować aplikację, wybierając przycisk IIS ExpressYou can debug the app by selecting the IIS Express button

    IIS Express

    Na poniższej ilustracji przedstawiono aplikację:The following image shows the app:

    Strona główna lub indeks

W następnej części tego samouczka znajdziesz informacje na temat MVC i zacznij pisać kod.In the next part of this tutorial, you learn about MVC and start writing some code.

Ten samouczek uczy się ASP.NET Core tworzenia aplikacji sieci Web MVC z kontrolerami i widokami.This tutorial teaches ASP.NET Core MVC web development with controllers and views. Jeśli dopiero zaczynasz pracę z ASP.NET Core programowaniem w sieci Web, weź pod uwagę wersję Razor Pages tego samouczka, która zapewnia łatwiejszy punkt startowy.If you're new to ASP.NET Core web development, consider the Razor Pages version of this tutorial, which provides an easier starting point.

Ten samouczek uczy się podstaw tworzenia aplikacji sieci Web ASP.NET Core MVC.This tutorial teaches the basics of building an ASP.NET Core MVC web app.

Aplikacja zarządza bazą danych tytułów filmu.The app manages a database of movie titles. Omawiane kwestie:You learn how to:

  • Utwórz aplikację internetową.Create a web app.
  • Dodawanie i tworzenie szkieletu modelu.Add and scaffold a model.
  • Pracuj z bazą danych.Work with a database.
  • Dodaj wyszukiwanie i sprawdzanie poprawności.Add search and validation.

Na końcu masz aplikację, która może zarządzać i wyświetlać dane filmu.At the end, you have an app that can manage and display movie data.

Wyświetlanie lub Pobieranie przykładowego kodu (jak pobrać).View or download sample code (how to download).

Wymagania wstępnePrerequisites

Tworzenie aplikacji internetowejCreate a web app

  • W programie Visual Studio wybierz pozycję Utwórz nowy projekt.From the Visual Studio select Create a new project.

  • Wybierz pozycję ASP.NET Core aplikacja sieci Web > dalej.Select ASP.NET Core Web Application > Next.

Nowa aplikacja sieci Web ASP.NET Core

  • Nadaj projektowi nazwę MvcMovie i wybierz pozycję Utwórz.Name the project MvcMovie and select Create. Ważne jest, aby nazwa MvcMovie projektu była taka sama, jak w przypadku kopiowania kodu, przestrzeń nazw będzie pasować.It's important to name the project MvcMovie so when you copy code, the namespace will match.

    Nowa aplikacja sieci Web ASP.NET Core

  • Wybierz pozycję aplikacja sieci Web (Model-View-Controller).Select Web Application(Model-View-Controller). Z listy rozwijanej wybierz pozycję .NET Core i ASP.NET Core 3,1, a następnie wybierz pozycję Utwórz.From the dropdown boxes, select .NET Core and ASP.NET Core 3.1, then select Create.

Okno dialogowe Nowy projekt, .NET Core w lewym okienku, ASP.NET Core WebNew project dialog, .NET Core in left pane, ASP.NET Core web

Program Visual Studio użył szablonu domyślnego dla projektu MVC, który właśnie został utworzony.Visual Studio used the default template for the MVC project you just created. Teraz masz działającą aplikację, wprowadzając nazwę projektu i wybierając kilka opcji.You have a working app right now by entering a project name and selecting a few options. Jest to podstawowy projekt startowy.This is a basic starter project.

Uruchamianie aplikacjiRun the app

Wybierz kombinację klawiszy CTRL-F5 , aby uruchomić aplikację w trybie bez debugowania.Select Ctrl-F5 to run the app in non-debug mode.

Program Visual Studio wyświetla następujące okno dialogowe:Visual Studio displays the following dialog:

Ten projekt jest skonfigurowany do korzystania z protokołu SSL.

Wybierz opcję tak , jeśli ufasz certyfikatowi IIS Express protokołu SSL.Select Yes if you trust the IIS Express SSL certificate.

Wyświetlane jest następujące okno dialogowe:The following dialog is displayed:

Okno dialogowe ostrzeżenia o zabezpieczeniach

Wybierz opcję tak , jeśli zgadzasz się ufać certyfikatowi Deweloperskiemu.Select Yes if you agree to trust the development certificate.

Aby uzyskać informacje na temat zaufania do przeglądarki Firefox, zobacz firefox SEC_ERROR_INADEQUATE_KEY_USAGE Certificate Error.For information on trusting the Firefox browser, see Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificate error.

  • Program Visual Studio jest uruchamiany IIS Express i uruchomi aplikację.Visual Studio starts IIS Express and runs the app. Zauważ, że pasek adresu pokazuje, localhost:port# a nie coś innego example.com .Notice that the address bar shows localhost:port# and not something like example.com. To dlatego, że localhost jest standardową nazwą hosta dla komputera lokalnego.That's because localhost is the standard hostname for your local computer. Podczas tworzenia projektu internetowego w programie Visual Studio dla serwera internetowego jest używany losowy port.When Visual Studio creates a web project, a random port is used for the web server.

  • Uruchamianie aplikacji za pomocą klawiszy CTRL + F5 (tryb bez debugowania) umożliwia wprowadzanie zmian w kodzie, zapisywanie pliku, odświeżanie przeglądarki i wyświetlanie zmian w kodzie.Launching the app with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and see the code changes. Wielu deweloperów woli używać trybu bez debugowania, aby móc szybko uruchomić aplikację i wyświetlić zmiany.Many developers prefer to use non-debug mode to quickly launch the app and view changes.

  • Możesz uruchomić aplikację w trybie debugowania lub bez debugowania z elementu menu Debuguj :You can launch the app in debug or non-debug mode from the Debug menu item:

    Menu Debuguj

  • Możesz debugować aplikację, wybierając przycisk IIS ExpressYou can debug the app by selecting the IIS Express button

    IIS Express

    Na poniższej ilustracji przedstawiono aplikację:The following image shows the app:

    Strona główna lub indeks

W następnej części tego samouczka znajdziesz informacje na temat MVC i zacznij pisać kod.In the next part of this tutorial, you learn about MVC and start writing some code.

Ten samouczek uczy się ASP.NET Core tworzenia aplikacji sieci Web MVC z kontrolerami i widokami.This tutorial teaches ASP.NET Core MVC web development with controllers and views. Jeśli dopiero zaczynasz pracę z ASP.NET Core programowaniem w sieci Web, weź pod uwagę wersję Razor Pages tego samouczka, która zapewnia łatwiejszy punkt startowy.If you're new to ASP.NET Core web development, consider the Razor Pages version of this tutorial, which provides an easier starting point.

Ten samouczek uczy się podstaw tworzenia aplikacji sieci Web ASP.NET Core MVC.This tutorial teaches the basics of building an ASP.NET Core MVC web app.

Aplikacja zarządza bazą danych tytułów filmu.The app manages a database of movie titles. Omawiane kwestie:You learn how to:

  • Utwórz aplikację internetową.Create a web app.
  • Dodawanie i tworzenie szkieletu modelu.Add and scaffold a model.
  • Pracuj z bazą danych.Work with a database.
  • Dodaj wyszukiwanie i sprawdzanie poprawności.Add search and validation.

Na końcu masz aplikację, która może zarządzać i wyświetlać dane filmu.At the end, you have an app that can manage and display movie data.

Wyświetlanie lub Pobieranie przykładowego kodu (jak pobrać).View or download sample code (how to download).

Wymagania wstępnePrerequisites

Ostrzeżenie

Jeśli używasz programu Visual Studio 2017, zobacz problem z usługą dotnet/sdk #3124 , aby uzyskać informacje o wersjach zestaw .NET Core SDK, które nie współpracują z programem Visual Studio.If you use Visual Studio 2017, see dotnet/sdk issue #3124 for information about .NET Core SDK versions that don't work with Visual Studio.

Tworzenie aplikacji internetowejCreate a web app

  • W programie Visual Studio wybierz pozycję Utwórz nowy projekt.From the Visual Studio select Create a new project.

  • Wybierz ASP.NET Core aplikacji sieci Web , a następnie wybierz przycisk dalej.Select ASP.NET Core Web Application and then select Next.

Nowa aplikacja sieci Web ASP.NET Core

  • Nadaj projektowi nazwę MvcMovie i wybierz pozycję Utwórz.Name the project MvcMovie and select Create. Ważne jest, aby nazwa MvcMovie projektu była taka sama, jak w przypadku kopiowania kodu, przestrzeń nazw będzie pasować.It's important to name the project MvcMovie so when you copy code, the namespace will match.

    Nowa aplikacja sieci Web ASP.NET Core

  • Wybierz pozycję aplikacja sieci Web (Model-View-Controller), a następnie wybierz pozycję Utwórz.Select Web Application(Model-View-Controller), and then select Create.

Okno dialogowe Nowy projekt, .NET Core w lewym okienku, ASP.NET Core WebNew project dialog, .NET Core in left pane, ASP.NET Core web

Program Visual Studio użył szablonu domyślnego dla projektu MVC, który właśnie został utworzony.Visual Studio used the default template for the MVC project you just created. Teraz masz działającą aplikację, wprowadzając nazwę projektu i wybierając kilka opcji.You have a working app right now by entering a project name and selecting a few options. Jest to podstawowy projekt początkowy i jest dobrym miejscem do rozpoczęcia.This is a basic starter project, and it's a good place to start.

Uruchamianie aplikacjiRun the app

Wybierz kombinację klawiszy CTRL-F5 , aby uruchomić aplikację w trybie bez debugowania.Select Ctrl-F5 to run the app in non-debug mode.

Program Visual Studio wyświetla następujące okno dialogowe:Visual Studio displays the following dialog:

Ten projekt jest skonfigurowany do korzystania z protokołu SSL.

Wybierz opcję tak , jeśli ufasz certyfikatowi IIS Express protokołu SSL.Select Yes if you trust the IIS Express SSL certificate.

Wyświetlane jest następujące okno dialogowe:The following dialog is displayed:

Okno dialogowe ostrzeżenia o zabezpieczeniach

Wybierz opcję tak , jeśli zgadzasz się ufać certyfikatowi Deweloperskiemu.Select Yes if you agree to trust the development certificate.

Aby uzyskać informacje na temat zaufania do przeglądarki Firefox, zobacz firefox SEC_ERROR_INADEQUATE_KEY_USAGE Certificate Error.For information on trusting the Firefox browser, see Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificate error.

  • Program Visual Studio jest uruchamiany IIS Express i uruchomi aplikację.Visual Studio starts IIS Express and runs the app. Zauważ, że pasek adresu pokazuje, localhost:port# a nie coś innego example.com .Notice that the address bar shows localhost:port# and not something like example.com. To dlatego, że localhost jest standardową nazwą hosta dla komputera lokalnego.That's because localhost is the standard hostname for your local computer. Podczas tworzenia projektu internetowego w programie Visual Studio dla serwera internetowego jest używany losowy port.When Visual Studio creates a web project, a random port is used for the web server.

  • Uruchamianie aplikacji za pomocą klawiszy CTRL + F5 (tryb bez debugowania) umożliwia wprowadzanie zmian w kodzie, zapisywanie pliku, odświeżanie przeglądarki i wyświetlanie zmian w kodzie.Launching the app with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and see the code changes. Wielu deweloperów woli używać trybu bez debugowania, aby móc szybko uruchomić aplikację i wyświetlić zmiany.Many developers prefer to use non-debug mode to quickly launch the app and view changes.

  • Możesz uruchomić aplikację w trybie debugowania lub bez debugowania z elementu menu Debuguj :You can launch the app in debug or non-debug mode from the Debug menu item:

    Menu Debuguj

  • Możesz debugować aplikację, wybierając przycisk IIS ExpressYou can debug the app by selecting the IIS Express button

    IIS Express

  • Wybierz pozycję Zaakceptuj, aby wyrazić zgodę na śledzenie.Select Accept to consent to tracking. Ta aplikacja nie śledzi informacji osobistych.This app doesn't track personal information. Kod wygenerowany przez szablon zawiera zasoby, które pomagają spełnić ogólne rozporządzenie o ochronie danych (Rodo).The template generated code includes assets to help meet General Data Protection Regulation (GDPR).

    Strona główna lub indeks

    Na poniższej ilustracji przedstawiono aplikację po przyjęciu śledzenia:The following image shows the app after accepting tracking:

    Strona główna lub indeks

W następnej części tego samouczka znajdziesz informacje na temat MVC i zacznij pisać kod.In the next part of this tutorial, you learn about MVC and start writing some code.