DevExtreme ile Web Servis Kullanımı

Posted on 2015-11-18 by Burak Hamdi TUFAN
Mobile
DevExtreme ile Web Servis Kullanımı
Herkese Merhaba. Bu yazıda sizlere devextreme ile mobil uygulama geliştirirken çok işimize yarayacak bir sistemi anlatacağım. Devextreme ile Web servisler kullanarak mobil programımız ile internetteki veritabanımıza erişip veya başka sayfalara erişip oralardan veriler çekebiliriz.

İlk olarak Web servis nedir Ondan bahsedeyim.

Web servis : Programımıza internetteki veritabanımıza erişim bilgilerini eklememek amacıyla bir serverda tutulan dosyalarımızdır. Program bu dosyaları çalıştırarak ona gönderdiği gerekli parametreler ile işlem yaptırır ve sonucu döndürür. Ve böylece bilgilerimizi güvende tutmuş oluruz.

Fakat Herzaman şunu söylerim Web servis dosyanızı akıllı bir şekilde kodlayamazsanız yinede bilgilerinizi koruyamazsınız. Bu yüzden ilk başta ne yapacağımızı belirleyip Web servis dosyamızı çok mantıklı ve güvenli bir şekilde kodlamalıyız.

Şimdi geçelim konumuza. Ben Web servis dosyamda herhangi bir işlem yaptırmayacağım. Sadece web servise parametre göndereceğim ve o parametreye göre bana geri değer döndürmesini sağlayacağım. İleriki yazılarda Başka işlemlerde yapacağız.

İlk olarak size Web servisin ne yapacağını ve nasıl çalışacağını anlatayım.

Web servisimize il isimleri göndereceğim ve oda bana ilin bölgesini söyleyecek. Bu tabii bütün iller olmayacak sadece basit bir kaçtane elle gireceğim. Veritabanı ile olan işlemler daha sonra yapacağız.

Aşağıda web servisimin kodları bulunmaktadır.



Gördüğünüz üzere basit olarak bişeyler yazdık ve burdan veri alacağız. Burda amaç sadece veri almaktır. İleriye doğru başka işlemlerde yapacağız.
Şimdi ise programımıza geçelim. Programımızda ise Ajax ile veri göndereceğiz. Ve eğer cevap geliyorsa gelen cevabı ekrana bastıracağız.


btnRuyaAra: function () {

            var textBox = $("#is").dxTextBox("instance");
            var il_adi = textBox.option('value');

            var deger = "il=" + il_adi;

            $.ajax({
                url: "web_servisimizin bulunduğu link...",
                type: "POST",
                data: deger,
                success: function (data) {

                    $("#cevap").html(data);
                }
            });

        },

Bu fonksiyon ilede gelen cevabı ekrana yazdırıyoruz.

Şimdi Programımızı çalıştıralım ve programımızın çalışıp çalışmadığını görelim arkadaşlar...

Aşağıdaki resimde gördüğümüz gibi boş veri girdiğimizde web serviste kodladığımız gibi şehir girmelisiniz dedi ve bir ilimizi yazıdğımızda ise bölgesini bize getirdi. Bu en basit şekilde bir web servis mantığıdır. Bundan sonraki yazılarımızda daha gelişmiş web servisler yazacağız ve uygulamalarımızı online olan veritabanımıza bağlayabileceğiz.


Devextreme Web Servis Çıktısı

İyi Çalışmalar -- Takipte kalın

Burak Hamdi Tufan


Tags
Share this Post
Send with Whatsapp