共计 1972 个字符，预计需要花费 5 分钟才能阅读完成。
简述:
在后面的文章中，咱们曾经下载并装置 IDEA、Tomcat 和 Maven 了。当初来通过 IDEA 创立带有 Maven 的 JavaWeb。
创立 JavaWeb:
1. 创立简略的 JavaWeb 模板:
1. 关上 IDEA，抉择上面的选项创立目录.
2. 呈现上面的页面，抉择 maven -> 勾选 Create from archetype -> 抉择 org.apache.maven.archetypes:maven-archetype-webapp -> Next. 留神图下第二步下面咱们能够抉择 JDK 版本。蓝色框 的也是一个 webapp, 框出来是为了揭示别选错 webapp.
3. 抉择我的项目寄存的目录地位，上面红色框柱的 GroupId、ArtifactId、Version 这几个，我前面补全，如果本人想晓得的，能够先去查别的文档。因为是学习 Demo，我间接用默认的。
4. 抉择 Maven 的版本后，抉择右下角的 FINSH 实现按键，而后上面的配置，我也是前面补全。
5. 实现后呈现上面的是因为要装置 依赖 / 插件，这个时候，咱们能够看到目录构造中是没有 src 文件夹的。装置可能比拟久，不能心急。
6. 依赖 / 插件装置后后，会呈现 src 这个文件夹
如果没有，能够按上面进行
???? 按住上面图片第一右键文件夹，选中 Reload from Disk, 刷新一下。
????
src 的目录构造
2.webapp 的创立：
因为这里我不想将 webapp 放在 main 外面，我这里会把 webapp 删除掉，而后在 src 的同级目录下创立先的 webapp. 如果不想看这里的话，能够跳到看下一步。
1. 关上 Project Structure, Project Structure 在菜单 Flie 选项上面，咱们能够用快捷键 ⌘ + ; 关上。
2. 关上 Project Structure 后，咱们抉择 Modules -> + 号后，抉择 Web.
(Ps: 第一图中，咱们能够看到我的项目文件上面有个 Web, 那是咱们删除原来在 main 上面的 webapp 的目录时候，没有在这里删除，咱们能够点击这个目录后，通过 – 号键删除)
3. 点击 Web 后，生成目录上面正确的 webapp, 因为咱们要放在 src 的同级目录下先做①抉择批改
➊. 集体倡议间接批改门路，不要抉择前面的 … 去抉择文件夹，我这里是将 web 批改为了 webapp, introductionJavaWebDemo 是的我的项目目录，因为我心愿 webapp 跟 src 目录是同级的，所以间接批改为 webapp 就行了。前面的 WEB-INF/web.xml 不要动。
➋. 批改完当前，抉择 2 批改，呈现上面的弹框，而后这里是 resource directory path, 设置跟➊外面的门路一样就行了，只是少了 /WEB-INF/web.xml 这一段。而后抉择 ok.
如果呈现上面的状况，抉择 YES 就行了
创立实现后的目录构造
3. 创立 index.jsp：
1. 右键 webapp -> New -> JSP/JSPX
2. 输出 index 后回车
3. 生成的 index.jsp
4. 创立资源文件夹和编写简略 html 展现：
1. 创立 assets 文件夹，目录构造如下，assets 这个文件夹次要用来寄存动态资源，如 image、css、js 等。
2. 批改 index.jsp 为上面内容。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>introductionJavaWebDemo</title>
<link rel="shortcut icon" type="image/ico" href="/assets/favicon.ico" mce_href="/assets/favicon.ico" />
</head>
<body>
<div>
This is a JavaWeb Demo
</div>
</body>
</html>5. 创立 Artifacts:
1. 关上 Project Structure，而后抉择 Artifacts, 咱们能够看到红框中曾经有了 artifacts 了。通过 – 号先删除它们。
2. 创立 artifacts 流程, + -> Web Application: Exploded -> From Modules…
3. 抉择对应的 modules, 而后确定，再确定就能够了。
6. 通过 Tomcat 启动 Web 服务器，展现 index.jsp：
1. 关上 Run 的 configurations 进行设置, 能够点击下图框柱的中央，或者 菜单栏 -> Run -> Edit Configuartions…
2. 关上后，通过 + -> Tomcat Server -> Local 创立 IDEA 和 Tomcat Server 的关联。
