Visual Studio 2013'te ASP.NET Web Forms Kod Düzenleme

tarafından Erik Reitan

Birçok ASP.NET Web Formu sayfasında, Visual Basic, C# veya başka bir dilde kod yazarsınız. Visual Studio'daki kod düzenleyicisi, hatalardan kaçınmanıza yardımcı olurken hızlı bir şekilde kod yazmanıza yardımcı olabilir. Ayrıca düzenleyici, yapmanız gereken iş miktarını azaltmaya yardımcı olmak için yeniden kullanılabilir kod oluşturmanız için yollar sağlar.

Bu kılavuzda Visual Studio kod düzenleyicisinin çeşitli özellikleri gösterilmektedir.

Bu kılavuzda şunların nasıl yapılacağını öğreneceksiniz:

  • Satır içi kodlama hatalarını düzeltin.
  • Kodu yeniden düzenleme ve yeniden adlandırma.
  • Değişkenleri ve nesneleri yeniden adlandırın.
  • Kod parçacıkları ekleyin.

Önkoşullar

Bu kılavuzu tamamlamak için şunlar gerekir:

  • Microsoft Visual Studio 2013 veya Web için Microsoft Visual Studio Express 2013. .NET Framework otomatik olarak yüklenir.

    Uyarı

    Microsoft Visual Studio 2013 ve Web için Microsoft Visual Studio Express 2013 genellikle bu öğretici serisi boyunca Visual Studio olarak adlandırılır.

    Visual Studio kullanıyorsanız, bu kılavuzda Visual Studio'yu ilk kez başlattığınızda Web Geliştirme ayarları koleksiyonunu seçtiğiniz varsayılır. Daha fazla bilgi için bkz . Nasıl yapılır: Web Geliştirme Ortamı Ayarları'nı seçme.

Web uygulaması projesi ve Sayfa oluşturma

İzlenecek kılavuzun bu bölümünde bir Web uygulaması projesi oluşturacak ve projeye yeni bir sayfa ekleyeceksiniz.

Web uygulaması projesi oluşturmak için

  1. Microsoft Visual Studio'yu açın.

  2. Dosya menüsünde Yeni Proje'yi seçin.
    Dosya Menüsü

    Yeni Proje iletişim kutusu görünür.

  3. Soldaki Şablonlar ->Visual C# ->Web şablonları grubunu seçin.

  4. Orta sütunda ASP.NET Web Uygulaması şablonunu seçin.

  5. Projenize BasicWebApp adını verin ve Tamam düğmesine tıklayın.
    Yeni Proje iletişim kutusu

  6. Ardından , Web Forms şablonunu seçin ve tamam düğmesine tıklayarak projeyi oluşturun.
    Yeni ASP.NET Projesi iletişim kutusu

    Visual Studio, Web Forms şablonunu temel alan önceden oluşturulmuş işlevleri içeren yeni bir proje oluşturur.

Yeni ASP.NET Web Forms Sayfası oluşturma

ASP.NET Web Uygulaması proje şablonunu kullanarak yeni bir Web Forms uygulaması oluşturduğunuzda, Visual Studio Default.aspx adlı bir ASP.NET sayfası (Web Forms sayfası) ve diğer birkaç dosya ve klasör ekler. web uygulamanızın giriş sayfası olarak Default.aspx sayfasını kullanabilirsiniz. Ancak, bu izlenecek yol için yeni bir sayfa oluşturacak ve bu sayfayla çalışacaksınız.

