Highcharts de GWT: configuración del entorno

Este tutorial lo guiará sobre cómo preparar un entorno de desarrollo para comenzar su trabajo con Highcharts y GWT Framework. Este tutorial también le enseñará cómo configurar JDK, Tomcat y Eclipse en su máquina antes de configurar GWT Framework -

Requisitos del sistema

GWT requiere JDK 1.6 o superior, por lo que el primer requisito es tener JDK instalado en su máquina.

JDK	1.6 o superior.
Memoria	ningún requisito mínimo.
Espacio del disco	ningún requisito mínimo.
Sistema operativo	ningún requisito mínimo.

Siga los pasos dados para configurar su entorno para comenzar con el desarrollo de aplicaciones GWT.

Paso 1: verificar la instalación de Java en su máquina

Ahora abra la consola y ejecute el siguiente comando de Java.

SO	Tarea	Mando
Windows	Abrir consola de comandos	c: \> java -version
Linux	Terminal de comando abierto	$ java -version
Mac	Terminal abierta	máquina: ~ joseph $ java -version

Verifiquemos la salida para todos los sistemas operativos.

No Señor.	SO y salida generada
1	Windows versión de Java "1.6.0_21" Entorno de ejecución Java (TM) SE (compilación 1.6.0_21-b07) VM de cliente Java HotSpot (TM) (compilación 17.0-b17, modo mixto, uso compartido)
2	Linux versión de Java "1.6.0_21" Entorno de ejecución Java (TM) SE (compilación 1.6.0_21-b07) Ava HotSpot (TM) Client VM (compilación 17.0-b17, modo mixto, uso compartido)
3	Mac versión de Java "1.6.0_21" Entorno de ejecución Java (TM) SE (compilación 1.6.0_21-b07) Servidor VM Java HotSpot (TM) de 64 bits (compilación 17.0-b17, modo mixto, uso compartido)

Paso 2: configuración del kit de desarrollo de Java (JDK)

Si no tiene Java instalado, puede instalar Java Software Development Kit (SDK) desde el sitio Java de Oracle: Descargas de Java SE . Encontrará instrucciones para instalar JDK en archivos descargados, siga las instrucciones dadas para instalar y configurar la instalación. Finalmente, configure las variables de entorno PATH y JAVA_HOME para hacer referencia al directorio que contiene java y javac, normalmente java_install_dir / bin y java_install_dir respectivamente.

Selecciona el JAVA_HOMEvariable de entorno para apuntar a la ubicación del directorio base donde está instalado Java en su máquina. Por ejemplo

No Señor.	SO y salida
1	Windows Establezca la variable de entorno JAVA_HOME en C: \ Archivos de programa \ Java \ jdk1.6.0_21
2	Linux exportar JAVA_HOME = / usr / local / java-current
3	Mac exportar JAVA_HOME = / Library / Java / Home

Agregue la ubicación del compilador de Java a la ruta del sistema.

No Señor.	SO y salida
1	Windows Agregue la cadena;% JAVA_HOME% \ bin al final de la variable del sistema, Ruta.
2	Linux export PATH = $ PATH: $ JAVA_HOME / bin /
3	Mac no requerido

Alternativamente, si usa un entorno de desarrollo integrado (IDE) como Borland JBuilder, Eclipse, IntelliJ IDEA o Sun ONE Studio, compile y ejecute un programa simple para confirmar que el IDE sabe dónde instaló Java; de lo contrario, realice la configuración adecuada como se indica en el documento. del IDE.

Paso 3: configurar el IDE de Eclipse

Todos los ejemplos de este tutorial se han escrito utilizando Eclipse IDE. Por lo tanto, le sugiero que tenga instalada la última versión de Eclipse en su máquina según su sistema operativo.

Para instalar Eclipse IDE, descargue los últimos binarios de Eclipse desde https://www.eclipse.org/downloads/. Una vez que descargó la instalación, descomprima la distribución binaria en una ubicación conveniente. Por ejemplo, en C: \ eclipse en Windows, o / usr / local / eclipse en Linux / Unix y finalmente configure la variable PATH de manera apropiada.

Eclipse se puede iniciar ejecutando los siguientes comandos en la máquina con Windows, o simplemente puede hacer doble clic en eclipse.exe

%C:\eclipse\eclipse.exe

Eclipse se puede iniciar ejecutando los siguientes comandos en una máquina Unix (Solaris, Linux, etc.):

$/usr/local/eclipse/eclipse

Después de un inicio exitoso, si todo está bien, debería mostrar el siguiente resultado:

Paso 4: Instale el SDK y el complemento de GWT para Eclipse

Siga las instrucciones dadas en el enlace Complemento para Eclipse (incluidos los SDK) para instalar GWT SDK y Complemento para la versión de Eclipse instalada en su máquina.

Después de una configuración exitosa para el complemento GWT, si todo está bien, debería mostrar la siguiente pantalla con Google icon marcado con un rectángulo rojo como se muestra a continuación -

Paso 5: instalar Highcharts

Descargue el último jar de Highcharts desde su página de descargas y agréguelo a la ruta de clases del proyecto.

Agregue la siguiente entrada en el archivo <nombre-proyecto> .gwt.xml

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

Agregue la siguiente entrada en el archivo <project-name> .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" />