IDEA Maven快速创建JavaWeb项目

鉴于这是基本功,而且发现自己经常犯类似的错误,因此详细记录一下这个问题。

1.准备

以笔者的测试软件以及版本为准

  • IDEA 2020.3
  • Maven3.6.5
  • Tomcat 8.5
  • JDK1.8

2.项目目录构建

2.1

File→new →Project:选择Maven构建项目,Project SDK 是1.8直接Next,填写项目名称以及对应的位置,不再细说;此时只是一般的Maven构建的项目。

2.2

File→Project Structure→选择Facets,点击 + 选择 Web,默认弹出当前的项目名,选中项目,然后点击OK,右边有三项需要调整:

Deployment Descriptors:

点击该栏,再点击右边铅笔表示编辑按钮,修改当前的web.xml的目录结果,比如:我的是 E:\JavaProject\springMVC\testProj\web\WEB-INF\web.xml,将其修改成 E:\JavaProject\springMVC\testProj\src\main\webapp\WEB-INF\web.xml ,下面的 Version可以修改成3.1,点击OK

Web Resource Directories

这个设置主要是web资源存放的目录,很重要,如果不设置Web里面的一系列资源就404无法访问。点击该栏,再编辑,和前面保持一致 E:\JavaProject\springMVC\testProj\src\main\webapp 。 相对路径为默认的 /
点击OK,并确认创建该目录。

Source Root

直接点击 Create Artifact,然后进入后不用修改,直接点OK。
之后点击OK,退出界面,此时在工程目录中 src/main/webapp目录就存放后面的web资源文件。可以在该目录下创建一个测试index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>Test Page</h1>
</body>
</html>

3.配置Tomcat服务器

点击编辑器右上角 锤子后边的 Add Configuration,在面板中展开Templates,然后选择 Tomcat Server→Local,然后 配置Application Server的安装目录,点击OK。退出再进入,然后直接点击 +
选择Tomcat Server Local就出现之前设置好的 模板,这里有几点:

3.1

点击Deployment,点击右边 + 选择添加当前项目目录。再设置 下方的 Application Context为 /
再切换回Server :

3.2

设置 On 'Update' action 选择 Update classes and resources。这样修改源代码就不用重启Tomcat服务器。即热部署(热部署只存在于Debug模式下)。后面可以按需修改端口,整个项目Tomcat服务器配置就完成。
BTW:我实际发现工程中没有java代码的时候这个选项暂时还没有,可以写完一个Java代码后再设置这个

4.测试

可以以Debug模式启动测试页面 查看 localhost/index.html是否能正确显示出来。

posted @ 2021-04-02 21:06  又一个蛇佬腔  阅读(217)  评论(0编辑  收藏  举报