Aracılığıyla paylaş

ASP.NET MVC 4’e Giriş

  • Makale

tarafından Rick Anderson

Bu öğreticinin güncelleştirilmiş bir sürümü burada Visual Studio 2013kullanılarak kullanılabilir. Yeni öğreticide, bu öğretici üzerinde birçok geliştirme sağlayan ASP.NET MVC 5 kullanılır.

Bu öğreticide, Microsoft Visual Studio Express 2012 veya Visual Web Developer 2010 Express Service Pack 1 kullanarak ASP.NET MVC 4 Web uygulaması oluşturmanın temelleri öğretilecektir. Visual Studio 2012 önerilir, öğreticiyi tamamlamak için herhangi bir şey yüklemeniz gerekmez. Visual Studio 2010 kullanıyorsanız aşağıdaki bileşenleri yüklemeniz gerekir. Aşağıdaki bağlantılara tıklayarak bunların tümünü yükleyebilirsiniz:

Visual Web Developer 2010 yerine Visual Studio 2010 kullanıyorsanız, ASP.NET MVC 4 için WPI yükleyicisini ve visual studio 2010 önkoşullarını yükleyin

C# kaynak koduna sahip bir Visual Web Developer projesi bu konuya eşlik edebilir. C# sürümünü indirin.

Öğreticide uygulamayı Visual Studio'da çalıştırırsınız. Uygulamayı bir barındırma sağlayıcısına dağıtarak da İnternet üzerinden kullanılabilir hale getirebilirsiniz. Microsoft, ücretsiz bir Windows Azure deneme hesabında en fazla 10 web sitesi için ücretsiz web barındırma hizmeti sunar. Visual Studio web projesini Windows Azure Web Sitesine dağıtma hakkında bilgi için bkz. Visual Studio ile ASP.NET web sitesi ve SQL Veritabanı oluşturma ve dağıtma. Bu öğreticide, SQL Server veritabanınızı Windows Azure SQL Veritabanı'na (eski adıyla SQL Azure) dağıtmak için Entity Framework Code First Migrations nasıl kullanılacağı da gösterilir.

Bu öğretici Rick Anderson ( @RickAndMSFT ) tarafından yazılmıştır.

Oluşturacakların

Not

Bu öğretici buradaVisual Studio 2013 kullanılarak kullanılabiliyorsa güncelleştirilmiş bir sürüm. Yeni öğreticide, bu öğretici üzerinde birçok geliştirme sağlayan ASP.NET MVC 5 kullanılır.

Bir veritabanından film oluşturmayı, düzenlemeyi, aramayı ve listelemeyi destekleyen basit bir film listeleme uygulaması uygulayacaksınız. Aşağıda, oluşturabileceğiniz uygulamanın iki ekran görüntüsü yer alır. Bir veritabanındaki filmlerin listesini görüntüleyen bir sayfa içerir:

M V C Film uygulaması Arama Dizini sayfasını gösteren ekran görüntüsü. Başlık arama çubuğuna Hayalet girilir.

Uygulama ayrıca film eklemenizi, düzenlemenizi ve silmenizi ve ayrıca tek tek filmlerle ilgili ayrıntıları görmenizi sağlar. Tüm veri girişi senaryoları, veritabanında depolanan verilerin doğru olduğundan emin olmak için doğrulamayı içerir.

M V C Film uygulaması Düzenleme sayfasını gösteren ekran görüntüsü. Yayın Tarihi ve Fiyat olmak üzere iki metin alanı vurgulanır ve kullanıcıdan doğru değerleri girmesini ister.

Başlarken

başlangıç olarak Visual Studio Express 2012 veya Visual Web Developer 2010 Express'i çalıştırın. Bu serideki ekran görüntülerinin çoğunda Visual Studio Express 2012 kullanılır, ancak bu öğreticiyi Visual Studio 2010/SP1, Visual Studio 2012, Visual Studio Express 2012 veya Visual Web Developer 2010 Express ile tamamlayabilirsiniz. Başlangıçsayfasından Yeni Proje'yi seçin.

