GWT Uygulaması Oluşturma – SEO Hizmeti Sunma – SEO Hizmeti – SEO Hizmeti Ücretleri – SEO Hizmeti Yaptırma
GWT Uygulaması Oluşturma
Bu bölümde, Eclipse desteği olan ve olmayan bir iskelet proje yapısı ve dosyaları oluşturmak için GWT araçlarını kullanacağız. Ardından, işlevsellik eklemek için oluşturulan uygulamayı değiştirerek ilk AJAX uygulamamızı (rastgele bir alıntı uygulaması) oluşturacağız ve son olarak uygulamayı hem barındırılan hem de web modunda çalıştıracağız.
Ele alacağımız görevler şunlardır:
• Yeni bir uygulama oluşturma
• Eclipse desteği ile yeni bir uygulama oluşturma
• Rastgele bir fiyat teklifi AJAX uygulaması oluşturma
• Uygulamayı barındırılan modda çalıştırma
• Uygulamayı web modunda çalıştırma
Yeni Bir Uygulama Oluşturma
GWT betiklerinden birini kullanarak yeni bir GWT uygulaması oluşturacağız. GWT tarafından sağlanan bu yardımcı betikler, yeni uygulamamızı olabildiğince çabuk oluşturmaya başlayabilmemiz için temel klasör yapısı ve ilk proje dosyalarıyla bir GWT projesinin iskeletini oluşturur.
Application Creator’ı Kullanma
GWT dağıtımı, gerekli tüm yapı iskelesi ile bir iskelet GWT projesi oluşturmak için kullanılabilen applicationCreator adlı bir komut satırı komut dosyası içerir. Yeni bir uygulama oluşturmak için aşağıdaki adımları izleyin:
1. GWT Book adlı yeni bir dizin oluşturun. Bu dizin konumuna GWT_EXAMPLES_DIR olarak atıfta bulunacağız. Bu klasör, bu çalışmadaki çeşitli görevleri yerine getirirken oluşturulacak tüm projeleri içerecektir.
2. Şimdi bir alt dizin oluşturun ve buna HelloGWT adını verin. Bu dizin, bu bölümde oluşturacağımız yeni proje için kod ve dosyaları içerecektir.
3. Komut isteminde aşağıdaki parametreleri sağlayarak GWT_HOME\applicationCreator’ı çalıştırın.
-out parametresi, tüm yapıtların HelloGWT adlı dizinde oluşturulacağını belirtir. Son parametre olarak sağlanan tam sınıf adı, applicationCreator betiği tarafından oluşturulan ve bu uygulama için EntryPoint sınıfı olarak işaretlenen sınıfın adı olarak kullanılır (EntryPoint sınıfını bir sonraki bölümde ele alacağız).
Yukarıdaki adım, klasör yapısını oluşturacak ve aşağıdaki ekran görüntüsünde gösterildiği gibi GWT_EXAMPLES_DIR\HelloGWT dizininde birkaç dosya oluşturacaktır.
applicationCreator betiği, gwt-dev-xxx.jar içindeki ApplicationCreator sınıfını çağırır ve bu sınıf da klasör yapısını ve uygulama dosyalarını oluşturur. Bu, projenin tüm yapısı sizin için otomatik olarak oluşturulduğundan, yeni bir projeye başlamayı çok kolaylaştırır.
Tek yapmanız gereken, istediğiniz işlevselliği sağlamak için uygulamayı kodunuzla doldurmaya başlamak. Proje oluşturmanın tek biçimli bir yolu, aynı zamanda, farklı GWT projeleri üzerinde çalışırken sizin için kolaylaştıran standart bir dizin yapısına uyulmasını da sağlar.
İşte applicationCreator komutunu çalıştırdığımızda GWT_EXAMPLES_DIR\HelloGWT dizini altında otomatik olarak oluşturulan tüm dosya ve klasörler.
src: Bu klasör, kök paketi com.packtpub.gwtbook.hellowwt olan, bilinen Java paket yapısında yer alan uygulamalar için oluşturulmuş tüm kaynak ve yapılandırma dosyalarını içerir. Bu paket adı, applicationCreator tarafından kendisine parametre olarak sağladığımız tam nitelikli sınıf adından türetilmiştir.
Mobil uygulama yapmak istiyorum
Mobil uygulama Yapma Siteleri
Kod yazmadan mobil uygulama yapma
Mobil uygulama yapma ücretsiz
Mobil uygulama yapma programı
Kodsuz Android uygulama yapma
APK uygulama yapma
Uygulama yapma programı
Bu dizin altında oluşturulan dosyalar şunlardır.
Bu, proje modülüdür; bir GWT projesinin ihtiyaç duyduğu tüm yapılandırmayı içeren bir XML dosyasıdır. inherits etiketi, bu modül tarafından devralınan modülleri belirtir. Bu basit durumda, yalnızca GWT’de yerleşik olan Kullanıcı modülü tarafından sağlanan işlevselliği devralıyoruz.
Daha karmaşık projelerde, modül kalıtımı, işlevsellik parçalarını yeniden kullanmak için güzel bir yol sağlar. EntryPoint, modül yüklendiğinde GWT çerçevesi tarafından örneklendirilecek sınıfı ifade eder. Bu, projeyi oluşturduğumuzda applicationCreator komutuna verilen sınıf adıdır.
Bu, uygulamamızın giriş noktasıdır. EntryPoint sınıfını genişletir ve HelloGWT modülü GWT çerçevesi tarafından yüklendiğinde, bu sınıf başlatılır ve onModuleLoad() yöntemi otomatik olarak çağrılır.
Oluşturulan bu sınıfta, onModuleLoad() yöntemi bir düğme ve bir etiket oluşturur ve ardından bunları sayfaya ekler. Ayrıca düğme için bir tıklama dinleyicisi ekler. Bu bölümde daha sonra yeni bir uygulama oluşturmak için HellowGWT.java’daki kodu değiştireceğiz. Bu dosyadaki mevcut kod aşağıdaki gibidir.
Bu, HelloGWT uygulamasını yükleyen oluşturulmuş bir HTML sayfasıdır ve HelloGWT uygulamasını barındıran web sayfası olduğu için ana sayfa olarak anılır. Bu HTML dosyası aldatıcı bir şekilde basit olsa da, bilmeniz gereken bazı noktalar var.
İlk olarak, HelloGWT modül dizinine işaret eden bir meta etiketi içerir. Bu etiket, HTML sayfası ile HelloGWT uygulaması arasındaki bağlantıdır. Aşağıdaki kod bu bağlantıyı temsil eder.
Oluşturulan bu dosyalar arasında iyi tanımlanmış bir ilişki vardır. HelloGWT. html dosyası, gwt.js dosyasını yükleyen ana bilgisayar sayfasıdır.
applicationCreator, yeni bir uygulama için birkaç parametreyi kontrol etmek için seçenekler sunar. Aşağıdaki komut satırından çalıştırarak bu seçenekleri görebilirsiniz.
Eclipse Desteği ile Yeni Bir Uygulama Oluşturma
GWT, Eclipse IDE’de GWT uygulamalarında hata ayıklama desteğiyle kutudan çıkar. Bu, son derece kullanışlı ve zaman kazandıran bir özelliktir. Bu bölümde Eclipse IDE desteği ile yeni uygulamaların nasıl oluşturulacağını öğreneceğiz.
HelloGWT’yi Değiştirme
Önceki görevde oluşturduğumuz HelloGWT uygulaması gayet iyi çalışıyor ve üzerinde değişiklikler yapıp kolayca çalıştırabiliyoruz. Ancak, GWT’nin en büyük avantajlarından biri olan ve tüm geliştirme deneyimini geliştiren Eclipse IDE desteğinden yararlanmıyoruz.
Şimdi aynı HelloGWT uygulamasını bu kez bir Eclipse projesi olarak yeniden oluşturacağız. Bir önceki görevde oluşturduğumuz projeyi alıp Eclipse desteğini ekleyebilsek güzel olurdu. Ancak, GWT şu anda bunu desteklemiyor. Bunu yapmak için bir sonraki sayfada verilen adımları izleyin.
1. GWT, Eclipse proje dosyaları oluşturan bir projectCreator betiği sağlar. Komut dosyasını parametrelerle çalıştırın ve aşağıda gösterildiği gibi bir ekran göreceksiniz.
2. HelloGWT projesini bir Eclipse projesi olarak oluşturmak için şimdi applicationCreator’ı aşağıda verilen parametrelerle tekrar çalıştırın.
-overwrite parametresi, HelloGWT dizinindeki dosya ve klasörlerin üzerine yazacaktır. Bu nedenle, saklamak istediğiniz herhangi bir değişiklik yaptıysanız, lütfen bunu farklı bir dizine kopyaladığınızdan emin olun. Aşağıda gösterildiği gibi bir ekran göreceksiniz.
3. Yeni oluşturulan HelloGWT projesini Eclipse’e aktarın. Eclipse’de Dosya | İçe aktarma menüsü. Kök klasör olarak HelloGWT dizinini seçin ve projeyi Eclipse çalışma alanınıza aktarmak için Bitir düğmesine tıklayın. Artık uygulamanızı Eclipse IDE içinden düzenleyebilir, hata ayıklayabilir ve çalıştırabilirsiniz.
4. Bu görevi tamamladıktan sonra oluşturulan tüm klasörler ve dosyalar burada.
ProjectCreator betiği, sırayla Eclipse proje dosyalarını oluşturan gwt-dev-xxx.jar içindeki ProjectCreator sınıfını çağırır. Bu dosyalar daha sonra projenin adını ve proje için sınıf yolu bilgilerini eklemek için applicationCreator tarafından değiştirilir.
ProjectCreator komutunu çalıştırarak oluşturulan Eclipse’e özgü dosyalar şunlardır:
.classpath: Proje sınıf yolu bilgilerini ayarlamak için Eclipse dosyası .project: Proje adı ve oluşturucu bilgileri içeren Eclipse proje dosyası
HelloGWT.launch: Eclipse Çalıştır ve Hata Ayıklama menülerinden projeyi başlatmak için Eclipse yapılandırması
Burada, bir yardım seçeneğiyle bir komut satırından çalıştırdığınızda, projectCreator’ı çalıştırmak için kullanılabilecek çeşitli seçenekleri gösteren bir ekran görüntüsü verilmiştir.
Web sitelerinizi, arama motorlarında en yukarı getirmek adına sizlere 3 adet paket öneriyoruz. Bu paketler sayesinde web siteleriniz aramalarda 1 yıl içerisinde en yukarıya tırmanacaktır.
1) Backlink Paketi 50 $ (Yıllık Ücret)
2) Hızlandırma Paketi 300 $ (Yıllık Ücret)
3) Kelime Yönlendirme Paketi 150 $ (Aylık Ücret)
