Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Sinan Arslan tarafından sunulan bir ASP.NET MVC eğitim içeriğidir. Eğitmen, kod yazarak adım adım uygulamayı göstermektedir.
- Video, MVC üzerinde dropdown list kullanımını kapsamlı şekilde ele almaktadır. İçerik, veritabanı oluşturma, şehirler ve ilçeler tablolarının oluşturulması, Entity Framework ile model oluşturma, Visual Studio'da MVC projesi oluşturma, şehir listesini model üzerinden oluşturma ve dropdown list olarak sayfaya aktarma, şehir seçildiğinde otomatik olarak ilçe listesinin doldurulması ve AJAX ile veritabanından veri çekme işlemlerini kapsamaktadır.
- Eğitim, NBC uygulama serisinin bir parçası olup yaklaşık 50 dakika sürmektedir. Ayrıca, JavaScript kullanarak dropdown list değişikliklerini yakalama, veritabanından veri çekme ve seçilen değerlerin veritabanına kaydedilmesi işlemleri de detaylı olarak anlatılmaktadır.
- MVC Üzerinde Dropdown List Kullanımı
- Bu bölümde MVC üzerinde dropdown list kullanımına bakılacak.
- HTML body fon kullanarak dropdown listler doldurulacak ve bunlar birbirine bağlı olarak doldurulacak.
- İşlemler ayak işlemleri ile gerçekleştirilecek.
- 00:34Veritabanı Oluşturma
- İlk aşamada yeni bir veritabanı oluşturuluyor.
- İlk tablo "şehirler" olarak oluşturuluyor, şehir id'si integer veri tipi ve primary key olarak ayarlanıyor.
- İkinci tablo "ilçeler" olarak oluşturuluyor, şehir id'si integer ve primary key olarak ayarlanıyor, ayrıca şehir id ve ilçe adı alanları ekleniyor.
- 02:34Veritabanı İlişkileri ve Veri Ekleme
- İki tablo arasındaki ilişki oluşturuluyor, şehirler tablosundaki şehir id'si ilçeler tablosundaki şehir id ile ilişkilendiriliyor.
- Şehirler tablosuna İstanbul, Ankara ve Balıkesir şehirleri ekleniyor.
- İlçeler tablosuna İstanbul için Ataşehir, Kadıköy ve Üsküdar; Ankara için Kızılay ve Balla; Balıkesir için Ayvalık ve Akça ilçeleri ekleniyor.
- 04:20MVC Projesi Oluşturma
- Visual Studio'da yeni bir MVC projesi başlatılıyor.
- Template olarak Base seçiliyor ve view engine olarak Razer kullanılıyor.
- Solution Store bölümünde master page ve bundle script dosyaları görülebiliyor.
- 05:56Entity Framework ile Veritabanı Bağlantısı
- Models klasörüne sağ tıklayıp "Data Tabu" içerisinden "Auto Admin Entity Modeli" ekleniyor.
- Entity Framework'den "Entity Premier From Database" seçeneği ile mevcut veritabanı bağlanıyor.
- Veritabanından gelen tablolar class yapısına çevriliyor ve referanslar bölümünde Entity Framework ekleniyor.
- 09:21Kullanıcı Modeli Oluşturma
- Kullanıcıya kendi yapılarımızı göstermek için "Şehir" modeli oluşturuluyor.
- Şehir modelinde şehir id'si integer tipinde, ilçe id'si integer tipinde ve select list item'lar ekleniyor.
- Şehir listesi ve ilçe listesi için select list item'lar oluşturuluyor.
- 11:55Home Kontrolü ve View Oluşturma
- Proje içerisinde herhangi bir kontrol olmadığı için Home kontrolü oluşturuluyor.
- Home kontrolüne index metodu ekleniyor ve layout master page seçeneği işaretleniyor.
- Index view'ı oluşturuluyor ve ana sayfa yazısı ekleniyor.
- 12:58Dropdown List Doldurma
- Home kontrolünde sayfa ilk açıldığında dropdown listin dolu olmasını sağlamak için gerekli işlemler yapılıyor.
- Veritabanından gelen veriler alınıp liste tipinde şehirler listesine ekleniyor.
- Şehir listesi select list item'a çevrilerek kullanıcıya gösterilecek.
- 15:39Şehir Listesi Oluşturma
- Model içerisindeki şehir listesine eşittir diyerek "from sh" ile şehir listesi oluşturuluyor.
- Select list item ile şehir listesi oluşturulup, id değeri string'e çevriliyor.
- Oluşturulan liste, view model içerisindeki share listesine veri olarak basılıyor.
- 18:01HTML Form Tasarımı
- Form etiketi kullanılarak dropdown list oluşturuluyor ve modelden gelen şehir listesi ile dolduruluyor.
- İkinci dropdown list için ilçe id'sinden değer alınacak şekilde model içerisindeki ilçe listesinden örnek alınıyor.
- Veritabanına kayıt işlemleri için submit tipi bir buton ekleniyor.
- 21:45Controller ve View Model İşlemleri
- Home kontrolünün create metodu oluşturuluyor ve view model alınıyor.
- Şehir view modelinden instance alındığında, ilçe listesi de new selectlist ile örnek alınıyor.
- Dropdown listlerin sıfırıncı indeksine "Seçiniz" yazısı ve boş değer atanıyor.
- 25:37JavaScript ve AJAX İşlemleri
- Index.html sayfasına section script eklenerek JavaScript kodları eklenebiliyor.
- Home controller'a "get list" adında bir metod ekleniyor ve şehir id'si parametresi alıyor.
- Şehir id'sine göre veritabanından ilçeler çekiliyor ve selectlist item'a dönüştürülüyor.
- 32:56AJAX Çağrısı ve Sonuç
- JavaScript ile dropdown id'si yakalanıyor ve change fonksiyonu oluşturuluyor.
- Şehir listesi değiştiğinde, seçilen şehrin id'si alınıyor.
- Seçilen şehir id'sine göre ilçe listesi oluşturuluyor.
- 35:55Ajax İşlemleri ve URL Ayarları
- Ajax işlemlerine geçmek için URL, metod ve data type ayarları yapılıyor.
- URL'de "get michlist" metodu kullanılıyor ve type'ı "post" olarak belirleniyor.
- Data type'ı JSON formatında değer göndermek için ayarlanıyor ve metod olarak id değeri data ile gönderiliyor.
- 37:37Sayfa Kaynağı İncelemesi
- Sayfa kaynağında HTML begin formdan forma dönüşmekte ve action, control name ve form yöntemi bilgileri görülebiliyor.
- Drop listin ailesi ve options yapısı sayfa kaynağında bulunuyor.
- Seçilen değerlerin (option'lar) değerlerini gönderip alıp kullanabilmek gerekiyor.
- 38:43Ajax Verilerini İşleme
- Function data içerisinde dolaşmak için dolar each kullanılıyor ve dropdown listesinin içerisindeki index değerleri alınıyor.
- Listeye bulunan ilçeler getirilip option'lar ekleniyor.
- Option'ların value'su ve text'i alınarak listeye ekleniyor.
- 41:03Uygulama Testi
- Uygulama ilk çalıştırıldığında breakpoint atılarak hangi kodların çalıştığı kontrol ediliyor.
- İstanbul seçildiğinde 1 numaralı id geldi ve veritabanından Üsküdar, Kadıköy ve Ataşehir ilçeleri çekildi.
- Seçilen ilçe ve ilçeleri veritabanına kaydetme işlemi yapıldı.
- 47:22Video Kapanışı
- Video yaklaşık 50 dakikaya geldi ve NBC uygulama serisinin sonuna ulaşıldı.
- HTML begin form, checkbox disk doldurma ve NBC içerisindeki örnekler blog üzerinden paylaşılacak.
- İzleyicilere teşekkür edilerek bir sonraki videoda görüşmek üzere veda edildi.