ASP.NET Core MVC ile çalışmaya başlamaGet started with ASP.NET Core MVC

Gönderen Rick AndersonBy Rick Anderson

Bu öğreticide, denetleyiciler ve görünümlerle ASP.NET Core MVC web geliştirme öğretilir.This tutorial teaches ASP.NET Core MVC web development with controllers and views. Web geliştirme ASP.NET Core yeni başladıysanız, Bu öğreticinin daha kolay bir başlangıç noktası sağlayan Razor Pages sürümünü göz önünde bulundurun.If you're new to ASP.NET Core web development, consider the Razor Pages version of this tutorial, which provides an easier starting point.

Bu öğretici, ASP.NET Core MVC web uygulaması oluşturma hakkında temel bilgileri öğretir.This tutorial teaches the basics of building an ASP.NET Core MVC web app.

Uygulama, bir film başlıkları veritabanını yönetir.The app manages a database of movie titles. Aşağıdakileri nasıl yapacağınızı öğrenirsiniz:You learn how to:

  • Bir web uygulaması oluşturun.Create a web app.
  • Bir modeli ekleyin ve yapı iskelesi yapın.Add and scaffold a model.
  • Bir veritabanıyla çalışın.Work with a database.
  • Arama ve doğrulama ekleyin.Add search and validation.

Sonunda, film verilerini yönetebilen ve görüntüleyebilen bir uygulamanız vardır.At the end, you have an app that can manage and display movie data.

Örnek kodu görüntüleyin veya indirin (nasıl indirilir).View or download sample code (how to download).

ÖnkoşullarPrerequisites

Web uygulaması oluşturmaCreate a web app

  • Visual Studio 'da Yeni proje oluştur' u seçin.From the Visual Studio select Create a new project.

  • ASP.NET Core Web uygulaması ' nı seçin ve ardından İleri' yi seçin.Select ASP.NET Core Web Application and then select Next.

Yeni ASP.NET Core Web uygulaması

  • Projeyi Mvcfilmi olarak adlandırın ve Oluştur' u seçin.Name the project MvcMovie and select Create. Kodu kopyaladığınızda, ad alanının eşleşmesi için, projeyi Mvcfilmi olarak adlandırmak önemlidir.It's important to name the project MvcMovie so when you copy code, the namespace will match.

    Yeni ASP.NET Core Web uygulaması

  • Web uygulaması (Model-View-Controller) öğesini seçin ve ardından Oluştur' u seçin.Select Web Application(Model-View-Controller), and then select Create.

Yeni proje iletişim kutusu, sol bölmede .NET Core, ASP.NET Core WebNew project dialog, .NET Core in left pane, ASP.NET Core web

Visual Studio, az önce oluşturduğunuz MVC projesi için varsayılan şablonu kullandı.Visual Studio used the default template for the MVC project you just created. Şimdi bir proje adı girip birkaç seçenek belirleyerek, çalışan bir uygulamanız var.You have a working app right now by entering a project name and selecting a few options. Bu, temel bir başlatıcı projem.This is a basic starter project.

Uygulamayı çalıştırmaRun the app

Uygulamayı hata ayıklamasız modda çalıştırmak için CTRL-F5 ' i seçin.Select Ctrl-F5 to run the app in non-debug mode.

Visual Studio aşağıdaki iletişim kutusunu görüntüler:Visual Studio displays the following dialog:

Bu proje SSL kullanmak üzere yapılandırılmış.

IIS Express SSL sertifikasına güveniyorsanız Evet ' i seçin.Select Yes if you trust the IIS Express SSL certificate.

Aşağıdaki iletişim kutusu görüntülenir:The following dialog is displayed:

Güvenlik Uyarısı iletişim kutusu

