Eclipse 创建JavaWeb工程

红太狼 2023-10-02 23:11 55阅读 0赞

## Eclipse 创建JavaWeb工程 ##

配置环境：

Eclipse：Version: 2022-06

tomcat：9.0.65

创建Web工程流程

1.先在Eclipse上配置tomcat，打开Eclipse，选择菜单栏上的Window–>Preferences–>在下拉菜单中找到Server–>点击Runtime Environments

![fc1f4f462d7554b0bd0bcd1a2849e89d.png][]

2.把下载好的tomcat服务器添加到Eclipse服务器运行环境上，点击Add…

![img][]

3.点击Apache

![image-20221118214406262][]

4.找到对应自己tomcat服务器的版本，我的是tomcat9.0.65对应的就是Apache Tomat v9.0，其他版本的比如说8.5.81对应的就是Apache Tomcat v8.5

![image-20221118214750711][]

5.点击Next–>找到自己tomcat放置的位置–>在JRE的下拉列表中选中jre–>点击Finish

![image-20221118215309239][]

6.添加成功后选中Apply and Close

![image-20221118215531301][]

7.接下来就可以创建Web工程，选择菜单栏的file–>New–>Dynamic Web Project

![image-20221118215934053][]

8.项目命名

![image-20221118220616472][]

9.点击Next–>Next后进入的界面

![image-20221118220855534][]

10.如果想要生成web.xml文件就把Generate web.xml deployment descriptor给选上，我这里是想要生成的所以我给它打上

![image-20221118221212297][]

11.点击Finish就创建Web工程成功了一半了，下面是该Web01的项目结构

![image-20221119105233616][]

1.  右击项目Web01，选择New–>JSP File
    
    ![image-20221119105523063][]
2.  出现下列弹窗，点击Finish，如果想设置JSP模板就点击Next，我这里就默认的模板
    
    ![image-20221119110138453][]
3.  添加JSP文件完成后，在NewFile.jsp文件中添加`<h1>你好</h1>`
    
    ![image-20221119110723890][]
4.  注意这里把编码格式调成UTF-8，不然显示的你好将会是乱码
    
    ![image-20221119111458720][]
5.  保存该文件，然后点击绿三角旁边的那个朝向下的三角，选择Run on Server
    
    ![image-20221119111958346][]
6.  出现下面的弹窗
    
    ![批注 2022-11-19 112347][2022-11-19 112347]
7.  找到刚才配置的tomcat环境是那个版本，我这里是Tomcat v9.0 Server
    
    ![image-20221119113133040][]
8.  点击Next查看自己的Web项目是不是在这个配置好的Tomcat服务器上，我这里是默认添加上的
    
    ![image-20221119113310316][]
9.  点击Finish 运行成功，结果如下
    
    ![image-20221119113828191][]

[fc1f4f462d7554b0bd0bcd1a2849e89d.png]: https://img-blog.csdnimg.cn/img_convert/fc1f4f462d7554b0bd0bcd1a2849e89d.png
[img]: https://img-blog.csdnimg.cn/img_convert/46ad5099738ff7eec2cb73b24bed8444.png
[image-20221118214406262]: https://img-blog.csdnimg.cn/img_convert/a678c7fbcb18fa03d852800262738963.png
[image-20221118214750711]: https://img-blog.csdnimg.cn/img_convert/af3ae6f3e0c188822e6a1dba827e857b.png
[image-20221118215309239]: https://img-blog.csdnimg.cn/img_convert/fe72e9b096c83fbf20f0128523dca213.png
[image-20221118215531301]: https://img-blog.csdnimg.cn/img_convert/c655b83dac434d5ec1120e723a23feab.png
[image-20221118215934053]: https://img-blog.csdnimg.cn/img_convert/7995464c1626d8d92bccbd11f36ab4d3.png
[image-20221118220616472]: https://img-blog.csdnimg.cn/img_convert/6546ce035ff8173b8ef87f40f58ea76b.png
[image-20221118220855534]: https://img-blog.csdnimg.cn/img_convert/f68c0ec6403b0faedc012d1a84208602.png
[image-20221118221212297]: https://img-blog.csdnimg.cn/img_convert/585c5526f7271ae8ff39b8090ad344c1.png
[image-20221119105233616]: https://img-blog.csdnimg.cn/img_convert/360329fa38485542cc05896f68e736cc.png
[image-20221119105523063]: https://img-blog.csdnimg.cn/img_convert/b212e0d123b667e7495d695d41cc5987.png
[image-20221119110138453]: https://img-blog.csdnimg.cn/img_convert/c08db0b5bbd7377bb0cb0e54e6a6aedd.png
[image-20221119110723890]: https://img-blog.csdnimg.cn/img_convert/12386cff7e76fea91cb8143e04ebbf90.png
[image-20221119111458720]: https://img-blog.csdnimg.cn/img_convert/df04482475a33ddb20c89898be48aa01.png
[image-20221119111958346]: https://img-blog.csdnimg.cn/img_convert/b9063e6b0d68251104e9de56b66ddc7e.png
[2022-11-19 112347]: https://img-blog.csdnimg.cn/img_convert/15beff074fad3bbef10c32e4120df4f1.png
[image-20221119113133040]: https://img-blog.csdnimg.cn/img_convert/cce867e8baaae0ca017abb300e80a02d.png
[image-20221119113310316]: https://img-blog.csdnimg.cn/img_convert/154c36019de7968ce6bb51ab3de61dcf.png
[image-20221119113828191]: https://img-blog.csdnimg.cn/img_convert/747d86b515abe3509db0b3427b106bfb.png