IntelliJ IDEA『图文实践』-- 创建WEB工程

1. 写在前面

前面一篇文章学习了建立 java 工程,这次我们来建 web 工程, 看了比较多的教程,同时请教了下公司玩 IDEA 的老司机。所以有了这个教程

前面一篇文章戳右边 IntelliJ IDEA『图文实践』– 创建JAVA工程

2. 步骤

比较奇怪 我就搞不懂这 IDEA 为什么莫名其妙在项目外面包裹一层路径,从前面的建立 java 工程可以看到,有个 project name 和 model name ,结果可以看到路径。 project name 就和 workspace 一样了,任何项目都可以建在里面,虽然能理解 但是不像 as 一样建立的 android 项目,一个项目一个 project ,这里美其名曰一个项目一个project,但是在 new file 时 还是 new module 。开始可能不懂,看完整个教程可以再来瞧瞧这里我说的。

如上所说,反正都要包裹一层路径,这里直接在前面 project 中新建项目了。


这里写图片描述

勾好 web application ,这里确实是新建项目 ,有像 AS 一样的 application 和 iml


这里写图片描述

特别注意接下来的步骤,不然很容易出问题,因为我前面在操作 MyWebProject 项目,所以到这里 进入页面如下图


这里写图片描述

现在我将新建工程取名为 MyWebTest 记得修改下面的两行的路径,不然不对的,本来也应该修改


这里写图片描述

成功创建完,得到如下图


这里写图片描述

在 WEB-INF 下新建两个文件夹,分别是 classes 和 lib,分别用来放编译后的文件 和 jar包


这里写图片描述
这里写图片描述

分别为 classes 和 lib 设置编译路径和 jar 包路径,File –> Project Structure,进入如下


这里写图片描述

设置编译路径 就是刚才新建的 classes


这里写图片描述

设置 jar 包路径


这里写图片描述
这里写图片描述

配置 tomcat


这里写图片描述

因为前面新建了一个 tomcat ,这里我不新建了,展示看看


这里写图片描述

新建 tomcat ,设置 tomcat 名称,版本 ,路径 ,端口号 ,JRE


这里写图片描述

将 WEB工程发布到 tomcat 上


这里写图片描述
这里写图片描述

运行工程


这里写图片描述