Web uygulamasına sayfa eklemek için

  1. Çözüm Gezgini'nde Web uygulaması adına sağ tıklayın (bu öğreticide uygulama adı BasicWebSite'dir) ve ardından Ekle -> tıklayın.
    Yeni Öğe Ekle iletişim kutusu görüntülenir.
  2. Soldaki Visual C# ->Web şablonları grubunu seçin. Ardından, ortadaki listeden Web Formu'nu seçin ve FirstWebPage.aspx olarak adlandırın.
    Yeni Öğe Ekle iletişim kutusu
  3. Web Forms sayfasını projenize eklemek için Ekle'ye tıklayın.
    Visual Studio yeni sayfayı oluşturur ve açar.
  4. Ardından, bu yeni sayfayı varsayılan başlangıç sayfası olarak ayarlayın. Çözüm Gezgini'nde, FirstWebPage.aspx adlı yeni sayfaya sağ tıklayın ve Başlangıç Sayfası Olarak Ayarla'yı seçin. İlerleme durumumuzu test etmek için bu uygulamayı bir sonraki çalıştırmanızda, bu yeni sayfayı tarayıcıda otomatik olarak görürsünüz.

Satır içi Kodlama Hatalarını Düzeltme

Visual Studio'daki kod düzenleyicisi, kod yazarken hatalardan kaçınmanıza yardımcı olur ve hata yaptıysanız kod düzenleyicisi hatayı düzeltmenize yardımcı olur. İzlenecek kılavuzun bu bölümünde, düzenleyicideki hata düzeltme özelliklerini gösteren bir kod satırı yazacaksınız.

Visual Studio'da basit kodlama hatalarını düzeltmek için

  1. Tasarım görünümünde boş sayfaya çift tıklayarak sayfanın Load olayına yönelik bir işleyici oluşturun.
    Olay işleyicisini yalnızca kod yazmak için bir yer olarak kullanıyorsunuz.

  2. İşleyicinin içine hata içeren aşağıdaki satırı yazın ve ENTER tuşuna basın:

    string myStr = "Loading..."

    ENTER tuşuna bastığınızda kod düzenleyicisi, kodun sorun olan alanlarının altına yeşil ve kırmızı alt çizgiler (genellikle "dalgalı" satırlar olarak adlandırılır) yerleştirir. Yeşil alt çizgi bir uyarıyı gösterir. Kırmızı alt çizgi, düzeltmeniz gereken bir hatayı gösterir.

    Fare işaretçisini myStr üzerine getirip uyara ilişkin bilgi veren bir ipucu görebilirsiniz. Ayrıca, hata iletisini görmek için fare işaretçinizi kırmızı alt çizginin üzerinde tutun.

    Aşağıdaki görüntüde, altı çizili kod gösterilmektedir.

    Tasarım görünümünde hoş geldiniz metni
    Hata, satırın ; sonuna noktalı virgül eklenerek düzeltilmelidir. Henüz myStr değişkenini kullanmadığınıza dair size yalnızca bir uyarı bildirimi verilir.

    Uyarı

    Geçerli kod biçimlendirme ayarlarınızı Visual Studio'da Araçlar -> ->Yazı Tipleri ve Renkler'i seçerek görüntüleyebilirsiniz.

Yeniden Düzenleme ve Yeniden Adlandırma

Yeniden düzenleme, kodunuzun anlaşılmasını ve korunmasını kolaylaştırırken işlevselliğini korumak için yeniden yapılandırmayı içeren bir yazılım metodolojisidir. Basit bir örnek, veritabanından veri almak için bir olay işleyicisine kod yazmanız olabilir. Sayfanızı geliştirirken, birkaç farklı işleyiciden verilere erişmeniz gerektiğini fark edebilirsiniz. Bu nedenle, sayfada bir veri erişim yöntemi oluşturup işleyicilerde yöntemine çağrılar ekleyerek sayfanın kodunu yeniden düzenleyebilirsiniz.

Kod düzenleyicisi, çeşitli yeniden düzenleme görevlerini gerçekleştirmenize yardımcı olacak araçlar içerir. Bu kılavuzda iki yeniden düzenleme tekniğiyle çalışacaksınız: değişkenleri yeniden adlandırma ve yöntemleri ayıklama. Diğer yeniden düzenleme seçenekleri arasında alanları kapsülleme, yerel değişkenleri yöntem parametrelerine yükseltme ve yöntem parametrelerini yönetme sayılabilir. Bu yeniden düzenleme seçeneklerinin kullanılabilirliği koddaki konuma bağlıdır.