Geliştirme sertifikasına güvenmeyi kabul ediyorsanız Evet ' i seçin.Select Yes if you agree to trust the development certificate.

  • Visual Studio IIS Express başlar ve uygulamayı çalıştırır.Visual Studio starts IIS Express and runs the app. Adres çubuğunda, localhost:port# gibi bir şey gösterilmediğine dikkat edin example.com .Notice that the address bar shows localhost:port# and not something like example.com. Bunun nedeni localhost , Yerel bilgisayarınız için Standart ana bilgisayar adıdır.That's because localhost is the standard hostname for your local computer. Visual Studio bir web projesi oluşturduğunda, web sunucusu için rastgele bir bağlantı noktası kullanılır.When Visual Studio creates a web project, a random port is used for the web server.

  • Uygulamayı CTRL + F5 (hata ayıklama modu) ile başlatmak, kod değişiklikleri yapmanıza, dosyayı kaydetmenize, tarayıcıyı yenilemanıza ve kod değişikliklerini görmenize olanak tanır.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. Birçok geliştirici uygulamayı hemen başlatmak ve değişiklikleri görüntülemek için hata ayıklamasız modu kullanmayı tercih eder.Many developers prefer to use non-debug mode to quickly launch the app and view changes.

  • Hata ayıklama menü öğesinden uygulamayı hata ayıklama veya hata ayıklama olmayan modda başlatabilirsiniz:You can launch the app in debug or non-debug mode from the Debug menu item:

    Hata ayıklama menüsü

  • IIS Express düğmesini seçerek uygulamada hata ayıklaması yapabilirsinizYou can debug the app by selecting the IIS Express button

    IIS Express

    Aşağıdaki görüntüde uygulama gösterilmektedir:The following image shows the app:

    Giriş veya dizin sayfası

Bu öğreticinin bir sonraki bölümünde, MVC hakkında bilgi edinirsiniz ve kod yazmaya başlayabilirsiniz.In the next part of this tutorial, you learn about MVC and start writing some code.

Bu öğreticide, denetleyiciler ve görünümlerle ASP.NET Core MVC web geliştirme öğretilir.This tutorial teaches ASP.NET Core MVC web development with controllers and views. Web geliştirme ASP.NET Core yeni başladıysanız, Bu öğreticinin daha kolay bir başlangıç noktası sağlayan Razor Pages sürümünü göz önünde bulundurun.If you're new to ASP.NET Core web development, consider the Razor Pages version of this tutorial, which provides an easier starting point.

Bu öğretici, ASP.NET Core MVC web uygulaması oluşturma hakkında temel bilgileri öğretir.This tutorial teaches the basics of building an ASP.NET Core MVC web app.

Uygulama, bir film başlıkları veritabanını yönetir.The app manages a database of movie titles. Aşağıdakileri nasıl yapacağınızı öğrenirsiniz:You learn how to:

  • Bir web uygulaması oluşturun.Create a web app.
  • Bir modeli ekleyin ve yapı iskelesi yapın.Add and scaffold a model.
  • Bir veritabanıyla çalışın.Work with a database.
  • Arama ve doğrulama ekleyin.Add search and validation.

Sonunda, film verilerini yönetebilen ve görüntüleyebilen bir uygulamanız vardır.At the end, you have an app that can manage and display movie data.

Örnek kodu görüntüleyin veya indirin (nasıl indirilir).View or download sample code (how to download).

ÖnkoşullarPrerequisites

Uyarı

Visual Studio 2017 kullanıyorsanız, Visual Studio ile çalışmayan .NET Core SDK sürümleri hakkında bilgi için bkz. DotNet/SDK sorun #3124 .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.

Web uygulaması oluşturmaCreate a web app

  • Visual Studio 'da Yeni proje oluştur' u seçin.From the Visual Studio select Create a new project.

  • ASP.NET Core Web uygulaması ' nı seçin ve ardından İleri' yi seçin.Select ASP.NET Core Web Application and then select Next.

Yeni ASP.NET Core Web uygulaması

  • Projeyi Mvcfilmi olarak adlandırın ve Oluştur' u seçin.Name the project MvcMovie and select Create. Kodu kopyaladığınızda, ad alanının eşleşmesi için, projeyi Mvcfilmi olarak adlandırmak önemlidir.It's important to name the project MvcMovie so when you copy code, the namespace will match.

    Yeni ASP.NET Core Web uygulaması

  • Web uygulaması (Model-View-Controller) öğesini seçin ve ardından Oluştur' u seçin.Select Web Application(Model-View-Controller), and then select Create.

