Bu öğretici, ASP.NET Core ve görünümlerle MVC web geliştirmeyi öğretir. Web geliştirmeyi yeni ASP.NET Core, daha kolay Razor bir başlangıç noktası sağlayan bu öğreticinin Sayfalar sürümünü göz önünde bulundurabilirsiniz. Bkz. ASP.NET Core kullanıcı arabirimi seçme Razor Sayfalar, MVC ve kullanıcı arabirimi Blazor geliştirme karşılaştırması.
Bu, denetleyiciler ve görünümler ile MVC web ASP.NET Core öğreten serinin ilk öğreticisidir.
Serinin sonunda film verilerini yöneten ve görüntüleyen bir uygulama olacak. Aşağıdakileri nasıl yapacağınızı öğrenirsiniz:
Aşağıdaki Visual Studio Code proje oluşturma gibi geliştirme işlevlerini ASP.NET Core .NET CLI'sini kullanır. Bu yönergeleri macOS, Linux veya Windows herhangi bir kod düzenleyicisiyle takip edin. Farklı bir şey kullanıyorsanız küçük değişiklikler Visual Studio Code.
Daha Mac için Visual Studio için bu öğreticinin .NET 5 sürümüne bakın.
Yeni proje oluştur iletişim kutusunda, ASP.NET Core Web Uygulaması (Model-View-Controller) öğesini > seçin.
Yeni projenizi yapılandır iletişim kutusunda, yeni MvcMovieprojenizin Project girin. Projeyi MvcMovie olarak adlatırmanız önemlidir. Kod kopyalanırken büyük/büyük namespace harfle ifadelerin her biri ile eşleşmesi gerekir.
İleri’yi seçin.
Ek bilgiler iletişim kutusunda.NET 6.0 (Uzun süreli destek) seçeneğini seçin.
'MvcMovie' içinde derlemek ve hata ayıklamak için gereken varlıklar'ın eksik olduğu bir iletişim kutusu görüntülenirse. Bunları ekleysin mi?, Evet'i seçin
dotnet new mvc -o MvcMovie: MvcMovie ASP.NET Core yeni bir MVC projesi oluşturur.
code -r MvcMovie: MvcMovie.csproj proje dosyasını Visual Studio Code.
Daha Mac için Visual Studio için bu öğreticinin .NET 5 sürümüne bakın.
Visual Studio çalıştırarak varsayılan tarayıcıyı açar.
Adres çubuğu gibi localhost:port# bir şey değil, example.com gösterir. Yerel bilgisayarınızın standart ana bilgisayar adı: localhost . Visual Studio bir web projesi oluşturduğunda, web sunucusu için rastgele bir bağlantı noktası kullanılır.
Ctrl+F5 tuşlarını seçerek uygulamayı hata ayıklamadan başlatmak şunları sağlar:
Kod değişiklikleri yapın.
Dosyayı kaydedin.
Tarayıcıyı hızla yenileyin ve kod değişikliklerine bakın.
Uygulamayı Hata Ayıklama menüsünden hata ayıklama veya hata ayıklama olmayan modda başlatabilirsiniz:
Araç çubuğundaki MvcMovie düğmesini seçerek uygulamada hata ayıklayabilirsiniz:
Aşağıdaki görüntüde uygulama gösterir:
Hata ayıklayıcı olmadan çalıştırmak için Ctrl+F5 tuşlarını seçin.
Aşağıdaki komutu çalıştırarak HTTPS geliştirme sertifikasına güvenin:
dotnet dev-certs https --trust
Yukarıdaki komut Linux'ta çalışmıyor. Bir sertifikaya güvenmeye ilişkin Linux dağıtım belgelerinize bakın.
Önceki komut, sertifikaya daha önce güvenilmdiği için aşağıdaki iletişim kutusunu görüntüler:
Geliştirme sertifikasına güvenmeyi kabul ediyorsanız Evet'i seçin.
Adres çubuğu gibi localhost:port:5001 bir şey değil, example.com gösterir. Yerel bilgisayarınızın standart ana bilgisayar adı: localhost . Localhost yalnızca yerel bilgisayardan gelen web isteklerine hizmet verir.
Ctrl+F5 tuşlarını seçerek uygulamayı hata ayıklamadan başlatmak şunları sağlar:
Kod değişiklikleri yapın.
Dosyayı kaydedin.
Tarayıcıyı hızla yenileyin ve kod değişikliklerine bakın.
Daha Mac için Visual Studio için bu öğreticinin .NET 5 sürümüne bakın.
Uygulamayı başlatmak > için Hata Ayıklama Olmadan Başlat'ı seçin.
Adres çubuğu gibi localhost:port# bir şey değil, example.com gösterir. Yerel bilgisayarınızın standart ana bilgisayar adı: localhost . Visual Studio bir web projesi oluşturduğunda, web sunucusu için rastgele bir bağlantı noktası kullanılır.
Uygulamayı Çalıştır menüsünden hata ayıklama veya hata ayıklama olmayan modda başlatabilirsiniz.
Bu öğretici, ASP.NET Core ve görünümlerle MVC web geliştirmeyi öğretir. Web geliştirmeyi yeni ASP.NET Core, daha kolay Razor bir başlangıç noktası sağlayan bu öğreticinin Sayfalar sürümünü göz önünde bulundurabilirsiniz. Bkz. ASP.NET Core kullanıcı arabirimi seçme Razor Sayfalar, MVC ve kullanıcı arabirimi Blazor geliştirme karşılaştırması.
Bu, denetleyiciler ve görünümler ile MVC web ASP.NET Core öğreten serinin ilk öğreticisidir.
Serinin sonunda film verilerini yöneten ve görüntüleyen bir uygulama olacak. Aşağıdakileri nasıl yapacağınızı öğrenirsiniz:
Aşağıdaki Visual Studio Code proje oluşturma gibi geliştirme işlevlerini ASP.NET Core .NET CLI'sini kullanır. Bu yönergeleri macOS, Linux veya Windows herhangi bir kod düzenleyicisiyle takip edin. Farklı bir şey kullanıyorsanız küçük değişiklikler Visual Studio Code.
Visual Studio başlatın ve yeni proje oluştur' u seçin.
yeni proje oluştur iletişim kutusunda ASP.NET Core Web uygulaması > ileri' yi seçin.
yeni projenizi yapılandırın iletişim kutusunda MvcMovieProject adı girin. Mvcfilmi adlı projeyi adlandırmak önemlidir. Kod kopyalanırken, büyük küçük harf her namespace eşleştirmelere eşleşmelidir.
Oluştur’u seçin.
yeni ASP.NET Core web uygulaması oluştur iletişim kutusunda şunları seçin:
.net Core ve ASP.NET Core 5,0 açılır.
ASP.NET Core Web uygulaması (Model-View-Controller).
Gerekli varlıklar içeren bir iletişim kutusu görüntülenirse ve hata ayıklama ' MvcMovie ' içinde yok. Bunlara eklensin mi?, Evet ' i seçin
dotnet new mvc -o MvcMovie: mvcmovie klasöründe yeni bir ASP.NET Core MVC projesi oluşturur.
code -r MvcMovie: Visual Studio Code ' de Mvcmovie. csproj proje dosyasını yükler.
Dosya > yeni çözüm' ü seçin.
sürüm 8,6 ' den önceki Mac için Visual Studio, ardından .net Core > uygulama > Web uygulaması (Model-View-Controller)' ı seçin > . Sürüm 8,6 veya sonraki sürümlerde Web ve konsol > uygulaması > Web uygulaması (Model-View-Controller) > İleri' yi seçin.
Yeni Web uygulamanızı yapılandırın iletişim kutusunda:
Kimlik doğrulamasının kimlik doğrulaması yok olarak ayarlandığını onaylayın.
Hedef çerçeve seçme seçeneği sunulursa, en son 5. x sürümünü seçin.
İleri’yi seçin.
Projeyi Mvcfilmi olarak adlandırın ve Oluştur' u seçin.
Adres çubuğu localhost:port# gibi bir şey gösterir example.com . Yerel bilgisayarınız için Standart ana bilgisayar adı localhost . Visual Studio bir web projesi oluşturduğunda, web sunucusu için rastgele bir bağlantı noktası kullanılır.
CTRL + F5 ' i seçerek uygulamayı hata ayıklamadan başlatmak şunları yapmanıza olanak sağlar:
Kod değişiklikleri yapın.
Dosyayı kaydedin.
Tarayıcıyı hızlıca yenileyin ve kod değişikliklerini görüntüleyin.
Hata ayıklama menü öğesinden uygulamayı hata ayıklama veya hata ayıklama olmayan modda başlatabilirsiniz:
IIS Express düğmesini seçerek uygulamada hata ayıklaması yapabilirsiniz
Aşağıdaki görüntüde uygulama gösterilmektedir:
Hata ayıklayıcı olmadan çalıştırmak için CTRL + F5 ' i seçin.
Aşağıdaki komutu çalıştırarak HTTPS geliştirme sertifikasına güvenin:
dotnet dev-certs https --trust
Yukarıdaki komut Linux'ta çalışmıyor. Bir sertifikaya güvenmeye ilişkin Linux dağıtım belgelerinize bakın.
Önceki komut, sertifikaya daha önce güvenilmdiği için aşağıdaki iletişim kutusunu görüntüler:
Geliştirme sertifikasına güvenmeyi kabul ediyorsanız Evet'i seçin.
Adres çubuğu localhost:port:5001 gibi bir şey gösterir example.com . Yerel bilgisayarınız için Standart ana bilgisayar adı localhost . Localhost yalnızca yerel bilgisayardan Web isteklerine hizmet verir.
CTRL + F5 ' i seçerek uygulamayı hata ayıklamadan başlatmak şunları yapmanıza olanak sağlar:
Kod değişiklikleri yapın.
Dosyayı kaydedin.
Tarayıcıyı hızlıca yenileyin ve kod değişikliklerini görüntüleyin.
Uygulamayı başlatmak için hata ayıklama olmadan Başlat ' ı seçin.
Adres çubuğu localhost:port# gibi bir şey gösterir example.com . Yerel bilgisayarınız için Standart ana bilgisayar adı localhost . Visual Studio bir web projesi oluşturduğunda, web sunucusu için rastgele bir bağlantı noktası kullanılır.
Uygulamayı Çalıştır menüsünden Hata Ayıkla veya hata ayıklama olmayan modda başlatabilirsiniz.
Bu öğretici, ASP.NET Core ve görünümlerle MVC web geliştirmeyi öğretir. Web geliştirmeyi yeni ASP.NET Core, daha kolay Razor bir başlangıç noktası sağlayan bu öğreticinin Sayfalar sürümünü göz önünde bulundurabilirsiniz. Bkz. ASP.NET Core kullanıcı arabirimi seçme Razor Sayfalar, MVC ve kullanıcı arabirimi Blazor geliştirme karşılaştırması.
bu, denetleyiciler ve görünümlerle ASP.NET Core MVC web geliştirmesini öğretir bir serinin ilk öğreticisidir.
Serinin sonunda, film verilerini yöneten ve görüntüleyen bir uygulamanız olacaktır. Aşağıdakileri nasıl yapacağınızı öğrenirsiniz:
Aşağıdaki Visual Studio Code, proje oluşturma .NET Core CLI geliştirme ASP.NET Core için temel bilgileri kullanır. Bu yönergeleri herhangi bir platformda (macOS, Linux veya Windows) ve herhangi bir kod düzenleyicisinde takip edin. Farklı bir şey kullanıyorsanız küçük değişiklikler Visual Studio Code. macOS'ta Visual Studio Code yükleme hakkında daha fazla bilgi için bkz. macOS'Visual Studio Code yükleme.
Projeyi Mvcfilmi olarak adlandırın ve Oluştur' u seçin. Kodu kopyaladığınızda, ad alanının eşleşmesi için, projeyi Mvcfilmi olarak adlandırmak önemlidir.
Web uygulaması (Model-View-Controller) seçeneğini belirleyin. açılan kutularda .net Core ve ASP.NET Core 3,1' i seçin ve ardından oluştur' u seçin.
Visual Studio, oluşturulan MVC projesi için varsayılan proje şablonunu kullandı. Oluşturulan proje:
Dizinleri ( cd ), projeyi içerecek bir klasöre değiştirin.
Şu komutu çalıştırın:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Gerekli varlıkların derlenmesi ve hata ayıklaması için ' Mvcfilmi ' içinde eksik olan bir iletişim kutusu görüntülenir. Bunlara eklensin mi?, Evet' i seçin.
dotnet new mvc -o MvcMovie: mvcmovie klasöründe yeni bir ASP.NET Core MVC projesi oluşturur.
code -r MvcMovie: Visual Studio Code ' de Mvcmovie. csproj proje dosyasını yükler.
Dosya > yeni çözüm' ü seçin.
sürüm 8,6 ' den önceki Mac için Visual Studio, ardından .net Core > uygulama > Web uygulaması (Model-View-Controller)' ı seçin > . Sürüm 8,6 veya sonraki sürümlerde Web ve konsol > uygulaması > Web uygulaması (Model-View-Controller) > İleri' yi seçin.
Yeni Web uygulamanızı yapılandırın iletişim kutusunda:
Kimlik doğrulamasının kimlik doğrulaması yok olarak ayarlandığını onaylayın.
Hedef çerçeve seçme seçeneği sunulursa, en son 3. x sürümünü seçin.
İleri’yi seçin.
Projeyi Mvcfilmi olarak adlandırın ve Oluştur' u seçin.
Adres çubuğu localhost:port# gibi bir şey gösterir example.com . Yerel bilgisayarınız için Standart ana bilgisayar adı localhost . Visual Studio bir web projesi oluşturduğunda, web sunucusu için rastgele bir bağlantı noktası kullanılır.
CTRL + F5 ' i seçerek uygulamayı hata ayıklamadan başlatmak şunları yapmanıza olanak sağlar:
Kod değişiklikleri yapın.
Dosyayı kaydedin.
Tarayıcıyı hızlıca yenileyin ve kod değişikliklerini görüntüleyin.
Hata ayıklama menü öğesinden uygulamayı hata ayıklama veya hata ayıklama olmayan modda başlatabilirsiniz:
IIS Express düğmesini seçerek uygulamada hata ayıklaması yapabilirsiniz
Aşağıdaki görüntüde uygulama gösterilmektedir:
Uygulamayı hata ayıklamadan çalıştırmak için CTRL + F5 ' i seçin.
Aşağıdaki komutu çalıştırarak HTTPS geliştirme sertifikasına güvenin:
dotnet dev-certs https --trust
Yukarıdaki komut Linux'ta çalışmıyor. Bir sertifikaya güvenmeye ilişkin Linux dağıtım belgelerinize bakın.
Önceki komut, sertifikaya daha önce güvenilmdiği için aşağıdaki iletişim kutusunu görüntüler:
Geliştirme sertifikasına güvenmeyi kabul ediyorsanız Evet'i seçin.
Adres çubuğu localhost:port:5001 gibi bir şey gösterir example.com . Yerel bilgisayarınız için Standart ana bilgisayar adı localhost . Localhost yalnızca yerel bilgisayardan Web isteklerine hizmet verir.
CTRL + F5 ' i seçerek uygulamayı hata ayıklamadan başlatmak şunları yapmanıza olanak sağlar:
Kod değişiklikleri yapın.
Dosyayı kaydedin.
Tarayıcıyı hızlıca yenileyin ve kod değişikliklerini görüntüleyin.
Uygulamayı başlatmak için hata ayıklama olmadan Başlat ' ı seçin.
Mac için Visual Studio: Kestrel sunucu başlatır, bir tarayıcı başlatır ve ' a gider http://localhost:port . burada bağlantı noktası rastgele seçilmiş bir bağlantı noktası numarasıdır.
Mac için Visual Studio aşağıdaki açılan pencereyi görüntüler:
Geliştirme sertifikasına güveniyorsanız Evet ' i seçin.
Aşağıdaki iletişim kutusu görüntülenir:
Parolanızı girin ve Tamam ' ı seçin.
Geliştirme sertifikasına güvenmeyi kabul ediyorsanız Evet ' i seçin.
Adres çubuğu localhost:port# gibi bir şey gösterir example.com . Yerel bilgisayarınız için Standart ana bilgisayar adı localhost . Visual Studio bir web projesi oluşturduğunda, web sunucusu için rastgele bir bağlantı noktası kullanılır. Uygulamayı çalıştırdığınızda, farklı bir bağlantı noktası numarası görürsünüz.
Uygulamayı Çalıştır menüsünden Hata Ayıkla veya hata ayıklama olmayan modda başlatabilirsiniz.
