Mac下jdk+tomcat+eclipse开发环境搭建

时间:2021-04-27 13:13:36

学习jsp第一件事情就是搭建开发环境。由于本人用的是mac电脑,所以介绍一下mac下的j s p开发环境的搭建。

第一步:下载j d k,配置j d k环境变量

jdk官网下载链接:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Mac下jdk+tomcat+eclipse开发环境搭建












打开链接后我们可以看到页面中有如上图所示画面,点击accept license agreement左侧的圆圈,意思是接受协议。然后选择Mac OS X对应的jdk点击下载就行了。不过这个页面只显示最新的版本下载,而我想选择的j d k版本是1.7,所以说一下如何下载jdk的历史版本。

点击链接:http://www.oracle.com/technetwork/java/javase/downloads/index.html 会跳转到如下下载页面

Mac下jdk+tomcat+eclipse开发环境搭建

然后我们需要滚动到底部,找到Java Archive这一项

Mac下jdk+tomcat+eclipse开发环境搭建

有一个警告,大致意思是:这些旧版本的JRE和JDK来帮助开发人员提供了在旧系统调试问题。这些旧版本没有更新到最新的安全补丁,不推荐用于开发。不用理会,点击右侧的下载按钮。

Mac下jdk+tomcat+eclipse开发环境搭建


选择java se 7


Mac下jdk+tomcat+eclipse开发环境搭建

点击接受协议,选中mac os x x64对应的jdk下载就行了。

找到下载后的压缩包,双击打开,安装过程跟安装其它软件是一样的,有图形界面,不多介绍。

安装完成后就是配置j d k环境。

打开终端:

Mac下jdk+tomcat+eclipse开发环境搭建


cd / #进入到根目录

cd User/你的用户名 #进入到你的mac用户目录,我的用户名是wjy 所以我这里是cd User/wjy

ls -a #显示该目录下的文件,包含隐藏文件

Mac下jdk+tomcat+eclipse开发环境搭建

vim .bash_profile #用vim编辑编辑配置文件.bash_profile文件是隐藏文件,是用户的环境变量配置文件

Mac下jdk+tomcat+eclipse开发环境搭建

vim编辑界面,按下i键输入以下内容

JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.7.0_71.jdk/Contents/Home
CLASSPAHT=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
PATH=$JAVA_HOME/bin:$PATH:
export JAVA_HOME
export CLASSPATH
export PATH

完成后按下esc键,输入“:wq!”保持并退出,注意,没有双引号。

然后输入source .bash_profile 应用环境变量。

验证是否配置成功

输入java -version

Mac下jdk+tomcat+eclipse开发环境搭建

这样,jdk就安装配置完成了。其实不用配环境变量也可以,系统默认使用安装的最新的jdk版本。


第二步:下载安装tomcat8.5

现在tomcat的最新版本是tomcat 9,但是需要对应的jdk1.8才能使用,所以我选择8.5版本

下载链接:http://tomcat.apache.org/download-80.cgi

Mac下jdk+tomcat+eclipse开发环境搭建

选择tomcat 8版本

Mac下jdk+tomcat+eclipse开发环境搭建

选择Core下的zip下载,下载完成后解压到你想要安装的目录下即可,这样就安装完成了。但是要启动tomcat还需要给tomcat的bin目录下的*.sh文件配置可执行权限。

我这里的安装目录是:/项目/JspProject/apache-tomcat-8.5.16/

打开终端

cd / #进入到根目录

cd /项目/JspProject/apache-tomcat-8.5.16/进入到tomcat目录下。

Mac下jdk+tomcat+eclipse开发环境搭建