Visual Studio bir IDE veya tümleşik geliştirme ortamıdır. Belge yazmak için Microsoft Word kullandığınız gibi, uygulama oluşturmak için de bir IDE kullanırsınız. Visual Studio'da üst kısımda kullanabileceğiniz çeşitli seçenekleri gösteren bir araç çubuğu vardır. Ayrıca, IDE'de görevleri gerçekleştirmek için başka bir yol sağlayan bir menü de vardır. (Örneğin, Başlangıçsayfasından Yeni Proje'yi seçmek yerine menüyü kullanabilir ve Dosya'yı> seçebilirsinizYeni Proje.)

Visual Studio Express Başlangıç sayfasını gösteren ekran görüntüsü. Yeni Proje seçeneği vurgulanır.

İlk Uygulamanızı Oluşturma

Programlama dili olarak Visual Basic veya Visual C# kullanarak uygulama oluşturabilirsiniz. Soldaki Visual C# öğesini ve ardından MVC 4 Web Uygulaması'nı ASP.NET seçin. Projenizi "MvcMovie" olarak adlandırıp Tamam'a tıklayın.

Yeni Proje penceresini gösteren ekran görüntüsü. S P noktalı NET M V C 4 Web Uygulaması seçilir.

Yeni ASP.NET MVC 4 Projesi iletişim kutusunda İnternet Uygulaması'nı seçin. Razor'ı varsayılan görünüm altyapısı olarak bırakın.

Yeni A S P nokta NET M V C 4 Proje penceresini gösteren ekran görüntüsü. İnternet Uygulaması şablonu seçilidir.

Tamam'a tıklayın. Visual Studio, az önce oluşturduğunuz ASP.NET MVC projesi için varsayılan bir şablon kullandı, bu nedenle şu anda hiçbir şey yapmadan çalışan bir uygulamanız var! Bu basit bir "Merhaba Dünya!" projesidir ve uygulamanızı başlatmak için iyi bir yerdir.

A S P noktası NET M V C Proje Giriş Denetleyicisi c s ve Çözüm Gezgini sekmelerinin açıldığını gösteren ekran görüntüsü.

Hata Ayıklamenüsünden Hata Ayıklamayı Başlat'ı seçin.

A S P nokta NET M V C projesi DEBUG açılan menüsünü gösteren ekran görüntüsü. Hata Ayıklamayı Başlat seçeneği seçilidir.

Hata ayıklamayı başlatmak için klavye kısayolunun F5 olduğuna dikkat edin.

F5, Visual Studio'yu IIS Express başlatmasına ve web uygulamanızı çalıştırmasına neden olur. Ardından Visual Studio bir tarayıcı başlatır ve uygulamanın giriş sayfasını açar. Tarayıcının adres çubuğunda gibi example.combir şey değil ifadesinin olduğuna localhost dikkat edin. Bunun nedeni localhost her zaman kendi yerel bilgisayarınızı işaret eder ve bu durumda yeni oluşturduğunuz uygulamayı çalıştırır. Visual Studio bir web projesi çalıştırdığında, web sunucusu için rastgele bir bağlantı noktası kullanılır. Aşağıdaki resimde bağlantı noktası numarası 41788'dir. Uygulamayı çalıştırdığınızda büyük olasılıkla farklı bir bağlantı noktası numarası görürsünüz.

M V C Film Giriş sayfasını gösteren ekran görüntüsü.

Bu varsayılan şablon size Giriş, Kişi ve Hakkında sayfalarını verir. Ayrıca kaydolma ve oturum açma desteği ile Facebook ve Twitter'a bağlantılar sağlar. Bir sonraki adım, bu uygulamanın çalışma şeklini değiştirmek ve MVC ASP.NET hakkında biraz bilgi edinmektir. Tarayıcınızı kapatın ve kodu değiştirelim.

Sonraki