JSP开发的工具下载与环境搭建（Windows开发环境）

悠悠 2021-09-30 05:34 385阅读 0赞

# [一.JSP开发的工具下载与环境搭建][.JSP] #

JSP技术的强势：

（1）一次编写，到处运行。在这一点上Java比PHP更出色，除了系统之外，代码不用做任何更改。

（2）系统的多平台支持。基本上可以在所有平台上的任意环境中开发，在任意环境中进行系统部署，在任意环境中扩展。相比ASP/PHP的局限性是现而易见的。

（3）强大的可伸缩性。从只有一个小的Jar文件就可以运行Servlet/JSP，到由多台服务器进行集群和负载均衡，到多台Application进行事务处理，消息处理，一台服务器到无数台服务器，Java显示了一个巨大的生命力。

（4）多样化和功能强大的开发工具支持。这一点与ASP很像，Java已经有了许多非常优秀的开发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行于多种平台之下。

> 步骤索引：
> 
> 一.工具的下载：
> 
> 1.下载JDK
> 
> 2.下载Eclipse
> 
> 3.下载Tomcat
> 
> 二.安装与配置：
> 
> 1.安装JDK
> 
> 2.配置JAVA环境变量
> 
> 3.测试JDK
> 
> 4.安装Tomcat
> 
> 5.测试tomcat
> 
> 6.JSP开发工具(ecplise)的安装
> 
> 7.ecplise与tomcat的绑定
> 
> 8.进行第一个jsp开发测试
> 
> 本文用到的文件列表

## 一.工具的下载（边下载边看教程节约时间）： ##

### 1.JDK（Java  Development Kit java开发工具包） ###

oracle官网下载：[http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html][http_www.oracle.com_technetwork_java_javase_downloads_index-jsp-138363.html]

![738404-20160303111913471-1854657105.jpg][]

![738404-20160303112237987-121971887.jpg][]

点击 “download”，**接受许可协议**，选择操作系统对应版本下载：32位选x86，64位选x64（[x64 x86有啥区别][x64 x86] **|** [如何查看电脑是32位的(X86)还是64位的(X64),如何知道自己的硬件是否支持64位系统?][32_X86_64_X64_64]  ）

### 2.Eclipse ###

[Eclipse][] 是一个开放源代码的、基于Java的可扩展开发平台。

