GWT Highcharts - Ortam Kurulumu

Bu eğitim, Highcharts ve GWT Framework ile çalışmanıza başlamak için bir geliştirme ortamının nasıl hazırlanacağı konusunda size rehberlik edecektir. Bu eğitici ayrıca, GWT Framework'ü kurmadan önce makinenizde JDK, Tomcat ve Eclipse'in nasıl kurulacağını da öğretecektir -

Sistem gereksinimleri

GWT, JDK 1.6 veya üstünü gerektirir, bu nedenle ilk gereksinim, makinenizde JDK'nın kurulu olmasıdır.

JDK 1.6 veya üstü.
Hafıza minimum gereklilik yok.
Disk alanı minimum gereklilik yok.
İşletim sistemi minimum gereklilik yok.

GWT uygulama geliştirmeye başlamak için ortamınızı ayarlamak için verilen adımları izleyin.

Adım 1 - Makinenizde Java Kurulumunu Doğrulayın

Şimdi konsolu açın ve aşağıdaki java komutunu çalıştırın.

işletim sistemi Görev Komut
Windows Komut Konsolunu Aç c: \> java sürümü
Linux Komut Terminalini Aç $ java sürümü
Mac Açık Terminal makine: ~ joseph $ java -version

Tüm işletim sistemleri için çıktıyı doğrulayalım

Sr.No. İşletim Sistemi ve Oluşturulan Çıktı
1

Windows

java sürümü "1.6.0_21"

Java (TM) SE Çalışma Zamanı Ortamı (derleme 1.6.0_21-b07)

Java HotSpot (TM) Client VM (derleme 17.0-b17, karma mod, paylaşım)

2

Linux

java sürümü "1.6.0_21"

Java (TM) SE Çalışma Zamanı Ortamı (derleme 1.6.0_21-b07)

ava HotSpot (TM) Client VM (derleme 17.0-b17, karma mod, paylaşım)

3

Mac

java sürümü "1.6.0_21"

Java (TM) SE Çalışma Zamanı Ortamı (derleme 1.6.0_21-b07)

Java HotSpot (TM) 64-Bit Sunucu VM (derleme 17.0-b17, karma mod, paylaşım)

Adım 2 - Java Geliştirme Kitini (JDK) Kurun

Java yüklemediyseniz, Java Yazılım Geliştirme Kiti'ni (SDK) Oracle'ın Java sitesinden yükleyebilirsiniz: Java SE İndirmeleri . İndirilen dosyalarda JDK kurulumu için talimatlar bulacaksınız, kurulumu kurmak ve yapılandırmak için verilen talimatları izleyin. Son olarak, PATH ve JAVA_HOME ortam değişkenlerini java ve javac içeren dizine, tipik olarak sırasıyla java_install_dir / bin ve java_install_dir'e başvuracak şekilde ayarlayın.

Yı kur JAVA_HOMEJava'nın makinenizde kurulu olduğu temel dizin konumunu gösteren ortam değişkeni. Örneğin

Sr.No. İşletim Sistemi ve Çıktı
1

Windows

JAVA_HOME ortam değişkenini C: \ Program Files \ Java \ jdk1.6.0_21 olarak ayarlayın

2

Linux

dışa aktar JAVA_HOME = / usr / local / java-current

3

Mac

dışa aktar JAVA_HOME = / Kitaplık / Java / Ana Sayfa

Java derleyici konumunu Sistem Yoluna ekleyin.

Sr.No. İşletim Sistemi ve Çıktı
1

Windows

Dizeyi;% JAVA_HOME% \ bin sistem değişkeninin, Yol'un sonuna ekleyin.

2

Linux

dışa aktar PATH = $ PATH: $ JAVA_HOME / bin /

3

Mac

gerekli değil

Alternatif olarak, Borland JBuilder, Eclipse, IntelliJ IDEA veya Sun ONE Studio gibi bir Entegre Geliştirme Ortamı (IDE) kullanıyorsanız, IDE'nin Java'yı nereye yüklediğinizi bildiğini doğrulamak için basit bir program derleyin ve çalıştırın, aksi takdirde verilen belgeye göre uygun kurulumu yapın IDE'nin.

Adım 3 - Eclipse IDE'yi Kurun

Bu eğitimdeki tüm örnekler Eclipse IDE kullanılarak yazılmıştır. Bu nedenle, işletim sisteminize bağlı olarak makinenize Eclipse'in en son sürümünü yüklemenizi öneririm.

Eclipse IDE'yi kurmak için en son Eclipse ikili dosyalarını indirin https://www.eclipse.org/downloads/. Kurulumu indirdikten sonra, ikili dağıtımı uygun bir konuma açın. Örneğin, Windows'ta C: \ eclipse'de veya Linux / Unix'te / usr / local / eclipse'de ve son olarak PATH değişkenini uygun şekilde ayarlayın.

Eclipse, Windows makinesinde aşağıdaki komutları çalıştırarak başlatılabilir veya eclipse.exe dosyasına çift tıklayabilirsiniz.

%C:\eclipse\eclipse.exe

Eclipse, Unix (Solaris, Linux, vb.) Makinesinde aşağıdaki komutlar çalıştırılarak başlatılabilir -

$/usr/local/eclipse/eclipse

Başarılı bir başlangıçtan sonra, her şey yolundaysa, aşağıdaki sonucu göstermelidir -

4. Adım: Eclipse için GWT SDK ve Eklentisini Yükleyin

Makinenize kurulu Eclipse için GWT SDK ve Eklenti sürümünü yüklemek için Eclipse için Eklenti (SDK'lar dahil) bağlantısında verilen talimatları izleyin .

GWT eklentisi için başarılı bir kurulumdan sonra, her şey yolundaysa, aşağıdaki ekranı göstermelidir. Google icon aşağıda gösterildiği gibi kırmızı dikdörtgenle işaretlenmiştir -

5. Adım: Highcharts'ı yükleyin

En son Highcharts jar dosyasını İndirme sayfasından indirin ve projenin sınıf yoluna ekleyin.

Aşağıdaki girişi <proje adı> .gwt.xml dosyasına ekleyin

<inherits name="org.moxieapps.gwt.highcharts.Highcharts"/>

Aşağıdaki girişi <proje adı> .html dosyasına ekleyin

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"/>
<script src = "https://code.highcharts.com/highcharts.js"/>
<script type="text/javascript" src="https://code.highcharts.com/highcharts-3d.js" />
<script type="text/javascript" src="https://code.highcharts.com/highcharts-more.js" />
<script src = "https://code.highcharts.com/modules/heatmap.js" />
<script src = "https://code.highcharts.com/modules/treemap.js" />