Kodu Yeniden Düzenleme

Yaygın bir yeniden düzenleme senaryosu, yöntem gibi başka bir üyenin içindeki koddan bir yöntem oluşturmak (ayıklamak)tır. Bu, özgün üyenin boyutunu küçültür ve ayıklanan kodu yeniden kullanılabilir hale getirir.

İzlenecek kılavuzun bu bölümünde, basit bir kod yazacak ve ondan bir yöntem ayıklayacaksınız. C# için yeniden düzenleme desteklenir, bu nedenle programlama dili olarak C# kullanan bir sayfa oluşturacaksınız.

C# sayfasındaki bir yöntemi ayıklamak için

  1. Tasarım görünümüne geçin.

  2. Araç Kutusu'nda, Standart sekmesinden bir Düğme denetimini sayfaya sürükleyin.

  3. Click olayı için bir işleyici oluşturmak için Düğme denetimine çift tıklayın ve ardından aşağıdaki vurgulanmış kodu ekleyin:

    protected void Button1_Click(object sender, EventArgs e)
{

    System.Collections.ArrayList alist = 
        new System.Collections.ArrayList();
    int i;
    string arrayValue;
    for(i=0; i<5; i++)
    {
        arrayValue = "i = " + i.ToString();
        alist.Add(arrayValue);
    }
    for(i=0; i<alist.Count; i++)
    {
        Response.Write("<br />" + alist[i]);
    };
}

    Kod bir ArrayList nesnesi oluşturur, değerlerle yüklemek için bir döngü kullanır ve ardından ArrayList nesnesinin içeriğini görüntülemek için başka bir döngü kullanır.

  4. Sayfayı çalıştırmak için CTRL+F5 tuşlarına basın ve ardından aşağıdaki çıkışı gördüğünüzden emin olmak için düğmeye tıklayın:

    i = 0
i = 1
i = 2
i = 3
i = 4

  5. Kod düzenleyicisine dönün ve olay işleyicisinde aşağıdaki satırları seçin.

    for(i=0; i<alist.Count; i++) 
{
      Response.Write("<br />" + alist[i]);
}

  6. Seçime sağ tıklayın, Yeniden Düzenle'ye tıklayın ve ardından Yöntemi Ayıkla'yı seçin.

    Ayıklama Yöntemi iletişim kutusu görüntülenir.

  7. Yeni Yöntem Adı kutusuna DisplayArray yazın ve Tamam'a tıklayın.

    Kod düzenleyicisi adlı DisplayArrayyeni bir yöntem oluşturur ve döngünün başlangıçta olduğu Click işleyicisinde yeni yönteme bir çağrı koyar.

    protected void Button1_Click(object sender, EventArgs e)
{
    System.Collections.ArrayList alist = 
        new System.Collections.ArrayList();
    int i;
    string arrayValue;
    for(i=0; i<5; i++)
    {
        arrayValue = "i = " + i.ToString();
        alist.Add(arrayValue);
    }
    i = DisplayArray(alist, i);
}

  8. Sayfayı yeniden çalıştırmak için CTRL+F5 tuşlarına basın ve düğmeye tıklayın.

    Sayfa, daha önce olduğu gibi çalışır. Yöntemi DisplayArray artık sayfa sınıfındaki herhangi bir yerden çağrılabiliyor.

Değişkenleri Yeniden Adlandırma

Değişkenlerle ve nesnelerle çalışırken, kodunuzda onlara zaten başvurulduktan sonra, onları yeniden adlandırmak isteyebilirsiniz. Ancak, başvurulardan birini yeniden adlandırmayı kaçırırsanız değişkenleri ve nesneleri yeniden adlandırmak kodun bozulmasına neden olabilir. Bu nedenle, yeniden adlandırmayı gerçekleştirmek için yeniden düzenlemeyi kullanabilirsiniz.

