本文共 5734 字，大约阅读时间需要 19 分钟。

写在前面

讲完模板以后，咱们来说一下如何在IntelliJ IDEA当中去创建Java Web的工程。这里，我们主要分两种情况来讲，第一种是如何创建静态的Java Web工程，另外一种是如何创建动态的Java Web工程。如果我们是做前端开发的话，那么极有可能会涉及到静态的Java Web工程的创建，当然了，对咱们Java后端程序员来讲，创建动态的Java Web工程当然是首选了。

接下来，我会在工程下以Module的方式来分别演示静态和动态的Web工程的创建。

如何创建静态的Web工程？

首先在这里我要给大家说声抱歉，由于我用的IntelliJ IDEA是最新版的，即IntelliJ IDEA 2020.3.3，所以我不知道该怎样来创建一个静态的Web工程了。

网上有人说，2020版的IntelliJ IDEA在新建工程的时候已经找不到Static Web这一项了，而且插件也失去了效果。我看了一下我自己的IntelliJ IDEA 2020.3.3，确实是这样，如下图所示。

然后我就继续在网上搜，终于被我找到原因了，原来是Static Web早已被更名为JavaScript，官方文档解释是JavaScript项目类别以前被称为Static Web，如下图所示。

本来在2020版的IntelliJ IDEA中创建一个静态的Web工程，只须在JavaScript项目类别选中JavaScript这一项，然后就是下一步的事情了，但是，我猛然发现他奶奶个腿的，老子的JavaScript项目类别里面压根就没有JavaScript这一项，这让我情何以堪啊！

所以，我就没辙了，这一定是因为我用的IntelliJ IDEA太新了，原来这也成了问题，艹！

如何IntelliJ IDEA 2020.3.3中创建一个动态的Web工程，并将其部署在Tomcat上进行访问呢？

创建一个动态的Web工程

在使用IntelliJ IDEA 2020.3.3创建动态的Web工程时，我还是遇到了不少问题，不过经过一番苦苦摸索之后得到了以下解决方案。

第一步，创建一个普通的Java工程。这儿，我早已创建出来了，它就是HelloLiayun，如下图所示。

不过，这里我想说明的是，在之前的IntelliJ IDEA版本中，我们创建动态Web工程时，还是可以通过Java Enterprise选项来进行创建的，如下图所示，但是2020版的IntelliJ IDEA就不能直接通过Java Enterprise选项来创建动态Web工程了。

第二步，右键工程，并在弹出的下拉列表中选择Add Framework Support...，这是告诉我们要添加框架支持。

这时，应该会弹出如下一个对话框，然后在该对话框的左侧勾选上Web Application (4.0)这一项。除此之外，记得还要勾选上Create web.xml哟，因为勾选上它之后，就会帮我们自动地创建web.xml文件了，一旦咱们写完Servlet或者Filter的话，就可以在web.xml文件当中进行注册了。两个勾都打上之后，接着直接点击OK按钮。

其实，你也不用勾选上Create web.xml，因为现在我们可以注解的方式来注册Servlet或者Filter了。

这时，你就能看到工程下多出来了一个web目录，展开，动态的Web工程的基本目录结构如下。

创建好了之后，你会发现在web目录下有一个index.jsp文件，这是IntelliJ IDEA默认帮我们生成的。当然了，我们也可以对该文件稍微做一个修改。等一会儿，咱们将这个创建好的动态Web工程部署到Tomcat上之后，在浏览器中访问index.jsp时，它就会给我们展示一些内容了。展示什么内容好呢？不妨展示大家好，我是你们的李阿昀！这个内容好了，如下图所示，当我在<h1>标签中写上一个style玩意之后，你会看到IntelliJ IDEA的提示功能真的好强大啊👍，给我们很快地去显示出来了下面可以设置的一些内容。

比如说我把<h1>标签中字体的颜色设置成一个红色，如下图所示，发现IntelliJ IDEA提供了好多的颜色来供我们选择，这里，我选择的颜色是红色。

将<h1>标签中字体的颜色设置成红色之后，你会发现在左边显示出了这个颜色的一个色块，如下图所示。