chmod -R u+x bin/*.sh #给tomcat的bin目录下的*.sh文件配置可执行权限。

Mac下jdk+tomcat+eclipse开发环境搭建

添加完权限后输入./startup.sh启动tomcat服务。

打开浏览器,输入localhost:8080或127.0.0.1

Mac下jdk+tomcat+eclipse开发环境搭建

能看到如下界面就说明安装成功了。


第三步:下载安装eclipse

下载最新版的eclipse需要安装jdk1.8版本,没事,照样下载安装就行了,也不需要重新配置jdk的环境变量了。eclipse安装成功后还会重新配置jdk,选为我们安装的jdk1.7版本。

eclipse下载链接:https://www.eclipse.org/downloads/

Mac下jdk+tomcat+eclipse开发环境搭建

点击下载download

Mac下jdk+tomcat+eclipse开发环境搭建

下载完成后双击解压,然后点击解压出来的安装程序,根据图形界面引导安装。


第四步:打开eclipse,下载代码颜色样式插件,这一步可以跳过。


Mac下jdk+tomcat+eclipse开发环境搭建

依次点击eclipse的导航栏上的help->eclipse marketplace

Mac下jdk+tomcat+eclipse开发环境搭建


选中popular,找到eclipse color theme颜色样式点击installed安装。根据提示一步步安装,最后点击重启后生效。

重启后点击eclipse,在弹出的菜单中选中偏好设置

Mac下jdk+tomcat+eclipse开发环境搭建

依次选择general->appearance->color theme,然后选择你喜欢的样式,点击应用和关闭。

Mac下jdk+tomcat+eclipse开发环境搭建


第五步:重新添加jdk路径,选择jdk1.7版本

打开eclipse后,点击eclipse,在弹出的菜单中选择偏好设置

Mac下jdk+tomcat+eclipse开发环境搭建

如上图所示,找到java->installed jres

Mac下jdk+tomcat+eclipse开发环境搭建

如果已经配置过了,选择java se 7点击完成即可。没有配置就点击右侧add

Mac下jdk+tomcat+eclipse开发环境搭建

选择最后一项standard vm,然后点击next

Mac下jdk+tomcat+eclipse开发环境搭建

jre home选择jdk1.7版本的home路径,然后给jre name取一个名,比如JDK_1.7,然后选择finish就完成了。

Mac下jdk+tomcat+eclipse开发环境搭建

jdk路径一般在/资源库/java/JavaVirtualMachines目录下。


第六步:给eclipse配置tomcat

点击eclipse,在弹出的菜单中选择偏好设置,找到server->runtime environments

Mac下jdk+tomcat+eclipse开发环境搭建

右侧点击add

Mac下jdk+tomcat+eclipse开发环境搭建

在弹出的窗口中选择tomcat8.5

Mac下jdk+tomcat+eclipse开发环境搭建

点击next,在弹出的窗口中,点击browse为tomcat 服务配置tomcat的安装目录,选择JRE为我们配置的jdk1.7版本的,注意不要忘记了,不过后面可以修改,最后点击finish完成。

Mac下jdk+tomcat+eclipse开发环境搭建


第七步:新建一个j s p项目测试一下

新建一个j s p we b项目,项目名称为jsp_project

Mac下jdk+tomcat+eclipse开发环境搭建

Mac下jdk+tomcat+eclipse开发环境搭建

在项目的WebContent目录下新建一个名文jsp_01的文件夹,并在文件夹下新建一个hello.jsp文件。

Mac下jdk+tomcat+eclipse开发环境搭建


默认生成的代码:

Mac下jdk+tomcat+eclipse开发环境搭建

如果此时编译器报如下错误,说明还没有配置Build Path。

Mac下jdk+tomcat+eclipse开发环境搭建

The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path hello.jsp

解决方案:

双击项目名称,在弹出的菜单中选择build path—>configure build path

Mac下jdk+tomcat+eclipse开发环境搭建

找到java build path,右侧中选中libraries,点击add libraries按钮

Mac下jdk+tomcat+eclipse开发环境搭建

在弹出的窗口中,选中server runtime,点击next

Mac下jdk+tomcat+eclipse开发环境搭建

选中apache tomcat 8.5,点击完成

Mac下jdk+tomcat+eclipse开发环境搭建

点击完成后返回到上一步的窗口,选中order and export,在列表中选中apache tomcat 8.5 点击应用和关闭,到此就配置完成build path。此时所报报错就会消失。


然后在hello.jsp文件的body中输入以下代码:

<%
out.print("hello jsp!");
%>

Mac下jdk+tomcat+eclipse开发环境搭建

将jsp_project项目部署到tomcat上

在eclipse代码编辑窗口的下方,找servers,下方出现tomcat v8.5服务,如果没有出现,会提示添加。右键,在弹出的菜单中选择add and remove

Mac下jdk+tomcat+eclipse开发环境搭建

选中要部署的项目jsp_project,点击中间的add按钮,然后点击finish。同样的,将项目从tomcat上移除只需选择右侧要移除的项目,然后点击中间的remove按钮,点击完成即可。

Mac下jdk+tomcat+eclipse开发环境搭建

同样,选中下方servers,右键tomcat v8.5 在弹出的菜单中选中start开启tomcat服务。

Mac下jdk+tomcat+eclipse开发环境搭建

此时如果报以下错误

Mac下jdk+tomcat+eclipse开发环境搭建

说明我们之前在终端中用命令启动过了tomcat,打开终端进入到tomcat的bin目录下,输入./shutdown.sh关闭tomcat,然后再重新在eclipse中启动tomcat服务即可。


启动成功后,在浏览器中输入http://localhost:8080/加上项目名称 JSP_Project/加上文件夹名成jsp_01/加上文件名hello.jsp,完成路径:http://localhost:8080/JSP_Project/jsp_01/hello.jsp,回车后就可以看到浏览器中输出了hello jsp!,ok,完成。


Mac下jdk+tomcat+eclipse开发环境搭建

退出eclpse的时候记得关闭tomcat哦,不用就关,养成一个良好的习惯!