Bir değişkeni yeniden adlandırmak için refaktoring kullanma

  1. Click olay işleyicisinde aşağıdaki satırı bulun:

    System.Collections.ArrayList alist = 
    new System.Collections.ArrayList;

  2. Değişken adına alistsağ tıklayın, Yeniden Düzenle'yi ve ardından Yeniden Adlandır'ı seçin.

    Yeniden Adlandır iletişim kutusu görüntülenir.

  3. Yeni ad kutusuna ArrayList1 yazın ve Önizleme başvurusu değişiklikleri onay kutusunun seçili olduğundan emin olun. Daha sonra, Tamam'a tıklayın.

    Değişiklikleri Önizle iletişim kutusu görüntülenir ve yeniden adlandırdığınız değişkene yönelik tüm başvuruları içeren bir ağaç görüntüler.

  4. Değişiklikleri Önizle iletişim kutusunu kapatmak için Uygula'ya tıklayın.

    Özellikle seçtiğiniz örneğe başvuran değişkenler yeniden adlandırılır. Ancak, aşağıdaki satırdaki değişkenin alist yeniden adlandırılmadığını unutmayın.

    private int DisplayArray(System.Collections.ArrayList alist, 
    int i)

    Bu satırdaki değişken alist , yeniden adlandırdığınız değişkenle alist aynı değeri temsil etmediğinden yeniden adlandırılmaz. Bildirimdeki alist değişkenDisplayArray, bu yöntem için yerel bir değişkendir. Bu, değişkenleri yeniden adlandırmak için yeniden düzenleme kullanmanın düzenleyicide bul ve değiştir eylemi gerçekleştirmekten farklı olduğunu gösterir; yeniden düzenleme, üzerinde çalıştığı değişkenin semantiği hakkında bilgi sahibi olan değişkenleri yeniden adlandırır.

Kod Parçacıkları Ekleme

Web Forms geliştiricilerinin sıklıkla gerçekleştirmesi gereken birçok kodlama görevi olduğundan, kod düzenleyicisi bir kod parçacıkları kitaplığı veya önceden yazılmış kod blokları sağlar. Bu kod parçacıklarını sayfanıza ekleyebilirsiniz.

Visual Studio'da kullandığınız her dil, kod parçacıkları ekleme yönteminizde küçük farklılıklara sahiptir. Kod parçacıkları ekleme hakkında bilgi için bkz. Visual Basic IntelliSense Kod Parçacıkları. Visual C# içine kod parçacıkları ekleme hakkında bilgi için bkz. Visual C# Kod Parçacıkları.

Sonraki Adımlar

Bu kılavuzda visual studio 2010 kod düzenleyicisinin kodunuzdaki hataları düzeltme, kodu yeniden düzenleme, değişkenleri yeniden adlandırma ve kodunuza kod parçacıkları eklemeye yönelik temel özellikleri gösterilmiştir. Düzenleyicideki ek özellikler, uygulama geliştirmeyi hızlı ve kolay hale getirir. Örneğin, şunları yapmak isteyebilirsiniz:

  • IntelliSense seçeneklerini değiştirme, kod parçacıklarını yönetme ve çevrimiçi kod parçacıkları arama gibi IntelliSense özellikleri hakkında daha fazla bilgi edinin. Daha fazla bilgi için IntelliSense'i Kullanma bölümüne bakın.
  • Kendi kod parçacıklarınızı oluşturmayı öğrenin. Daha fazla bilgi için bkz. IntelliSense Kod Parçacıkları Oluşturma ve Kullanma
  • IntelliSense kod parçacıklarının Visual Basic'e özgü özellikleri (kod parçacıklarını özelleştirme ve sorun giderme gibi) hakkında daha fazla bilgi edinin. Daha fazla bilgi için bkz. Visual Basic IntelliSense Kod Parçacıkları
  • IntelliSense'in yeniden düzenleme ve kod parçacıkları gibi C#'ye özgü özellikleri hakkında daha fazla bilgi edinin. Daha fazla bilgi için bkz. Visual C# IntelliSense.
  • Last updated on