eclipse官网下载：[http://www.eclipse.org/downloads/][http_www.eclipse.org_downloads]

![738404-20160303114637096-1115590423.jpg][]

![738404-20160303120051955-1530783971.jpg][]

截图下载的绿色版，安装版下载方式一样

进入下载页后等待一会儿会自动下载，点击下载没反应的话多等一下，或则点击下面“click here”（eclipse网站的反应速度有点慢，每个地方点击之后都要多等等才有反应，不过下载速度还是挺快的）

![738404-20160303120342143-242702188.jpg][]

### 3.tomcat ###

[Tomcat ][Tomcat]服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。

![tomcat.png][]从官网牵来的小猫咪镇帖

Apache Tomcat官网下载：[http://tomcat.apache.org/][http_tomcat.apache.org]

![738404-20160303121310549-1978325113.jpg][]

下载7.x版本的……6.x太旧，8.x太新，噗……

![738404-20160303121907424-850266833.jpg][]

选择对应版本点击即可下载，**推荐下安装包**，方便后期操作！

至此，必备的工具就下载完了

## 二.安装与配置： ##

### 1.安装JDK： ###

![738404-20160303133718518-1385932635.jpg][]

双击下载好的安装包文件即开始安装；

![738404-20160303134106440-256849539.jpg][]

![738404-20160303134113909-952916718.jpg][]

期间会让你两次选择安装路径，第一次是JDK的路径，第二次是jre的路径；**记住JDK的安装路径 **（本次为 F:\\Program Files\\Java\\jdk1.8.0\_73 ）

### 2.配置JAVA环境变量 ###

下面截图以win10为例，其他系统基本一样（具体可参考：[Win7下JDK安装与环境变量配置][Win7_JDK] | [Win8下JDK安装与环境变量配置][Win8_JDK] 其实都一样(￢\_￢)）

![738404-20160303141955377-1444832129.jpg][]

按照上图步骤打开环境变量配置，然后分别配置下面三个环境变量：

![738404-20160303142131112-394806339.jpg][]

系统变量→新建 JAVA\_HOME 变量

变量值填写jdk的安装目录，本次为  F:\\Program Files\\Java\\jdk1.8.0\_73

![738404-20160303142755174-23201366.jpg][]

系统变量→新建 CLASSPATH 变量

变量值填写   .;%JAVA\_HOME%\\lib;%JAVA\_HOME%\\lib\\tools.jar（注意最前面有一点）

![738404-20160303142811580-1001275257.jpg][]

系统变量→选择 Path 变量→编辑

在最后添加 %JAVA\_HOME%\\bin

完成后依次点击确定。

### 3.测试JDK是否安装成功 ###

在命令行窗口中输入分别输入 java，javac，java -version，出现如下图所示结果，就显示安装成功（可能显示的不一定是中文）

![738404-20160303144300377-724336493.jpg][]

![738404-20160303144440237-1192296080.jpg][]

![738404-20160303144731612-1023015187.jpg][]

到此，JDK安装配置就搞定了，接下来配置JSP服务器（tomcat）

### 4.安装tomcat： ###

![738404-20160303145312909-347393212.jpg][]

由于我们下载的是安装包，直接双击安装包安装即可（可能会提示 “未知发布者”，不管它直接继续）

![738404-20160303150143768-1228158887.jpg][]

这里选择normal就好（其实这是默认的所以直接Next）

![738404-20160303150309862-84868222.jpg][]

出现管理提示框，端口的话默认就是8080不变就好，有时候因为电脑上安装的其他软件占用了该端口，可能会显示其他的，没关系记住是多少就好；要求输入端口和管理密码，保持默认设置就行（其实也都是默认就可以，依然直接Next）

![738404-20160303150609393-887623626.jpg][]

此时会出现上图，它会自动找到JRE位置，如果用户没有安装JRE，可以修改指向JDK目录（很多用户安装后无法编译JSP，就是这里没找到JRE，请务必先要安装JDK，并把这个目录正确指向JRE或者JDK的目录）。

![738404-20160303150805659-123361182.jpg][]

最后选择安装位置，同样可以使用默认的目录，这里我改到了F盘，然后点击install

![738404-20160303150933221-668961222.jpg][]

好了，安装完成！

不同版本tomcat以上安装设置顺序可能不同，但方法一样，总结安装tomcat就是一路Next就好！

### 5.测试tomcat： ###

安装完时，若勾选了Run Apache Tomcat,tomcat会在关闭对话框后自动运行；如果没有运行，可以在开始菜单中打开Configure Tomcat，然后点击Start启动：

![738404-20160303152025799-890205660.jpg][]

![738404-20160303152211377-1027181704.jpg][]

tomcat启动中

![738404-20160303152244424-1946028217.jpg][]

开启Tomcat后任务栏会出现服务器图标,绿色为运行，红色为停止

打开浏览器 键入 http://localhost:8080 （如果之前指定的端口不是8080，选择你指定的就可以）进入如下页面则表示安装成功：

![738404-20160303152433924-1209510044.png][]

至此tomcat安装与配置已经完成，你可以放个简单的jsp测试文件到..\\Tomcat 7.0\\webapps 目录下的test子目录中测试一下，来段“hello，world”最好不过了：

helloworld.jsp源代码：

<HTML>
    <HEAD>
    <TITLE>my HelloWorld test</TITLE>
    </HEAD>
    <BODY>
    <%
    out.print("Hello World!<br><a href='http://www.cnblogs.com/leftshine/'>leftshine</a>");
    %>
    </BODY>
    </HTML>

将以上文字复制到一个记事本文件中，保存，文件名改为　helloworld.jsp　放入..\\Tomcat 7.0\\webapps\\test目录中

然后在浏览器中输入：http://localhost:8080/test/helloworld.jsp 回车就会显示如下页面

![738404-20160303155124752-1934915441.jpg][]

没错你已经运行了第一个jsp页面！接下来搞定eclipse

### 6.JSP开发工具的安装（这里使用eclipse的绿色版，免安装） ###

JSP的开发工具主要有eclipse和myeclipse；myeclipse集成了大量的插件，对系统配置要求更高，适合企业级开发使用；eclipse体积小，免安装，可扩展性比myeclipse强，对系统配置要求不高，适合初学者使用；因为myeclipse的官网在大陆无法访问，所以推荐使用eclipse

![738404-20160303155626705-1613877221.jpg][]

因为下载的是绿色版的，直接解压就行了（当然如果下载的安装包的话，安装也应该是非常简单的），解压后双击其中的eclipse.exe，选择workspace的位置，然后就可以打开了

![738404-20160303160320674-966630718.jpg][]

打开eclipse并设置workspace，选择一个方便找到的位置就行（不造中文路径会不会有问题，先试试吧，不要勾选那个“Use this……”，有问题下次打开再换）

![738404-20160303160638237-2129517514.jpg][]

第一次打开时间长一点

![738404-20160303160737346-723924319.jpg][]

打开了，×掉Welcome，开始干！（如果你想看看英文介绍……没人拦着）

### **7.eclipse与tomcat的绑定** ###

eclipse中选择window|preferences，打开preferences窗口，如下图：

![738404-20160303161302112-843628856.jpg][]

![738404-20160303161342659-1830577112.jpg][]

选择server|Runtime Enviroments|Add，选择相应版本的tomcat，点击next，点击browse选择tomcat的安装路径,最后finish，如下图：

![738404-20160303161707065-513840415.jpg][]

![738404-20160303162103424-852952119.jpg][]

选择Servers窗口，点击蓝色字，弹出对话框，没有需要改的，直接点击finish，tomcat就与eclipse绑定成功，如下图：

![738404-20160303162558034-2084073592.jpg][] ![738404-20160303162548034-1005240458.jpg][]

![738404-20160303162850205-926649964.jpg][]

绑定完成后这样显示

至此JSP开发环境的搭建的搭建就已经全部完成了，下面测试下JSP开发：

### **8.进行第一个jsp开发测试** ###

![738404-20160303163138002-1014912994.jpg][]

点击File|New|Dynamic Web Project，输入项目名称，其他默认就好，点击finish，这样就创建好了一个动态网页项目，然后新建一个jsp文件

![738404-20160303163645065-1400941604.jpg][]

展开刚才建立的项目test1，右键WebContent，选择New|JSP File，输入项目名字，点击finish。

![738404-20160303164237002-453498032.jpg][]

eclipse已经根据母版自动生成了一些内容，如果要正常显示中文的话还需要 **将图中划横线地方的编码都改为 UTF-8**(推荐UTF-8，其他支持中文的编码格式也行），我们在body便签之间插入如下代码：

<%
    out.print("Hello World!<br><a href='http://www.cnblogs.com/leftshine/'>leftshine</a>");
    %>

![738404-20160303165049284-239875104.jpg][]

点击运行，弹出选项对话框，直接默认，然后finish；

**这时可能会报错，因为我们之前开启了tomcat服务器，冲突了，停止tomcat服务器，再次点击运行即可！**

![738404-20160303165335955-345886231.jpg][]

停止tomcat之后再次运行即可运行成功！

OK！到这里我们成功搭建好了JDK+tomcat+Eclipse的JSP开发环境，并且成功运行了一个JSP项目！

[.JSP]: https://www.cnblogs.com/leftshine/p/5238001.html
[http_www.oracle.com_technetwork_java_javase_downloads_index-jsp-138363.html]: http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html
[738404-20160303111913471-1854657105.jpg]: /images/20210726/90e8c14ab0e244258012127d1973313d.png
[738404-20160303112237987-121971887.jpg]: /images/20210726/1ac12eb35325428aaaf4bf8edaab15a1.png
[x64 x86]: http://jingyan.baidu.com/article/fa4125acb30e8228ac709232.html
[32_X86_64_X64_64]: http://blog.csdn.net/generalyy0/article/details/8482544
[Eclipse]: https://www.baidu.com/link?url=RhQBLqLalqRsax6co3pMYqGf3Jgq-uUCIzR50yk-6YChRmyzyd6V2_jjb1p-y7W7MMKIOLxnrhuf_z-j4twD9z8lsPG88rPHkIcdsB-kaey&wd=&eqid=bacc41c80000b8490000000556d7b0bf
[http_www.eclipse.org_downloads]: http://www.eclipse.org/downloads/
[738404-20160303114637096-1115590423.jpg]: /images/20210726/f296b88a668940629f770fc210b2c529.png
[738404-20160303120051955-1530783971.jpg]: /images/20210726/27ed3c3d9e6b4fddbca7bc7bdea588c7.png
[738404-20160303120342143-242702188.jpg]: /images/20210726/b884c88f4bb94c2f85cb71e002049a4f.png
[Tomcat]: http://baike.baidu.com/link?url=DVrzrNhzmb9anYmKh9n1uQocINix2jmJ1s9-rqoOMahivYmlfekGDkPo0n4EHMZiDRkW-nRLazEeYodi5OMgfa
[tomcat.png]: http://tomcat.apache.org/images/tomcat.png
[http_tomcat.apache.org]: http://tomcat.apache.org/
[738404-20160303121310549-1978325113.jpg]: /images/20210726/49df426270e04bb8846530c3778e83da.png
[738404-20160303121907424-850266833.jpg]: /images/20210726/6163da632d454109ba973fda05c28fdb.png
[738404-20160303133718518-1385932635.jpg]: /images/20210726/99cafca5bec94109aef10acdc9e2ac8c.png
[738404-20160303134106440-256849539.jpg]: /images/20210726/10ca7eb4eaca4e1a828171206d8ed619.png
[738404-20160303134113909-952916718.jpg]: /images/20210726/88cb2302de0d4123a7b55d5319273dbd.png
[Win7_JDK]: http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
[Win8_JDK]: http://jingyan.baidu.com/article/86fae346b55f623c48121a47.html
[738404-20160303141955377-1444832129.jpg]: /images/20210726/aba0073067ff4c9c868854067465d75b.png
[738404-20160303142131112-394806339.jpg]: /images/20210726/b4f4abed322d4d0898f58c479ff7df2b.png
[738404-20160303142755174-23201366.jpg]: /images/20210726/cb3fcc58effe4bd5871b9eb4f89660a0.png
[738404-20160303142811580-1001275257.jpg]: /images/20210726/a848dbadf34a44a2a565a687ceb0b2a3.png
[738404-20160303144300377-724336493.jpg]: /images/20210726/d82a09f04eb74447bf11cc960a4fb129.png
[738404-20160303144440237-1192296080.jpg]: /images/20210726/916eb1968f8f44318fa5fe8fffe8aa3d.png
[738404-20160303144731612-1023015187.jpg]: /images/20210726/9e08ef9368934a0bbfe6d93a6b43ff2b.png
[738404-20160303145312909-347393212.jpg]: /images/20210726/03d4d089ca8e4d3a810ae23d5e029b98.png
[738404-20160303150143768-1228158887.jpg]: /images/20210726/e4cf5c6183134d2892fb644e1adea169.png
[738404-20160303150309862-84868222.jpg]: /images/20210726/2cc877a747d645f88c3a5b0770f98fd6.png
[738404-20160303150609393-887623626.jpg]: /images/20210726/08def65dace640ecbf50b0e823b8009e.png
[738404-20160303150805659-123361182.jpg]: /images/20210726/737fceeb55f34496a4378b1fd4b25f4c.png
[738404-20160303150933221-668961222.jpg]: /images/20210726/3350ac16625a4eb18db7b7a6c13b1abc.png
[738404-20160303152025799-890205660.jpg]: /images/20210726/9785c3865ff94d3cb0f34a24a7e3fd09.png
[738404-20160303152211377-1027181704.jpg]: /images/20210726/cf0f75f323ce4ea2b044c2a4995fbad7.png
[738404-20160303152244424-1946028217.jpg]: /images/20210726/9bf2777c3cdc48f2b6b42b625420c52f.png
[738404-20160303152433924-1209510044.png]: /images/20210726/9a5a33f718b740319d232aff05caebac.png
[738404-20160303155124752-1934915441.jpg]: /images/20210726/a4c13765d9ee4e30b077559ac5d20f32.png
[738404-20160303155626705-1613877221.jpg]: /images/20210726/522c51424a504e7888bb54be0b951e13.png
[738404-20160303160320674-966630718.jpg]: /images/20210726/1af7093a2cf6473f898ab07a9e6eeff3.png
[738404-20160303160638237-2129517514.jpg]: /images/20210726/2a78d6678f144c20a198081fc92296f8.png
[738404-20160303160737346-723924319.jpg]: /images/20210726/277fed8cca6a46698b33074967c3d4f7.png
[738404-20160303161302112-843628856.jpg]: /images/20210726/956609ed03b542a3848874ff4ba91746.png
[738404-20160303161342659-1830577112.jpg]: /images/20210726/e8ba1528829540b0b322e85d26854234.png
[738404-20160303161707065-513840415.jpg]: /images/20210726/7c830f7ba07b48c2974bddf949414992.png
[738404-20160303162103424-852952119.jpg]: /images/20210726/aae02b4506a14fa1ae1cf58c082a1e9c.png
[738404-20160303162558034-2084073592.jpg]: https://images2015.cnblogs.com/blog/738404/201603/738404-20160303162558034-2084073592.jpg
[738404-20160303162548034-1005240458.jpg]: /images/20210726/cea39bbd67ec4b578eec6fdd9a4a70f2.png
[738404-20160303162850205-926649964.jpg]: /images/20210726/cc62bb88a55848e5a70149ef7ee9f357.png
[738404-20160303163138002-1014912994.jpg]: /images/20210726/1aac901fbd2b401eb464b81b6bdb310a.png
[738404-20160303163645065-1400941604.jpg]: /images/20210726/1f47e1af700042cba7726e14f3aab1dd.png
[738404-20160303164237002-453498032.jpg]: /images/20210726/fefb96565adb4d3bb59b96b9be7cf83c.png
[738404-20160303165049284-239875104.jpg]: /images/20210726/66ac69ab96734f8d82ad08f87db52c45.png
[738404-20160303165335955-345886231.jpg]: /images/20210726/db246ebc5431416696fd7446c959d7a0.png