IDEA的使用及Web项目构建

淡淡的烟草味﹌ 2023-10-11 19:37 60阅读 0赞

**目录**

一、创建普通Java项目

二、配置Tomcat

三、配置maven

四、构建Maven项目

五.导入Tomcat

六.建立HTML和JAVA的连接

--------------------

## 一、创建普通Java项目 ##

![e275b498aae94d3fa89e2bc82de11bdf.png][]

不需要勾选

![5b9b20358c3247668475d7d18af8bf6e.png][]

编辑项目名称及路径

![1bc7e142ba434b229939003fa7b991bd.png][]

项目创建成功

![7d1edec6d1764980aad8b5cfbbe1cd20.png][]

## 二、配置Tomcat ##

进入IDEA配置菜单：File-settings

![6b21a27a00ce4dd3893bea7618c90d3e.jpeg][]

![1a09cb576c314a33a94d560964b386f4.jpeg][]

![701782f058834e79b95840dd9d2012bf.jpeg][]

## 三、配置maven ##

首先需要将阿里云仓库放入maven文本中

![da9a394af56f474dafc47ad7712b9663.png][]

打开**settings.xml**文件,找到**mirrors**然后将红框中的代码加入**mirrors**中

![04db3b8e0a9846a0ac56399470cf7710.png][] 之后打开IDEA中HTML的webapp文件夹下的**web.xml**文件,只留下 红框中代码

![880e137ad4a1451e9359ddccbaff444c.png][]

![d80b0482a7384781aef3079651d4de22.png][]

进入IDEA配置菜单：File-settings，搜索maven

![e741e66937ae4565b69a8af1672b1d11.jpeg][]

## 四、构建Maven项目 ##

新建项目选择Maven![da75bb193f304c86900b9e46cc3d6c31.jpeg][]

选择路径![5c1845596a044dedaf23eddb147c9a67.png][]

**注意:路径一定要选择正确,第一个一定是Tomcat的文件夹,第二个地址一定是Tomcat文件夹中的** **conf文件夹中的settings.xml文件**

![e03bfd46971645b9a3412f1c66d4e217.png][]

![abd5b98d6bfe4244b9ea9acc11a8cdc8.png][]

![2c6e4e66220749ce98150f81fc084752.png][]

好啦,当生成这个**webapp**这个文件之后这样**Maven**就创建完成了

## 五.导入Tomcat ##

点击工具符号旁边

![bdd8a2f6dfdd42b0bf3bf5df4b320f52.png][]

对应的左边找到Tomcat,相对应右边Application server 里面找到对应的Tomcat版本号![eeddd227a1f441ad943f3cf5d76abbfe.png][]

选择添加

![8c231767fe2b4bbbb77ae47ad09c02f0.png][]

选择第二个

![5957b8b4ce374416a9fea5ad0bfdfc8a.jpeg][] 选择之后路径要删除只留一个"**/**"![b021d68e31e64e869edcf88ad2c8712c.jpeg][]

创建成功之后右上角图标会转为绿色![4f034ba5846d4f43b40216efddeb0292.png][]

## 六.建立HTML和JAVA的连接 ##

HTML中的这个**pom.xml这个**这个文件打开

![5d01415087f24f6a96aa0e135fa0c3fc.png][]

将下面代码复制粘贴到**dependencies**中,其他要删去,之后屏幕上面会出现一个悬浮框,鼠标放上会有刷新,点击悬浮框来下载相应的jir包.

>   
> <dependency>  
> <groupId>javax.servlet</groupId>  
> <artifactId>javax.servlet-api</artifactId>  
> <version>3.1.0</version>  
> </dependency>  
>   
>   
> <dependency>  
> <groupId>taglibs</groupId>  
> <artifactId>standard</artifactId>  
> <version>1.1.2</version>  
> </dependency>  
> <dependency>  
> <groupId>javax.servlet</groupId>  
> <artifactId>jstl</artifactId>  
> <version>1.2</version>  
> </dependency>

![d37c6b5c42a047f5a4bcc815dc267a4b.jpeg][]

完成以上操作,HTML就可以和JAVA连接起来了

##  ##

