1.背景

    最近开始学习Java web 开发,老师给的环境配置教程都需要把自己所有东西全部重新删掉然后安装,如果你懂还好,要是不懂,估计就是一个报错找一天。那么我接下来写下这篇教程,希望能帮到一部分需要的人。


2.eclipse安装web插件

    因为我们学习过java所以用的eclipse并不是编写java web的,而是需要去下载java for ee来进行编写java web,然后而我们找到,eclipse号称无所不能,所以我们只需要去安装相应的插件就可以啦。

     1.首先查看自己的eclipse版本     Help->About Eclipse SDK ;  

        我的是2018-09,把这个复制下来。

     

关于java web环境配置(图1)

     2.找到自己对应版本的插件。

        Help -> Install new software,把刚刚复制的输入到 Work with 中下拉框选择对应eclipse版本的路径。

关于java web环境配置(图2)

     3.选择对应的插件。

        选择之后等待一会加载会出现对应版本的所有插件,我们找到   Web,XML,Java EE and OSGI Enterprise Development   ,展开我们会发现很多子选项。

关于java web环境配置(图3)

关于java web环境配置(图4)

      而在开发中我们并不需要将这些插件全部下载,只需要下载特定的几个就行了,

      比如Java后端开发

       关于java web环境配置(图5)     

     添加tomcat服务器

     关于java web环境配置(图6)

     只添加第一个就行了,我给全加了


     至此呢,我们只需要下载上面的八个插件。(Java后端开发,tomcat服务器)


     如果项目使用了Maven,也需要再添加Maven插件.(这步可以忽略,我写给自己看的)

    关于java web环境配置(图7)

     然后点击next,选择同意条款,然后点击  finish 。之后会有一个安装过程,需要大家耐心等待,我的是在右下角有个任务进度条,你可以双击查看(等待过程是漫长的,我等了两个点),在更低的eclipse版本中,可能会在next之后安装完成才可以点击finish。之后就插件安装成功啦。

      

    eclipse推荐按需添加插件,添加过多的插件会导致eclipse臃肿,启动慢等等


3.安装tomcat

   1.官网下载自己对应版本的压缩包,我下载的是   9.031  64位 windous

    

关于java web环境配置(图8)

下载好的安装包解压,解压的位置你可以放在任何地方,D盘,E盘等等,甚至你可以放在U盘里面(我就是放在U盘里面)。但是不建议放在C盘,因为可能会被系统禁止访问文件

   

   2.设置环境变量。

    在安装Jdk的时候我们已经设置过环境变量了,所以我相信你不会陌生。

    此电脑右键->属性->高级系统设置->高级->环境变量->系统环境变量

    我们需要新建一个系统环境变量  点击新建 

CATALINA_HOME:E:\windousApp\apache-tomcat-9.0.31 //这里要换成你自己的刚刚解压之后的路径

   我们可以通过浏览文件夹来选择我们刚刚解压的文件夹

    关于java web环境配置(图9)


之后还需要编辑系统环境变量Path,(这个是一定存在,仔细找),点击编辑->点击右上角添加

%CATALINA_HOME%\bin

关于java web环境配置(图10)

      然后一路点击确定回退回去(不然无法保存

      3.测试是否成功

        windou+R输入cmd,  进入指令小黑框输入   startup.bat   回车,若出现下面这种界面则基本成功

     关于java web环境配置(图11)

       

        之后出现了Tomcat的启动窗口,若没有报错或者一闪而过,那么说明启动成功了,让黑窗口保持运行,不能关,否则你的服务器也就关闭了,若出现了报错或者 一  闪而过(启动失败),可能是你的端口被占用,Tomcat默认的端口是8080,出现这两种情况那么可以试试以下两种:


   一、重启电脑后再次按以上步骤启动Tomcat尝试是否能解决;


   二、修改Tomcat端口号后,再用以上步骤启动Tomcat。(自己百度吧)


   之后浏览器输入一下     http://localhost:8080 (记住小黑框一定不能关掉,否则你的tomcat也就关掉了

   关于java web环境配置(图12)

    这样算是成功啦!


4.tomcat+server启动动项目环境搭建

    打开你的eclipse -> window -> preferences

    关于java web环境配置(图13)

  关于java web环境配置(图14)

点击Add,然后选择版本号,再点击next

关于java web环境配置(图15)

接下来基本都是默认的

关于java web环境配置(图16)

添加server栏,可以再eclipse里面搜索

关于java web环境配置(图17)

我们可以点击server空白处新建服务器(目前我们不需要,提及以后会用)

关于java web环境配置(图18)

关于java web环境配置(图19)

现在我们还没有web项目,所以无法验证,那么我们接下来就来新建一个web项目验证一下吧!


5.新建一个java web项目

   file->new->other  找到Web选择Dynamic Web Project

关于java web环境配置(图20)

关于java web环境配置(图21)

关于java web环境配置(图22)

之后,我们可以看见web.xml

关于java web环境配置(图23)


新建index.jsp

右键自己的项目->new ->JSP File

关于java web环境配置(图24)

在向导视图中的File name文本框中写入jsp页面全称:index.jsp

关于java web环境配置(图25)


点击Finish完成后我们看到了index.jsp页面,编辑页面body的内容写入Hello JSP


关于java web环境配置(图26)

现在我们的第一个java web 项目创建成功,接下来我们开始部署我们的项目,也就是测试刚刚创建的服务器ok还是不ok!


部署web项目


打开server右键我们的服务器,然后选择Add and Remove

关于java web环境配置(图27)

关于java web环境配置(图28)

选择项目->Add -> Finish


之后再次右键server栏服务器,点击clean Module work directory

关于java web环境配置(图29)

如果有弹窗,选择ok


下面运行我们的服务器,同样右键server栏的服务器,选择start

关于java web环境配置(图30)

出现下面算是启动成功

关于java web环境配置(图31)


在地址栏输入http://localhost:8080/你的项目名

关于java web环境配置(图32)

我们可以看到,显示了我们刚开始输入的那段文本;到现在我们算是吧整个流程全部完成了呢,是不是还挺开心。你的快乐也是我的快乐。也不枉费我熬夜写了两个小时。


今天先这样,睡觉!!!!!