Aracılığıyla paylaş


ASP.NET MVC 3 Sürümüne Giriş (C#)

tarafından Rick Anderson

Not

Bu öğreticinin ASP.NET MVC 5 ve Visual Studio 2013 kullanan güncelleştirilmiş bir sürümü burada bulunabilir. Daha güvenlidir, takip etmek çok daha kolaydır ve daha fazla özellik gösterir.

Bu öğreticide, Microsoft Visual Studio'nun ücretsiz sürümü olan Microsoft Visual Web Developer 2010 Express Service Pack 1'i kullanarak ASP.NET MVC Web uygulaması oluşturmanın temelleri öğretilecektir. Başlamadan önce, aşağıda listelenen önkoşulları yüklediğinizden emin olun. Aşağıdaki bağlantıya tıklayarak bunların tümünü yükleyebilirsiniz: Web Platformu Yükleyicisi. Alternatif olarak, aşağıdaki bağlantıları kullanarak önkoşulları tek tek yükleyebilirsiniz:

Visual Web Developer 2010 yerine Visual Studio 2010 kullanıyorsanız, şu bağlantıya tıklayarak önkoşulları yükleyin: Visual Studio 2010 önkoşulları.

C# kaynak kodu içeren bir Visual Web Developer projesi bu konuya eşlik edebilir. C# sürümünü indirin. Visual Basic'i tercih ediyorsanız, bu öğreticinin Visual Basic sürümüne geçin.

Oluşturacakların

Bir veritabanından film oluşturmayı, düzenlemeyi ve listelemeyi destekleyen basit bir film listeleme uygulaması uygulayacaksınız. Aşağıda derlediğ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:

FilmlerWithVariousSm

Uygulama ayrıca film eklemenizi, düzenlemenizi ve silmenizi ve 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ğrulama içerir.

Bir veritabanından film oluşturmayı ve listelemeyi destekleyen film listeleme uygulamasının ekran görüntüsü.

Öğreneceğiniz Beceriler

Şunları öğreneceksiniz:

  • Yeni bir ASP.NET MVC projesi oluşturma.
  • ASP.NET MVC denetleyicileri ve görünümleri oluşturma.
  • Entity Framework Code First paradigması kullanarak yeni veritabanı oluşturma.
  • Verileri alma ve görüntüleme.
  • Verileri düzenleme ve veri doğrulamayı etkinleştirme.

Başlarken

Visual Web Developer 2010 Express'i ("Kısaca Visual Web Geliştiricisi") çalıştırarak başlayın ve Başlangıçsayfasından Yeni Proje'yi seçin.

Visual Web Developer 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 IDE kullanırsınız. Visual Web Developer'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.)

Başlamak için Visual Web Developer 2010 Express'in ekran görüntüsü.

İlk Uygulamanızı Oluşturma

Programlama dili olarak Visual Basic veya Visual C# kullanarak uygulama oluşturabilirsiniz. Sol taraftaki Visual C# öğesini ve ardından MVC 3 Web Uygulaması'nı ASP.NET'ı seçin. Projenizi "MvcMovie" olarak adlandırıp Tamam'a tıklayın. (Visual Basic'i tercih ediyorsanız, bu öğreticinin Visual Basic sürümüne geçin.)

Programlama dili olarak Visual Basic veya Visual C Sharp kullanarak ilk uygulamanızı oluşturmak için Yeni Proje'nin ekran görüntüsü.

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

Yeni A S P 'nin ekran görüntüsü. İnternet Uygulaması'nın seçilmesi için N E T M V C 3 Projesi iletişim kutusu.

Tamam'a tıklayın. Visual Web Developer, 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 için varsayılan şablonu kullanan Visual Web Developer'ın ekran görüntüsü. Oluşturduğunuz N E T M V C projesi.

Hata Ayıklama menüsünde Hata Ayıklamayı Başlat'ı seçin.

Hata Ayıklamayı Başlat'ı seçmek için Hata Ayıkla menüsünün ekran görüntüsü.

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

F5, Visual Web Developer'ın bir geliştirme web sunucusu başlatmasına ve web uygulamanızı çalıştırmasına neden olur. Ardından Visual Web Developer 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ıza işaret eder ve bu durumda yeni oluşturduğunuz uygulamayı çalıştırır. Visual Web Developer bir web projesi çalıştırdığında, web sunucusu için rastgele bir bağlantı noktası kullanılır. Aşağıdaki resimde rastgele bağlantı noktası numarası 43246'dır. Uygulamayı çalıştırdığınızda büyük olasılıkla farklı bir bağlantı noktası numarası görürsünüz.

Bir tarayıcıyı başlatan ve uygulamaların giriş sayfasını açan Visual Web Developer'ın ekran görüntüsü.

Bu varsayılan şablon, ziyaret etmek için iki sayfa ve temel bir oturum açma sayfası sağlar. Sonraki adım, bu uygulamanın çalışma şeklini değiştirmek ve işlemdeki MVC ASP.NET hakkında biraz bilgi edinmektir. Tarayıcınızı kapatın ve biraz kod değiştirelim.