Öğretici: ASP.NET MVC uygulamasıyla EF Database First için görünümler oluşturma

MVC, Entity Framework ve ASP.NET yapı iskelesini kullanarak, var olan bir veritabanına arabirim sağlayan bir web uygulaması oluşturabilirsiniz. Bu öğretici serisi, kullanıcıların bir veritabanı tablosunda bulunan verileri görüntülemesine, düzenlemesine, oluşturmasına ve silmesine olanak tanıyan kodu otomatik olarak nasıl oluşturabileceğinizi gösterir. Oluşturulan kod, veritabanı tablosundaki sütunlara karşılık gelir.

Bu öğreticide, denetleyiciler ve görünümler oluşturmak için ASP.NET yapı iskelesi kullanmaya odaklanılır.

Bu öğreticide şunları yaptınız:

• yapı iskelesi ekleme
• Yeni görünümlere bağlantı ekleme
• Öğrenci görünümlerini görüntüleme
• Kayıt görünümlerini görüntüleme

Önkoşul

• Web uygulamasını ve veri modellerini oluşturma
• Visual Studio 2022 kullanırken Net Framework projesini ve öğe şablonlarını yükleyin.

yapı iskelesi ekleme

Model sınıfları için standart veri işlemleri sağlayacak kod oluşturmaya hazırsınız. Bir iskele öğesi ekleyerek kodu eklersiniz. Ekleyebileceğiniz yapı iskelesi türü için birçok seçenek vardır; bu öğreticide iskele, önceki bölümde oluşturduğunuz Öğrenci ve Kayıt modellerine karşılık gelen bir denetleyici ve görünümler içerir.

Projenizde tutarlılığı korumak için yeni denetleyiciyi mevcut Denetleyiciler klasörüne ekleyebilirsiniz. Denetleyiciler klasörüne sağ tıklayın ve Yeni İskeleli Öğe Ekle'yi>seçin.

Entity Framework kullanarak görünümlere sahip MVC 5 Denetleyicisi seçeneğini belirleyin. Bu seçenek, modelinizdeki verileri güncelleştirmek, silmek, oluşturmak ve görüntülemek için denetleyiciyi ve görünümleri oluşturur.

Model sınıfı için Öğrenci (ContosoSite.Models) öğesini seçin ve bağlam sınıfı için ContosoUniversityDataEntities (ContosoSite.Models) öğesini seçin. Denetleyici adını StudentsController olarak tutun.

Ekle'yi tıklatın.

Bir hata alırsanız, bunun nedeni projeyi önceki bölümde derlememiş olmanız olabilir. Öyleyse, projeyi oluşturmayı deneyin ve sonra iskelesi oluşturulmuş öğeyi yeniden ekleyin.

Kod oluşturma işlemi tamamlandıktan sonra projenizin Denetleyiciler ve Görüntüleme Öğrencileri klasörlerinde yeni bir denetleyici ve görünümler> görürsünüz.

Aynı adımları yeniden gerçekleştirin, ancak Kayıt sınıfı için bir iskele ekleyin. İşiniz bittiğinde, EnrollmentsController.cs bir dosyanız ve Kayıtlar adlı Görünümler'in altında Oluştur, Sil, Ayrıntılar, Düzenle ve Dizin görünümlerini içeren bir klasörünüz olur.

Yeni görünümlere bağlantı ekleme

Yeni görünümlerinize gitmenizi kolaylaştırmak için, öğrenciler ve kayıtlar için Dizin görünümlerine birkaç köprü ekleyebilirsiniz. Dosyayı, sitenizin giriş sayfası olan Views>Home>Index.cshtml'de açın. Jumbotron'un altına aşağıdaki kodu ekleyin.

<div>
    @Html.ActionLink("List of students", "Index", "Students")<br />
    @Html.ActionLink("List of enrollments", "Index", "Enrollments")
</div>

ActionLink yöntemi için ilk parametre, bağlantıda görüntülenecek metindir. İkinci parametre eylem, üçüncü parametre ise denetleyicinin adıdır. Örneğin, ilk bağlantı StudentsController'daki Dizin eylemine işaret eder. Gerçek köprü bu değerlerden oluşturulur. İlk bağlantı sonunda kullanıcıları Views/Students klasöründeki Index.cshtml dosyasına götürür.

Öğrenci görünümlerini görüntüleme

Projenize eklenen kodun öğrencilerin listesini doğru şekilde görüntülediğini ve kullanıcıların veritabanındaki öğrenci kayıtlarını düzenlemesine, oluşturmasına veya silmesine olanak sağladığını doğrulayacaksınız.

Görünümler>Giriş>Dizini.cshtml dosyasına sağ tıklayın ve Tarayıcıda Görüntüle'yi seçin. Uygulama giriş sayfasında Öğrenci listesi'ni seçin.

Dizin sayfasında, öğrencilerin listesine ve bu verileri değiştirmeye yönelik bağlantılara dikkat edin. Yeni Oluştur bağlantısını seçin ve yeni bir öğrenci için bazı değerler sağlayın. Oluştur'a tıklayın ve yeni öğrencinin listenize eklendiğine dikkat edin.

Dizin sayfasına dönün, Düzenle bağlantısını seçin ve bir öğrencinin bazı değerlerini değiştirin. Kaydet'e tıklayın ve öğrenci kaydının değiştirildiğine dikkat edin.

Son olarak Sil bağlantısını seçin ve Sil düğmesine tıklayarak kaydı silmek istediğinizi onaylayın.

Herhangi bir kod yazmadan, Student tablosundaki veriler üzerinde ortak işlemler gerçekleştiren görünümler eklediniz.

Bir alanın metin etiketinin, web sayfasında görüntülemek istediğiniz gibi olmayan database özelliğini (LastName gibi) temel aldığına dikkat etmiş olabilirsiniz. Örneğin, etiketin Soyadı olmasını tercih edebilirsiniz. Bu görüntü sorununu öğreticinin ilerleyen bölümlerinde düzeltirsiniz.

Kayıt görünümlerini görüntüleme

Veritabanınız Öğrenci ve Kayıt tabloları arasında bire çok ilişkisi ve Kurs ile Kayıt tabloları arasında bire çok ilişkisi içerir. Kayıt görünümleri bu ilişkileri doğru şekilde işler. Sitenizin giriş sayfasına gidin ve Kayıt listesi bağlantısını ve ardından Yeni Oluştur bağlantısını seçin.

Görünümde yeni kayıt kaydı oluşturmaya yönelik bir form görüntülenir. Özellikle, formun bir CourseID açılan listesi ve StudentID açılan listesi içerdiğine dikkat edin. her ikisi de ilgili tablolardaki değerlerle doldurulur.

Ayrıca, sağlanan değerlerin doğrulanması alanın veri türüne göre otomatik olarak uygulanır. Not bir sayı gerektirir, bu nedenle uyumsuz bir değer sağlamaya çalışırsanız bir hata iletisi görüntülenir: Not alanı bir sayı olmalıdır.

Otomatik olarak oluşturulan görünümlerin kullanıcıların veritabanındaki verilerle çalışmasını sağladığını doğruladınız. Bu serinin sonraki öğreticisinde veritabanını güncelleştirecek ve web uygulamasında ilgili değişiklikleri yapacaksınız.

Sonraki adımlar

Bu öğreticide şunları yaptınız:

• yapı iskelesi eklendi
• Yeni görünümlere bağlantılar eklendi
• Görüntülenen öğrenci görünümleri
• Görüntülenen kayıt görünümleri

Veritabanını değiştirmeyi öğrenmek için sonraki öğreticiye geçin.

Veritabanını değiştirme