Eclipse_luna_J2EE_For_JS+tomcat8.0环境搭建、配置、开发入门

一、所有需要的软件、插件等下载地址

J2SE的官方下载路径：http://www.oracle.com/technetwork/java/javase/downloads/index.html

Eclipse的官方下载路径：http://www.eclipse.org/home/index.php

tomcat的官方下载路径：http://tomcat.apache.org/

ArcGIS API for Javascript的API包(包含Library和SDK)的官方下载路径：http://support.esrichina-bj.cn/2011/0223/960.html，其截图如下：

系统环境：Win7_64bit

二、J2SE(JDK8.0)的下载、安装及环境配置

1、安装JDK：直接运行jdk-8u45-windows-x64.exe可执行程序，设置路径为：C:\jdk1.8

备注：路径可以是其他盘符，不建议路径包含空格、中文名及特殊符号

2、配置JDK路径：

1）新建变量名：JAVA_HOME，变量值：C:\jdk1.8

2）打开PATH，添加变量值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

3）新建变量名：CLASSPATH，变量值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

备注：

1）表示当前路径，%JAVA_HOME%就是引用前面指定的JAVA_HOME；

2）JAVA_HOME指明JDK安装路径，此路径下包括lib，bin，jre等文件夹，tomcat，eclipse等的运行都需要依靠此变量。

3）PATH使得系统可以在任何路径下识别java命令。

4）CLASSPATH为java加载类(class or lib)路径，只有类在classpath中，java命令才能识别。

3、测试JDK

在CMD命令下输入java –version，javac，java，javadoc命令：出现图示界面，表示安装成功。

三、Tomcat(V8.0)的下载安装及环境配置

1、安装Tomcat：直接解压缩下载文件“apache-tomcat-8.0.24-windows-x64.zip”到C盘下。安装路径建议修改为：c:\tomcat-8.0-win64。备注：如下载的是可执行文件，双击运行，默认安装即可。

2、配置Tomcat路径：

1）新建变量名：CATALINA_BASE，变量值：C:\tomcat-8.0-win64

2）新建变量名：CATALINA_HOME，变量值：C:\tomcat-8.0-win64

3）打开PATH，添加变量值：%CATALINA_HOME%\lib;%CATALINA_HOME%\bin

3、启动Tomcat服务：

在启动Tomcat服务之前，cmd不能识别startup这个命令，需要对tomcat的配置路径设置好，并需要在本机tomcat的安装路径C:\tomcat-8.0-win64\bin中的service.bat安装之后才行。其安装方法如下：在cmd的命令提示符下输入：service.bat install来完成安装。如图所示：

方法两种：

1）方法一：在CMD命令下输入命令：startup，出现如下两图所示，表明服务启动成功。

2）方法二：右键点击桌面上的“我的电脑”->“管理”->“服务和应用程序”->“服务”或者在开始的“运行”中输入services.msc来启动服务，如下所示：

在启动的服务中，找到“Apache  Tomcat 8.0”服务，右键点击该服务，选择“属性”，将“启动类型”由“手动”改成“自动”。如下图所示：

4、测试Tomcat

打开浏览器，在地址栏中输入http://localhost:8080，然后回车，如果看到Tomcat自带的一个JSP页面，说明你的JDK和Tomcat已搭建成功。如图所示：

四、Eclipse(luna_J2EE_4.4.2)的下载安装及环境配置

1、安装Eclipse_luna_J2EE_4.4.2：直接解压缩下载文件“Eclipse-IDE-J2EE-luna-SR2-Win64”到D盘的D:\Program Files下。其路径建议修改为：D:\Program Files\Eclipse-IDE-J2EE-luna-SR2-Win64。

2、配置Eclipse的tomcat服务：

运行Eclipse程序文件，打开Eclipse工作界面。然后选择菜单栏中的window——preferences。

选择左侧的 server——runtime environment——在弹出的窗口中选择 add——然后选择你的Tomcat的版本即可。如图所示：

选择tomcat的路径，和java的版本即可完成配置工作。

五、注意事项

1）JAVA_HOME中的路径不能用分号结尾，如C:\jdk1.8。

2）CATALINA_BASE，CATALINA_HOME，TOMCAT_HOME中的路径不能以“\”结尾。

3）JAVA_HOME的路径一定不要写成了JRE的路径。

4）在环境变量中修改添加变量时，一定要注意分号、空格，是否有多余的字母。作者就是因为path路径中多了一个字母，怎么都配置不成功。如果配置不成功，一定要反复检查。

   以上错误，非常容易出现错误：CATALINA_HOME或是JAVA_HOME没有配置好。如错误提示“The CATALINA_HOME environment variable is not defined correctly”

六、ArcGisAPIForJS的开发入门实例：

主要是参照http://blog.csdn.net/cwb1128/article/details/18035165的博主的博客进行的。

ArcGIS API for JavaScript （JavaScript API）是ESRI根据JavaScript技术实现的调用ArcGIS Server REST API接口的一组脚本。当前的最新版本是Version 3.8。通过ArcGIS API for JavaScript可以将ArcGIS Server提供的地图资源嵌入到Web应用中。JavaScript API是基于Dojo框架的，使用了大量的Dojo技术，因此要想熟练掌握API用法，先要对Dojo框架有个深入的了解！

不过我的这个实例里面改动了项目的名称为ArcGisForJS，注意要在arcgis_js\init.js 和  arcgis_js\ js\dojo\dojo\dojo.js里面，替换 [HOSTNAME_AND_PATH_TO_JSAPI]为  localhost:8080/ArcgisForJs/arcgis_js/ ，格式：IP:web服务器端口/工程名/创建的文件夹arcgis_js的时候将localhost:8080/ArcGisForJS/arcgis_js/ 改过来；还有就是在示例index.html里面的相应地方改过来；最后就是运行index.html的时候，这个http://localhost:8080/ArcGisForJS/index.html改过来即可。

这里还要说一句，在运行index.html这个实例的时候，启动的方式是：直接在Eclipse上面在index.html中右键，run as，然后选择“run on server”，如下截图所示：

选择run on server之后，依次选择tomcat8.0的版本之后，finish。然后看到如下图所示运行图：

注意这里：

1.这种方式的前提是tomcat服务没有启动(假如你只有一个tomcat版本的服务器在运行的话)或者Eclipse需要的tomcat的这个版本的服务没有启动(假如你有多个tomcat版本的服务器在同时运行的话)，否则会报错，端口占用，因为这种方式它自己启动了Eclipse指定的tomcat版本的服务器。

2.有两个控制端，一个console用来启动tomcat，一个浏览器作用的显示My First ArcGis Map示例窗口。

3.你也可以在浏览器中输入http://localhost:8080/ArcGisForJS/index.html来查看实例效果。