你是不是不禁感叹IntelliJ IDEA的提示功能真是太强大了！可以这么说，在你编写HTML、JSP、XML以及JavaScript等代码的时候，IntelliJ IDEA支持的确实很好，提供功能也非常的人性化，就像这儿<h1>标签中字体颜色的显示，是不是比我们之前用的Eclipse要靠谱很多啊？咱们在讲二者区别的时候，就已经提到这点了。尤其是做前端的开发人员，包括移动端和安卓的开发人员，因为页面中会涉及到很多的颜色，IntelliJ IDEA能帮着把颜色给展示出来，所以还是比较方便的。

一旦大家开始使用IntelliJ IDEA以后，你就发现你再也回不去了，就像你从农村里面走出来，到城市生活以后，然后你突然发现当你适应城市生活以后，你就再也回不去农村了，但是如果你要一直生活在农村，你没有经历过城市生活，其实你也感觉在农村生活还挺好的，是不是？

好了，回到主题，接下来咱们要考虑的事情就是需要把我们创建好的动态Web工程给它部署到Tomcat上。

配置Tomcat并部署动态Web工程

这块配置Tomcat的话，咱们就以本地的一个Tomcat为例来做一个演示。在我本人的电脑上，已经安装好了一个Tomcat，如下图所示。

下面，咱们就来讲解一下如何在IntelliJ IDEA中添加Tomcat服务器的镜像，详细步骤如下所示。

第一步，点击菜单栏中的Run菜单，然后在其下拉列表中选中Edit Configurations...这一项，如下图所示。

第二步，点击Run/Debug Configurations界面右上角的+号，你会发现这时弹出了一个下拉框，如下图所示，滚动滑轮到底部，找到Tomcat Server > Local，并点击它。

第三步，首先，为咱们要添加的Tomcat服务器的镜像起个名字，不妨这里我就叫做Tomcat 8.5.38，然后，点击一下Configure..按钮，这时应该会弹出一个小对话框，在对话框中指明本地Tomcat服务器的家路径，例如我本地Tomcat服务器的家路径就是D:\tomcat-8.5.38\apache-tomcat-8.5.38，接着，点击OK按钮，如下图所示。

这时，Run/Debug Configurations界面就变成下面这个样子了。

从以上界面中，你能看到本地Tomcat服务器使用的端口号是8080。不知你有没有看到VM options这一项，这是告诉我们可以在这儿对虚拟机（VM）做一个设置，如果大家不是有特别诉求的话，那么就可以不用设置了。

第四步，看到Run/Debug Configurations界面下面的警告没，即Warning:No artifacts marked for deployment，这是在提示我们没有artifacts，告诉我们要在部署的时候做一个设置。于是，我们需要切换到Deployment下，如下图所示。

然后，点击以上红圈圈中的+号，并在弹出的下拉列表中选中第一项，即Artifact...，如下图所示。

接着，将Application context改成/，如下图所示，这里是设置虚拟目录哟😀，如果改成是/的话，那么访问网站的时候不需要写虚拟目录了，直接输入localhost:8080就能访问到index.jsp页面。

改好以后，点击OK按钮，这时，你就会发现本地Tomcat服务器的镜像就添加过来了，如下图所示。

添加过来以后，下面我们就把创建好的动态Web工程部署到Tomcat服务器上面。很简单，只须点击工具栏中的那个绿色小三角形即可，这就是部署工程并启动Tomcat服务器。

大家稍等一会儿，过不了多久，你就能看到成功连接（即Connected to server）的消息了，如下图所示。

除此之外，你还会发现浏览器随之自动打开了index.jsp页面，如下图所示。

因为index.jsp是咱们创建的动态Web工程默认的首页，所以并不需要写虚拟目录。如果访问其他.html页面的话，那么还需要在localhost:8080后面写上页面的名字，如http:localhost:8080/hello.html。

至此，我们就将咱们创建好的一个动态Web工程部署到Tomcat服务器上去了，并且还正常的做了一个执行。

哎，那怎么停掉Tomcat服务器呢？看到下图中被红圈圈中的红色色块了吗，点击一下它就能停掉Tomcat服务器了。

停掉Tomcat服务器之后，你会发现以上红色的色块变成灰色了，如下图所示。

其实，停掉Tomcat服务器这一操作实际上是经历了两个过程，点击红框的时候，它并不是马上把服务器停掉了，而只是先断开了与服务器的连接，然后才停掉了服务器。

