如何在eclipse中创建一个Web项目并成功运行?
前置条件
1、确保已安装 Eclipse、Tomcat 服务器安装包
2、jdk、环境变量都已配置成功。
3、注意在安装 Eclipse 时一定要选择第二个有 Web 项目的进行安装,
不然安装成功后还需要下载很多的插件,增加了不必要的麻烦。
创建步骤:
1.将本地Tomcat 服务器添加进去:
- 打开 Window - prefrence
- server
- Runtime Environments
- 点击 Add,找到对应的你下载的 Tomcat 服务器,进行添加,我的是 9.0
- 最后 Apply 即可
![image-20200615202642769](https://gitee.com//mayating/BlogImage/raw/master/img/20200615205704.png)
![image-20200615202748361](https://gitee.com//mayating/BlogImage/raw/master/img/20200615205733.png)
![image-20200615202844511](https://gitee.com//mayating/BlogImage/raw/master/img/20200615205852.png)
![image-20200615202919738](https://gitee.com//mayating/BlogImage/raw/master/img/20200615205900.png)
![image-20200615202947444](https://gitee.com//mayating/BlogImage/raw/master/img/20200615205904.png)
2.创建Web项目
与创建 Java 项目类似,在 File -- New -- Other 中搜索 web;选择第一个,进行创建 Web项目
然后会出现与 JAVA 项目类似的界面,注意下面这里选择 和 你的 Tomcat 服务器匹配的 :
注意此处的 Tomcat 版本 和 Dynamic Web 版本是有一定关联的。
![image-20200615203702067](https://gitee.com//mayating/BlogImage/raw/master/img/20200615205912.png)
Finish 后,在控制台选择 Servers ,会出现下面的情况:
![技术图片](http://image.mamicode.com/info/202002/20200222183429908896.png)
双击蓝色的一行字符:
![技术图片](http://image.mamicode.com/info/202002/20200222183429994828.png)
如果和本地的相匹配,点击 Finish,不匹配的话,需要修改成和本地相匹配的。
此时,在项目栏左侧会多出来一个:
![image-20200615203907423](https://gitee.com//mayating/BlogImage/raw/master/img/20200615205931.png)
在控制台那一块会出现这种情况:
![image-20200615203946133](https://gitee.com//mayating/BlogImage/raw/master/img/20200615205940.png)
双击这个,进行和本地服务器相同步的设置、修改Server Locations,选择第二个,和本地信息同步,然后保存,一定要记得保存
![image-20200615204129868](https://gitee.com//mayating/BlogImage/raw/master/img/20200615205948.png)
如果之前没有修改端口号,则此时需要修改一下端口号:
左侧--servers -- 双击服务器--server.xml
![image-20200615204236978](https://gitee.com//mayating/BlogImage/raw/master/img/20200615205958.png)
点击左下角的 source 找到端口号进行修改即可,记得保存
![image-20200615204415009](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210006.png)
3.实现效果
在 Web 项目下创建一个 jsp 文件进行测试 :
![image-20200615204836957](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210015.png)
![image-20200615204910838](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210023.png)
在该项目下写上一段代码
My first JspProject
,记得保存![image-20200615204959052](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210030.png)
右击控制台下方的服务器进行添加我们的项目 :
![image-20200615205049198](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210037.png)
![image-20200615205121637](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210046.png)
最后右击服务器进行启动:
![image-20200615205215927](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210052.png)
看到控制条出现信息,随后状态由之前的 Stopped 变为 Started,可知,tomcat启动成功!!
![image-20200615205401813](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210059.png)
在浏览器中输入 http://localhost:8080/HelloWeb/one.jps (注意路径一定要正确,否则容易出现 404),进行测试
![image-20200615205520055](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210105.png)
测试完后,一定要记得关闭服务器(关闭也是十分重要的哦)
![image-20200615205608385](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210114.png)
此时tomcat 状态:
![image-20200615205629524](https://gitee.com//mayating/BlogImage/raw/master/img/20200615210125.png)