23 Temmuz 2010 Cuma

2 integer

iki integerı bölerken sonucu double elde etmek için doublea convert etmek gerekiyor... yoksa hata nerde diye arayıp duruyoruz :)))

int x = 18;
int y = 10;
double a = x / y; // a = 1.0

double b = (double) x / (double) y; // a = 1.8
Gönderen Dilaver Demirel zaman: Cuma, Temmuz 23, 2010 0 yorum
Etiketler:

02 Temmuz 2010 Cuma

JQuery Ajax Örneği

JQuery ile bir Ajax çağrısı başlatmak için aşağıdaki bloğu kullanabiliriz. Ajax çağrıları için birden farklı metod bulunmakta.

$.ajax({
        type: 'GET',
        url: '/bos/ajax/',
        dataType:'html’,
        data: 'param1=test&param2=test',
        success: function(ajaxCevap) {
               alert(ajaxCevap)
        },
        error: function(){
         alert(‘Bir hata oluştu!’)
        }
});

  • type: Bir web sayfasına yapılacak olan isteğin türünü belirler. GET veya POST olmak üzere iki farklı değerden birisini almalıdır.
  • url: istek yapılacak sayfayı belirtmenizi sağlar. /bos/ajax/gibi…
  • dataType:gelene verinin türünü belirtmemizi sağlar. Tipler ; xml, json, script, html şeklinde olabilir.
  • data: istek yapılan sayfaya herhangi bir bilgi gönderecekseniz bu bilginin ne olduğunu belirtmenizi sağlar. Örneğin /bos/ajax/ isimli bir servlete param1=test&param2=test bilgisini göndermek için bu seçeneği kullanmalıyız.
  • success: yapmış olduğumuz isteğin başarılı olup olmadığını kontrol etmemizi sağlar. Örneğin yapılan başarılı bir istek sonucunda geri dönen cevabı işlemek için bu seçeneği kullanabiliriz.
  • error : istek sırasında bir hata oluşursa çalışacak fonksiyonu belirlememizi sağlar.

Bu noktada servletten verileri aldık ama bu verileri nasıl işleyeceğiz konusuna gelince bunun kararını sertvletten aldığımız verinin türüne göre karar verebiliriz.

Şöyle bir senaryo üzerinden gidelim; il ve ilçe seçinimi Ajax ile yapalım. Aşağıdaki gibi bir formumuz olsun;

<td> Ad :td> <td> <inputtype=’text’ name=’ad’> td>

<td> Soyad :td> <td> <inputtype=’text’ name=’soyad’> td>

<td> Tel :td> <td> <inputtype=’text’ name=’tel’> td>

<td> İl :td> <td>

<select name=’il’ onChange=’ilceGetir()’>

<option value=’34’>İstanbuloption>

<option value=’06’>Ankaraoption>

<option value=’52’>Ankaraoption>

select>

td>

<td> İlçe :td> <tdid=ilceler>

<select name=’ilce’ >

select>

td>

Ajax işleminin durumunu görüntülemek için kullanacağız -- >

<tdcolspan=2><div id=durum style=’display:none’>Yükleniyor…div>td>

table>

<head>

<script src=’jquery.js’>script>

<script src=’islemler.js’>script>

head>

<table>

Formda gördüğünüz gibi il seçildiğinde ilceGetir() adındaki fonksiyonu çalıştırmakta. Şimdi ilçe getir fonksiyonuna bakalım;

Function ilceGetir(){
Var ilokdu= $(“[name=il]”).val();
$.ajax({
        type: 'GET',
        url: '/bos/il_ilce_ajax/',
        dataType:'html’,
        data: 'il_kodu= '+ilkodu,
        success: function(ajaxCevap) {
               alert(ajaxCevap)
        },
        error: function(){
         alert(‘Bir hata oluştu!’)
        }
});
}

Fonksiyonu inceleyecek olursak 1. satırdaki $(“[name=il]”).val() komutları sayfada adı il olan objeyi seçerek .val() fonksiyonu ile onun değerini almaktadır. İl kodunu ilkodu adındaki değişkene atar ve data kısmına il_kodu=ilkodu şeklinde atamayı yaparak ajax çağrısı ile servere yollar.

Ajax konfigürasyonunda dataType olarak html belirttik bu durumda gelen veri aşağıdaki gibi olmalı ki html veriyi doküman içerisinde kullanabilelim.

