Makale Özeti

Windows 8 Metro UI Üzerinde Database Üzerinden İşlem Yapmak Ve Veri Alma-Verme İşlemlerinin Nasıl Yapılacağı Hakkında Ayrıntılı Ders İçeriklerine Başlıyacağız ve İlk Dersimizden Hızlı Bir Giriş Yapalım

Makale

Merhaba Arkadaşlar Bu Benim İlk Yazım Windows 8 Metro UI Uygulama Geliştirenler ve Yeni Başlayanların Okuması Gerekn Yazılardan En Önemlisidir.
Bildiğiniz Üzere SqlConnection Metro UI da Bulunmamakta Hatta System.Data Bulunmamaktadır. Fakat Database Olarak XML Tabanlı Database Kullanılabilir. Peki Ben Nasıl Microsoft SQL Server Database den Veri Çekebilirim? Bu Sorunun Cevabını Bu Yazıda Cevabını Vereceğim.
Arkadaşlar Bildiğiniz Üzere Web Service ile Veritabanındaki Verilerimizi XML Tabanında Çekebiliyoruz. Ve Bu Asenkron Olarak Çalışmaktadır. Böylelikle Asenkron ile Performans Açısından da İşimiz Kolaylaşmaktadır.
Yeni Bir Proje Oluşturalım ve Uygulamamıza Başlayalım
http://f1302.hizliresim.com/16/2/jpfh6.png
Sonra Visual C# > Windows Store > Blank App (XAML)’i Seçip Projenize İsim Veriniz.
http://e1302.hizliresim.com/16/2/jpfhl.png

Proje Oluşturduktan Sonra Solution Explorer’dan Ana Solution Projemize Sağ Tıklayıp Add > New Web Project i Seçiniz.
http://e1302.hizliresim.com/16/2/jpfj4.png
Visual C# > ASP.NET Empty Web Site’i Seçip Bir Web Site Oluşturalım.

Sonra Web Siteye Sağ Tıklayıp Add > Add New Items ‘i Seçin

Web Servisi Seçin ve Sonra Bir İsim Veriniz


Tekrar Add > Add New Items ‘ı Seçin Sonra Linq To SQL ‘i Seçin ve İsim Verin Sonrada Ekleyin.
Server Explorer ı Açın

Data Connections ‘a Sağ Tıklayın Add Connections ‘a Tıklayın Microsoft SQL Server Database File ı Seçin

Burada Browse Tıklayın ve Sonrada Dosyayı Kaydedin.

Oluşan Database den Çift Tıklayın Tables ‘a Sağ Tıklayın ve New Table a Tıklayın. Kendinize Göre Table Oluşturun. Table nızı Uygun Yere Sürükleyin ve Kaydedin Sonra Web Sevisinizi Açınız.

Web Servisi Aşağıdaki Gibi kodlaryın
DataDataContext data = new DataDataContext ();
[WebMethod]
public List<Urunler> UrunGetir()
{
var gelen = from inc in data.Urunlers
select inc;
return gelen.ToList();
}
Bu Kodlar ile Urun adındaki Table ımın Tüm Verilerini Çekmektedir Kaydedin ve Web Sitemize Sağ Tıklayıp Build Web Site yi Tıklayın.

Projemize Gelip MainPage.xaml Dosyasını Açın ve Tasarım için Grid Tagları Arasına Şu Kodları Yazın
<GridView x:Name="view" HorizontalAlignment="Left" Margin="54,45,0,0" VerticalAlignment="Top" Width="784" Height="688">
<GridView.ItemTemplate>
<DataTemplate>
<Grid x:Name=”view” HorizontalAlignment="Left" Width="250" Height="250">
<Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}">
<Image Source="{Binding Urun_Resmi}" Stretch="UniformToFill" AutomationProperties.Name="{Binding Title}"/>
</Border>
<StackPanel VerticalAlignment="Bottom" Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}">
<TextBlock Text="{Binding Urun_Adi}" Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}" Style="{StaticResource TitleTextStyle}" Height="60" Margin="15,0,15,0"/>
<TextBlock Text="{Binding Urun_Fiyati}" Foreground="{StaticResource ListViewItemOverlaySecondaryForegroundThemeBrush}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap" Margin="15,0,15,10"/>
</StackPanel>
</Grid>
</DataTemplate>
</GridView.ItemTemplate>
</GridView>

Sonra MainPage.xaml ın yanındaki işarete basıp CodeBehind a Geçiniz (Mainpage.xaml.cs dosyasını açınız). Windows Store Projenize Sağ Tıklayın Add Servis Referance ı Tıklayınız.

Discover a basın ve siteyi keşfetsin. Sonra Go ya basın ve Sol bölümdeki Servis.asmx in sol tarafındaki işarete tıklayın ve altındaki seçin

Advenced a Tıklayın ve Aşağıdaki Gibi Ayarlarınızı Yapın.

Ayarları Yaptıktan Sonra Servisi Ekleyin Artık Kod Yazmaya Başlayabiliriz.

protected override void OnNavigatedTo(NavigationEventArgs e)
{
VeriGetir();
}
Servis.ServisSoapClient soap = new Servis.ServisSoapClient();
void VeriGetir()
{
var veri = soap.UrunGetirAsync();
view.ItemsSource = veri.Result.Body.UrunGetirResult.ToList();
}
Bu Kodları Yazın ve Projeyi Build a Basın. Projeyi Çalıştırın ve Sonuç

Bugünlük Dersimiz Bu Kadar Açıklayacağım Birkaç Not Var ve Dersim Bitmektedir. Tasarım Bölümünde Image ve TextBlock Kontrollerine Dikkat Ettiyseniz İçerisinde Image da Source, TextBlock da Text in içerisinde Binding Kelimesinin Yanındaki Kelimeler Nereden Geldi Derseniz Olay Şudur;
List olarak GridView.ItemsSource una attığımız için Bize ID,Urun_Adi,Urun_Fiyati ve Urun_Resmi adında veriler gelir bunların nerelere gideceğini column isimleri ile binding kelimesiyle belirleyebilirsiiz. Bu Dersmizi Buraya Kadar Arkadaşlar Yorumlarınızı ve Teşekkürlerinizi Bekliyorum Diğer Derslerimi de Bekleyin Yakında Geliyor. Beni Takip Edin Arkadaşlar Sırayla İzleyerek Kolayca Ulaşabilirsiniz. Bu Projenin Dosya Linklerini Paylaşalım
Video : http://www.mediafire.com/download.php?a1vuxs9t1i4xmgj
Proje Kodları : http://www.mediafire.com/?ari4e5rm7yl8azc
Anlatım (PDF) : http://www.mediafire.com/?za3a6b8bcak6y3e

Teşekkür Yorumlarınızı Bekliyorum