GWT Highcharts - Configuration de l'environnement

Ce didacticiel vous explique comment préparer un environnement de développement pour démarrer votre travail avec Highcharts et GWT Framework. Ce tutoriel vous apprendra également comment configurer JDK, Tomcat et Eclipse sur votre machine avant de configurer GWT Framework -

Exigence du système

GWT nécessite JDK 1.6 ou supérieur, donc la toute première exigence est d'avoir JDK installé sur votre machine.

JDK 1.6 ou supérieur.
Mémoire aucune exigence minimale.
Espace disque aucune exigence minimale.
Système opérateur aucune exigence minimale.

Suivez les étapes indiquées pour configurer votre environnement pour commencer le développement d'applications GWT.

Étape 1 - Vérifiez l'installation de Java sur votre machine

Ouvrez maintenant la console et exécutez la commande java suivante.

OS Tâche Commander
Windows Ouvrez la console de commande c: \> java -version
Linux Ouvrir le terminal de commande $ java -version
Mac Terminal ouvert machine: ~ joseph $ java -version

Vérifions la sortie pour tous les systèmes d'exploitation

N ° Sr. OS et sortie générée
1

Windows

version java "1.6.0_21"

Environnement d'exécution Java (TM) SE (build 1.6.0_21-b07)

VM client Java HotSpot (TM) (build 17.0-b17, mode mixte, partage)

2

Linux

version java "1.6.0_21"

Environnement d'exécution Java (TM) SE (build 1.6.0_21-b07)

VM client ava HotSpot (TM) (build 17.0-b17, mode mixte, partage)

3

Mac

version java "1.6.0_21"

Environnement d'exécution Java (TM) SE (build 1.6.0_21-b07)

VM serveur 64 bits Java HotSpot (TM) (build 17.0-b17, mode mixte, partage)

Étape 2 - Configuration du kit de développement Java (JDK)

Si Java n'est pas installé, vous pouvez installer le kit de développement logiciel Java (SDK) à partir du site Java d'Oracle: Téléchargements Java SE . Vous trouverez des instructions pour installer JDK dans les fichiers téléchargés, suivez les instructions données pour installer et configurer la configuration. Enfin, définissez les variables d'environnement PATH et JAVA_HOME pour faire référence au répertoire qui contient java et javac, généralement rép_install_java / bin et rép_install_java respectivement.

Met le JAVA_HOMEvariable d'environnement pour pointer vers l'emplacement du répertoire de base où Java est installé sur votre machine. Par exemple

N ° Sr. OS et sortie
1

Windows

Définissez la variable d'environnement JAVA_HOME sur C: \ Program Files \ Java \ jdk1.6.0_21

2

Linux

export JAVA_HOME = / usr / local / java-current

3

Mac

export JAVA_HOME = / Bibliothèque / Java / Accueil

Ajoutez l'emplacement du compilateur Java au chemin système.

N ° Sr. OS et sortie
1

Windows

Ajoutez la chaîne;% JAVA_HOME% \ bin à la fin de la variable système, Path.

2

Linux

export PATH = $ PATH: $ JAVA_HOME / bin /

3

Mac

non requis

Sinon, si vous utilisez un environnement de développement intégré (IDE) tel que Borland JBuilder, Eclipse, IntelliJ IDEA ou Sun ONE Studio, compilez et exécutez un programme simple pour confirmer que l'EDI sait où vous avez installé Java, sinon effectuez la configuration appropriée comme document donné de l'IDE.

Étape 3 - Configuration de l'IDE Eclipse

Tous les exemples de ce didacticiel ont été écrits à l'aide de l'IDE Eclipse. Je suggérerais donc que la dernière version d'Eclipse soit installée sur votre machine en fonction de votre système d'exploitation.

Pour installer Eclipse IDE, téléchargez les derniers binaires Eclipse à partir de https://www.eclipse.org/downloads/. Une fois que vous avez téléchargé l'installation, décompressez la distribution binaire dans un emplacement pratique. Par exemple dans C: \ eclipse sous Windows, ou / usr / local / eclipse sous Linux / Unix et définissez enfin la variable PATH de manière appropriée.

Eclipse peut être démarré en exécutant les commandes suivantes sur la machine Windows, ou vous pouvez simplement double-cliquer sur eclipse.exe

%C:\eclipse\eclipse.exe

Eclipse peut être démarré en exécutant les commandes suivantes sur une machine Unix (Solaris, Linux, etc.) -

$/usr/local/eclipse/eclipse

Après un démarrage réussi, si tout va bien, il devrait afficher le résultat suivant -

Étape 4: Installez le SDK et le plug-in GWT pour Eclipse

Suivez les instructions fournies sur le lien Plugin for Eclipse (y compris les SDK) pour installer la version GWT SDK & Plugin for Eclipse installée sur votre machine.

Après une configuration réussie pour le plugin GWT, si tout va bien, il devrait afficher l'écran suivant avec Google icon marqué d'un rectangle rouge comme indiqué ci-dessous -

Étape 5: Installez Highcharts

Téléchargez le dernier jar Highcharts à partir de sa page de téléchargement et ajoutez-le au chemin de classe du projet.

Ajoutez l'entrée suivante dans le fichier <nom-projet> .gwt.xml

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

Ajoutez l'entrée suivante dans le fichier <nom-projet> .html

<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" />