<select name=’ilce’ >

<option value=’3401’>Çağlayanoption>

<option value=’3402’>Mecidiyeköyoption>

<option value=’3403’>Beşiktaşoption>

………….

select>

Serverden gelen bu verileri $(“#ilceler”).html(ajaxCevap) şeklinde formda id değeri ilceler olan td elementinin içerisine yerleşti. İlceler td elementini seçerken dikkat edersek # işareti başa getirlerek kullnılmıştır. Aslında bu işlem document.getElementById(“ilceler”).innerHtml=ajaxCevap ile aynı anlama gelmektedir.

Kodumuzun html data tipindeki veriler için son hali;

islemler.js;

Function ilceGetir(){
Var ilokdu= $(“[name=il]”).val();
$.ajax({
        type: 'GET',
        url: '/bos/il_ilce_ajax/',
        dataType:'html’,
        data: 'il_kodu= '+ilkodu,
        success: function(ajaxCevap) {
               $(“#ilceler”).html(ajaxCevap)
        },
        error: function(){
         alert(‘Bir hata oluştu!’)
        }
});
}

JQuerynin son versiyonu ile birlikte gelen JQuery.getJSON fonksiyonu ile JSON tipindeki verileride kolayca alıp işleyebiliriz.

$.getJSON("/bos/il_ilce_ajax/",

function(data){

$("[name=ilce]").html("");

$.each(data.ilceler, function(i,ilce){

$("[name=ilce]").append("<option value='"+ilce.kod+"'>"+ilce.ad+"option>");

});

});

$("[name=ilce]").html(""); satırı ile ilce comboboxının içeriğini temizliyoruz. Each döngüsü ile data içerisindeki ilceleri tek tek alıp onların değerleri içerisindeki kod ve ad değerleri ile option oluşturup ilce comboboxına ekliyoruz.

Burada ajax çağrısı için kullanılan yapılandırma şu şekilde olmalı;

Function ilceGetir(){
Var ilokdu= $(“[name=il]”).val();
$.ajax({
        type: 'GET',
        url: '/bos/il_ilce_ajax/',
        dataType:'json’,
        data: 'il_kodu= '+ilkodu,
        success: function(ajaxCevap) {

$.getJSON("/bos/il_ilce_ajax/",

function(data){

$("[name=ilce]").html("");

$.each(data.ilceler, function(i,ilce){

$("[name=ilce]").append("<option value='"+ilce.kod+"'>"+ilce.ad+"option>");

});

                 });   
        },
        error: function(){
         alert(‘Bir hata oluştu!’)
        }
});
}

Bu çağrıda JSON verisi şu şekilde olmalı;

{

"title"="ilceler",

"ilceler": [

{

"ad": "Çağlayan",

"kod":"3401"

},

{

"ad": "Mecidiyeköy",

"kod":"3402"

},

{

"ad": "Beşiktaş",

"kod":"3403"

}

]

}

Birazda görsel aksiyon koyalım;

JQuery’nin Ajax işlemleri için kullanılan 2 fonksiyonundan bahsedeyim.

$.ajaxStart(function(){
  $("div#durum").show();
});

$.ajaxStop(function(){
  $("div#durum").hide(“slow”);
});

Adlarından da anlaşılacağı üzerine bu fonksiyonlar sayfanın herhangi bir yerinde ajax çağrısı tetiklendiğinde ajaxStart fonksiyonu ile durum id değerine sahip div’i görüntüleyecek ajaxStop fonksiyonu ise ajax çağrısı sonlandığında çalışacaktır. Ve durum id’li divi animasyonlu bir şekilde (slow) gizleyecektir. Bu şekilde kolayca ajax işleminin gerçekleştiğini kullanıcıya ifade etmiş oluruz. Yukarıdaki kodda diğer bir nokta ise div#durum bu şekilde ifade edilen seçme işlemidir. Bunun anlamı div elementleri içerisinde id değeri durum olanı seç. # işareti ile id değerine bakması gerektiğini söylüyoruz. Div.durum şeklinde yazarsak class değeri durum olanı seçecekti.

Gönderen Dilaver Demirel zaman: Cuma, Temmuz 02, 2010 0 yorum
Etiketler: ,

01 Temmuz 2010 Perşembe

Haftasonu mutfaktan

Güzel yemek yemeyi seviyorum. O yüzden kendim pek değil ama göbeğimden şikayet eden çevreler var :) Öğrenciyken şişene kadar yemek yemeyince kendimizi doymuş saymıyorduk. Sağolsun sevgili kardeşim Muharrem(More) bu konuda hep destekçim olmuştur :) Gece saat 12de 1de az mı kendimizi emin unlu mamüllerin önünde bulduk. Birde haftasonları Halil geldiğinde ayrı bir yemek telaşı olurdu.. Güzel günlerdi...

