Takip Edin

ASP.NET MVC

ASP.NET MVC Uygulaması Oluşturma

asp.net mvc uygulaması oluşturma - öne çıkan görsel

Visual Studio’yu açıp aşağıdaki resimde gösterildiği gibi Create a New Project‘i seçelim:

asp.net mvc - create new project ekranı
Şekil 1: Visual Studio'da Yeni Bir Proje Oluşturma

Aşağıda gösterildiği gibi C# ‘ı seçtikten sonra ASP.NET Web Application (.NET Framework) ‘ı seçip Next butonuna tıklayalım:

asp.net mvc projesini oluştururken asp.net web application(.net framework) kısmını seçip Next butonuna tıkladık.

Project Name kısmına projeniz için uygun bir isim giriniz( FirstMVCApplication ). Ayrıca, üç nokta ile gösterilen butona tıklayarak projenizin konumunu değiştirebilirsiniz. Daha sonra Create butonuna tıklayalım:

asp.net mvc projesi için proje adı ve konumunu belirleme

Create a new ASP.NET Web Application penceresinden MVC ‘yi seçip Create butonuna tıklayalım:

create a new web application penceresinden MVC'yi seçtik.

Visual Studio, aşağıdaki resimde gösterildiği gibi varsayılan şablonu kullanarak basit bir MVC projesi oluşturana kadar bir süre bekleyin:

asp.net mvc - varsayılan şablonu kullanarak oluşturulan proje
Şekil 5: Visual Studio'da MVC Projesi

Projeyi hata ayıklama(debug) modunda çalıştırmak için F5 ‘e, hata ayıklamadan çalıştırmak içinse CTRL+F5 ‘e basınız. Uygulama, ana sayfayı tarayıcıda aşağıdaki resimde gösterildiği gibi açacaktır:

asp.net mvc uygulamasını çalıştırınca oluşan tarayıcı görüntüsü

MVC 5 projesi, varsayılan olarak Bootstrap 3’ün CSS ve Javascript dosyalarını içerdiğinden dolayı duyarlı(responsive) web sayfaları oluşturabilirsiniz. Bu duyarlı kullanıcı arayüzü, farklı cihazların ekran boyutuna göre görünümünü değiştirebilmektedir. Örneğin, mobil cihazlarda üst menü çubuğu, aşağıdaki resimde gösterildiği gibi değişecektir:

asp.net mvc projeyi çalıştırdıktan sonra tarayıcıının mobil cihazlarda oluşan görüntüsü

Bu şekilde, Visual Studio’yu kullanarak ASP.NET MVC uygulamanızı oluşturabilirsiniz.

Devamını oku

Popüler

error: Content is protected !!