Yeni proje iletişim kutusu, sol bölmede .NET Core, ASP.NET Core WebNew project dialog, .NET Core in left pane, ASP.NET Core web

Visual Studio, az önce oluşturduğunuz MVC projesi için varsayılan şablonu kullandı.Visual Studio used the default template for the MVC project you just created. Şimdi bir proje adı girip birkaç seçenek belirleyerek, çalışan bir uygulamanız var.You have a working app right now by entering a project name and selecting a few options. Bu, temel bir başlatıcı projem ve başlamak için iyi bir yerdir.This is a basic starter project, and it's a good place to start.

Uygulamayı çalıştırmaRun the app

Uygulamayı hata ayıklamasız modda çalıştırmak için CTRL-F5 ' i seçin.Select Ctrl-F5 to run the app in non-debug mode.

Visual Studio aşağıdaki iletişim kutusunu görüntüler:Visual Studio displays the following dialog:

Bu proje SSL kullanmak üzere yapılandırılmış.

IIS Express SSL sertifikasına güveniyorsanız Evet ' i seçin.Select Yes if you trust the IIS Express SSL certificate.

Aşağıdaki iletişim kutusu görüntülenir:The following dialog is displayed:

Güvenlik Uyarısı iletişim kutusu

Geliştirme sertifikasına güvenmeyi kabul ediyorsanız Evet ' i seçin.Select Yes if you agree to trust the development certificate.

  • Visual Studio IIS Express başlar ve uygulamayı çalıştırır.Visual Studio starts IIS Express and runs the app. Adres çubuğunda, localhost:port# gibi bir şey gösterilmediğine dikkat edin example.com .Notice that the address bar shows localhost:port# and not something like example.com. Bunun nedeni localhost , Yerel bilgisayarınız için Standart ana bilgisayar adıdır.That's because localhost is the standard hostname for your local computer. Visual Studio bir web projesi oluşturduğunda, web sunucusu için rastgele bir bağlantı noktası kullanılır.When Visual Studio creates a web project, a random port is used for the web server.

  • Uygulamayı CTRL + F5 (hata ayıklama modu) ile başlatmak, kod değişiklikleri yapmanıza, dosyayı kaydetmenize, tarayıcıyı yenilemanıza ve kod değişikliklerini görmenize olanak tanır.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. Birçok geliştirici uygulamayı hemen başlatmak ve değişiklikleri görüntülemek için hata ayıklamasız modu kullanmayı tercih eder.Many developers prefer to use non-debug mode to quickly launch the app and view changes.

  • Hata ayıklama menü öğesinden uygulamayı hata ayıklama veya hata ayıklama olmayan modda başlatabilirsiniz:You can launch the app in debug or non-debug mode from the Debug menu item:

    Hata ayıklama menüsü

  • IIS Express düğmesini seçerek uygulamada hata ayıklaması yapabilirsinizYou can debug the app by selecting the IIS Express button

    IIS Express

  • İzlemeye onay vermek için Kabul Et'i seçin.Select Accept to consent to tracking. Bu uygulama kişisel bilgileri izlemez.This app doesn't track personal information. Şablon tarafından oluşturulan kod, genel veri koruma yönetmeliği (GDPR)buluşmanıza yardımcı olan varlıkları içerir.The template generated code includes assets to help meet General Data Protection Regulation (GDPR).

    Giriş veya dizin sayfası

    Aşağıdaki görüntüde izlemeyi kabul ettikten sonra uygulama gösterilmektedir:The following image shows the app after accepting tracking:

    Giriş veya dizin sayfası

Bu öğreticinin bir sonraki bölümünde, MVC hakkında bilgi edinirsiniz ve kod yazmaya başlayabilirsiniz.In the next part of this tutorial, you learn about MVC and start writing some code.