Bu haftasonu da Civcivimle iştahımızın ısrarcı olduğu zamanların birinde başladık ne yapsak ne yapsak diye düşünmeye. Tabi önce annelere sorulur neler yapabiliriz hemen bizde öyle yaptık; sorduk :) çeşitli öneriler vs. derken Civcivimin aklına sevgili kardeşim Serkanla bursada yediğimiz köfte iskender geldi. Mmmm deyip ağzım sulandı tabi :) sonra başladık işe koyulmaya önce biberleri tavada kızköz-ledik sonra Civcivim köfteleri hazırladı derken açlıktan daha neler olsa diyerekten off birde tatlı olsa ne güzel olurdu vb. konuşmalar derken 200 mlik bir dik yoldan yukarı çıkılır hemen unlu mamüllerden tatlı alınır hızlıca eve dönülür. Yavaştan oluşmaya başlayan manzaraya nazır biraz ekmek bandırma gibi faaliyetlerle doyum aranır ama nafile :) sonra Civcivimle köfteler kızardıktan sonra tabakları hazırladık ve afiyetle ham hamm yaptık :) Karıcımın ellerine sağlık tabikisi :)
İşte manzara ;

Gönderen Dilaver Demirel zaman: Perşembe, Temmuz 01, 2010 9 yorum
Etiketler: ,

15 Ekim 2009 Perşembe

Eclipse MiddlegenIde Hibernate ile Kullanımı

Middlegen code generator framework yapısının Hibernate için nasıl çalıştığını görelim. Öncelikle Middleegen frameworkten biraz bahsedecek olursak ; Middlegen Ant scriptleri ile konfigüre edilen ve çalıştırılan veritabanı yapısına bağlı kod üreten bir yapıdır. Bu noktada Middlegen nasıl işimize yarayacak olur derseniz ; örneğin çok sayıda tabloya sahip bir veritabanımı ve bu tablolar arasında çok sayıda ilişki olduğunu düşünelim. Bu durumda hibernate için oluşturulması gereken xml ve java kodlarını yazmak oldukça zahmetli olacaktır. Aynı zamanda hata yapma olasılığı yüksek bir ortam oluşacaktır. Middlegen bu sorunlu ve zahmetli durumdan bizi kurtarmaktadır.

Eclipse ortamında Middlegen'ni nasıl kullanacağımıza bakalım. Öncelikle yapmamız gereken MiddlegenIde adında eclipse plug-in'i indirip ortamımıza entegre ediyoruz. Sonra eclipse ortamında projemizi oluşturduktan sonra New->Middlegen->Middlegen Build File diyerek karşımıza aşağıdaki pencere gelecektir
şekilde Table parametresi önünde ilgili veritabanındaki tablolar bulunmakta. Biz kullanacağımız tabloları seçip sadece o tablolara dair kod oluşturulmasını belirlye biliriz. Bu penceredeki JDBC jar vb. gibi parametreler bize oluşturulacak olan ant xml dosyasında kullanılacaktır. Bu pencerede Finish dedikten sonra karşımıza aşağıdaki Middlegen penceresi çıkacaktır.

Bu pencerede görüldüğü gibi seçili tablolar şematize edilmiş olarak karşımıza gelmiştir. Tablolar arasındaki ilişkilerde ifade edilmektedir. İstersek bu ilişkiler üzerinde düzenlemeler yapabiliriz. Aynı şekilde tablolar ve alanlar üzerindede değişiklikler yapabiliriz. Pencereyi kapattıktan sonra belirttiğimiz dizine xml dosyamız oluşmuş olacaktır. Sonra xml dosyamız üzerinde sağ tıklayıp
yukarıdaki Ant build seçeneğini seçerek
belirtilen pakede kodlarımız oluşturulmuş olacaktır.

Gönderen Dilaver Demirel zaman: Perşembe, Ekim 15, 2009 0 yorum
Etiketler:
Kaydol: Kayıtlar (Atom)