[e275b498aae94d3fa89e2bc82de11bdf.png]: https://img-blog.csdnimg.cn/e275b498aae94d3fa89e2bc82de11bdf.png
[5b9b20358c3247668475d7d18af8bf6e.png]: https://img-blog.csdnimg.cn/5b9b20358c3247668475d7d18af8bf6e.png
[1bc7e142ba434b229939003fa7b991bd.png]: https://img-blog.csdnimg.cn/1bc7e142ba434b229939003fa7b991bd.png
[7d1edec6d1764980aad8b5cfbbe1cd20.png]: https://img-blog.csdnimg.cn/7d1edec6d1764980aad8b5cfbbe1cd20.png
[6b21a27a00ce4dd3893bea7618c90d3e.jpeg]: https://img-blog.csdnimg.cn/6b21a27a00ce4dd3893bea7618c90d3e.jpeg
[1a09cb576c314a33a94d560964b386f4.jpeg]: https://img-blog.csdnimg.cn/1a09cb576c314a33a94d560964b386f4.jpeg
[701782f058834e79b95840dd9d2012bf.jpeg]: https://img-blog.csdnimg.cn/701782f058834e79b95840dd9d2012bf.jpeg
[da9a394af56f474dafc47ad7712b9663.png]: https://img-blog.csdnimg.cn/da9a394af56f474dafc47ad7712b9663.png
[04db3b8e0a9846a0ac56399470cf7710.png]: https://img-blog.csdnimg.cn/04db3b8e0a9846a0ac56399470cf7710.png
[880e137ad4a1451e9359ddccbaff444c.png]: https://img-blog.csdnimg.cn/880e137ad4a1451e9359ddccbaff444c.png
[d80b0482a7384781aef3079651d4de22.png]: https://img-blog.csdnimg.cn/d80b0482a7384781aef3079651d4de22.png
[e741e66937ae4565b69a8af1672b1d11.jpeg]: https://img-blog.csdnimg.cn/e741e66937ae4565b69a8af1672b1d11.jpeg
[da75bb193f304c86900b9e46cc3d6c31.jpeg]: https://img-blog.csdnimg.cn/da75bb193f304c86900b9e46cc3d6c31.jpeg
[5c1845596a044dedaf23eddb147c9a67.png]: https://img-blog.csdnimg.cn/5c1845596a044dedaf23eddb147c9a67.png
[e03bfd46971645b9a3412f1c66d4e217.png]: https://img-blog.csdnimg.cn/e03bfd46971645b9a3412f1c66d4e217.png
[abd5b98d6bfe4244b9ea9acc11a8cdc8.png]: https://img-blog.csdnimg.cn/abd5b98d6bfe4244b9ea9acc11a8cdc8.png
[2c6e4e66220749ce98150f81fc084752.png]: https://img-blog.csdnimg.cn/2c6e4e66220749ce98150f81fc084752.png
[bdd8a2f6dfdd42b0bf3bf5df4b320f52.png]: https://img-blog.csdnimg.cn/bdd8a2f6dfdd42b0bf3bf5df4b320f52.png
[eeddd227a1f441ad943f3cf5d76abbfe.png]: https://img-blog.csdnimg.cn/eeddd227a1f441ad943f3cf5d76abbfe.png
[8c231767fe2b4bbbb77ae47ad09c02f0.png]: https://img-blog.csdnimg.cn/8c231767fe2b4bbbb77ae47ad09c02f0.png
[5957b8b4ce374416a9fea5ad0bfdfc8a.jpeg]: https://img-blog.csdnimg.cn/5957b8b4ce374416a9fea5ad0bfdfc8a.jpeg
[b021d68e31e64e869edcf88ad2c8712c.jpeg]: https://img-blog.csdnimg.cn/b021d68e31e64e869edcf88ad2c8712c.jpeg
[4f034ba5846d4f43b40216efddeb0292.png]: https://img-blog.csdnimg.cn/4f034ba5846d4f43b40216efddeb0292.png
[5d01415087f24f6a96aa0e135fa0c3fc.png]: https://img-blog.csdnimg.cn/5d01415087f24f6a96aa0e135fa0c3fc.png
[d37c6b5c42a047f5a4bcc815dc267a4b.jpeg]: https://img-blog.csdnimg.cn/d37c6b5c42a047f5a4bcc815dc267a4b.jpeg