以上就是如何在IntelliJ IDEA中添加一个Tomcat服务器的镜像，并部署一个动态的Web工程到Tomcat服务器上。

如何创建和访问Servlet

到这里，jsp页面的访问已经是没任何问题了，但是要访问Servlet，还得需要执行一些操作。

在创建Servlet之前，咱们还得做这样一件事情，即在WEB-INF目录下创建classes和lib这两文件夹。那如何创建目录呢？很简单的，按照下图所示的步骤来操作就行。

然后在弹出的对话框中输入目录的名称即可。

回车之后，目录就创建好了，这傻子都知道了吧！classes和lib这两目录创建好之后，就变成下面这个样子了。

这里，我得好好说明一下这两个目录。

• classes目录：存放编译后的字节码文件
• lib目录：存放项目所依赖的jar包

接下来，我们还得配置一下工程的架构，所遵循的详细步骤如下。

第一步，点击菜单栏中的File菜单，然后在其下拉列表中选中Project Structure...这一项，如下图所示。

或者，你要是嫌麻烦的话，直接点击工具栏中如下红圈圈中的小图标也是可以的。

这时，你会看到一个Project Structure界面，如下图所示。

第二步，选中Project Structure界面左侧的Modules这一项，然后在其右侧选中咱们的工程，即HelloLiayun，如下图所示。

第三步，切换到Project Structure界面的Paths下，将编译后的字节码文件的输出路径修改为咱们自己创建的classes目录。

第四步，再切换到Project Structure界面的Dependencies下，看到下面的那个+号没，点它，你会发现这时弹出来了一个下拉列表，如下图所示。

然后，选中第一项，即1 JARs or Directories...，这时，又会弹出一个如下对话框，接着在该对话框中找到本地Tomcat服务器的lib目录，找到之后点击OK按钮。

这时，你就能看到工程下导入了本地Tomcat服务器中lib目录下所有的jar包，包括servlet-api.jar和jsp-api.jar，这两个jar包是我们编写Servlet的过程中不可或缺的，少了它们，编写出来的Servlet就会报错。

最后，点击OK按钮以关闭Project Structure界面。这时，只要你展开工程下的External Libraries目录，就能看到导入进来的所有jar包了，这些都是本地Tomcat服务器lib目录下的。

接下来，我们就可以在工程的src目录下新建一个Servlet了，例如HelloServlet，其实它就是一个Java类。

可以看到，我们在以上HelloServlet类上标注了这样一个@WebServlet(name = "helloServlet", urlPatterns = "/hello")注解，该注解不用我说了吧，想必大家也都知道了，从Servlet 3.0开始，就能够支持注解配置了。

然后，我们来启动Tomcat服务器，启动成功之后，在浏览器地址栏中输入http://localhost:8080/hello来进行访问，你就能看到HelloServlet给我们响应的内容了，如下图所示。

这说明我们新建的Servlet编写和配置都是没有任何问题的。弄到这里，还是挺不简单的，我内心由衷地感到非常开心😂，你是不是也是这样呢？我亲爱的小伙伴😘

最后，我还得说一下Tomcat的热部署，你也不要嫌我麻烦，因为该说的还是得说。那什么是Tomcat的热部署呢？当更新文件中资源的时候，Tomcat服务器就会重新启动，从而就能重新部署项目了，这样，当你更改文件之后就不需要再手动重启服务器了，这样是不是非常方便啊！

那又该怎么配置Tomcat的热部署呢？很简单，点击菜单栏中的Run菜单，然后在其下拉列表中选中Edit Configurations...这一项，如下图所示。

这时，你会看到一个如下的Run/Debug Configurations界面。

看到On 'Update' action和On frame deactivation这两项没有，将它们都选择为Update resources，如下图所示，选好之后点击OK按钮即可。

如果你在这里选择Update resources and classes的话，那么当你改完Java代码之后项目也会重新部署。由于咱们Java代码改得可能会比较多，一改项目就重新部署，这样多多少少可能会影响到性能，所以我在此处就没有选择Update resources and classes这一项了。

这篇文章写的时间很长，都有5个半小时了，希望大家看完之后，能多多点赞、评论！关注我，我就是李阿昀啦😁，我会给你带来非常优质的文章哟！

转载地址：https://liayun.blog.csdn.net/article/details/115514868 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！