Asp.Net-WebApp & Mongo DB

Merhabalar,

Bugünkü yazımızda asp.net ile web üzerinden mongodb ye insert update delete işlemi yapıyor olacağız.

Bunun için visual studio da web -> “asp.net empty web application” ı seçip yeni bir proje başlatıyoruz.


1

Northwind database i olmasa ne yapacaktık değil mi 🙂 Neyse,resimkine benzer bir from ekranı oluşturuyoruz.Bunun için studio nun üst sekmesinden table ı kullanabilirsiniz.Daha sonra da kaydet butonunun içine çift tıklıyoruz ;

Mongodb nin dll lerini yüklüyoruz öncelikle yine ;


2

Daha sonra da ekranda ki gibi kodlarımızı yazdıktan sonra web üzerinden gelen veriyi mongodb ye kaydetmiş olacağız. ;

3
Web Ekranı
4
Robomongo Ekranı

Insert işlemini gerçekleştirdik,şimdi ekrana yansıtmak için veriyi ;


20

Amacımız web sitemiz post back olmadan veriyi veritabanından getirip ekrana yansıtmak,bunun içinde toolbox tan ajax extension altından scriptmanager ı ve update panel i html tag lerimiz arasına alıyoruz.Son olarakta bir adet gridview,checkbox ve buton ekliyoruz.


21

Design görüntüsü şu şekilde olacaktır,daha sonra da Kayıtları Getir butona çift tıklayıp ;


22

Mongodb deki veriyi gridview e alıyoruz.Uygulamayı çalıştırıp Kayıtları Getir e tıkladığımızda da ;

23
web ekran

Kayıtları getir e tıkladığımız zaman web sayfası üzerinde sayfa yenilenmeden verilerimizi görüntülemiş oluyoruz.

Update ve Delete işlemleri için checkbox ları kullanacağız ;

Öncelikle düzenle butonumuzun adını “Seç” olarak değiştiriyorum,description textbox ının karşısına da seç e tıkladıktan sonra açılan bir düzenle butonu ekliyorum,Seç butonumun altına da checkbox ı seçildiği satırın verilerini textbox lara gönderecek şekilde kodlamasını yaptıktan sonra ;


24

Güncelle butonun içeriği de yukarıdaki gibi olacaktır,böylece textbox a yansıtılan satırının içeriği değiştirilip update ettiğimizde verileri hem mongodb ye gönderip  hem de tekrar ekrana güncel halini yansıtıyor olacağız ;


25

Henüz az sayıda veri olduğu için güncellemem gereken satır ı arama textbox ı  eklemedim,bir sonraki aşamalarda onu da kullanıyor oluruz.Vee  güncelle dediğimizde de ;


26

Update işlemimizi tamamlamış bulunuyoruz. Şimdi son olarak delete işlemini gerçekleştirip bu uygulamamızı da sonlandıralım ;


30

Çoklu silme işlemi yapacağımız için gridview ün CommandField ının  ShowDeleteButton özelliği yerine yine checkbox ları kullanıp,silme işleminden emin olup olunmadığını bir sil butonu ekleyip onClientClick olayına “return confirm(‘Silmek istediğine emin misin ?’);” scriptini yazıp ;

28
web ekran ;

onay verilmesi durumunda sildirme işlemini yaptırıyoruz ;

29
web-robomongo

Mongodb yi web üzerinden asp.net ile manipüle etmiş olduk,bir sonraki yazımızda görüşmek üzere 🙂

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s