IDEA创建javaweb项目过程[通俗易懂]

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

注意不能用社区版的idea哦，只能用企业版的

创建方式有两种

第一种是手动创建
第二种是使用idea自带的maven骨架创建

其实二者差别不大，所以这里只介绍第一种，让我们来试试吧~

创建web项目

首先新建一个文件夹，等下我们新建的项目就放在这个文件夹里
我们给它取名test_maven（但其实并不是用maven创建）
File->New->Module
选择maven，注意不勾选create选项，然后next

起名字，Finish

然后就基本创建好啦，但是这里我们还缺少web的配置文件——web.xml
接下来我们继续创建这个
File->Project Struct->Facets->±>刚才新建的文件夹->ok

然后我们这里出现了我们要的项目啦

确定
请添加图片描述

ok

web.xml就建好啦请添加图片描述
web资源目录
如果黑色框里什么也没有，就点加号一直选ok，如果有。。。也一直ok，嘻嘻

请添加图片描述
再去看目录结构，因为习惯是把web.xml放在webapp目录下，把WEB-INF目录拖到src-main-webapp目录下就好啦，结果如图
（a.html和b.html先不用管）

请添加图片描述

如果不想拖的话，可以在上一步的路径中后面改成\src\main\webapp也可以

最后一步，再pom.xml中加上一行代码，将来项目打包的时候就是用war打包的啦
请添加图片描述

配置Tomcat

先自己去官网下载tomcat
我之前已经配置过一次，所以有些地方会和没有配置过的人的地方不一样
点击右上角

点+，往下滑，找到Tomcat->Local->ok

两个路径都选择tomcat的安装目录即可，ok

±>Artifact->ok

选择war包->ok

添加成功
注意看光标的地方，这个是在运行时，要写在地址里的内容，有的时候会直接用

左下角就可以看到tomcat配置成功啦
接下来让我们测试一下
在src->main->webapp目录下新建a.html

点击右上角run运行，第一次运行会有点慢，等一等
idea会自动打开浏览器，这个时候看到这个页面不要慌

在地址栏后加上
ok结束
请添加图片描述

配置Servlet

接下来我们要去tomcat里把Servlet的jar包导进来啦
找到目录中的pom.xml
再里面输入代码

 <dependencies>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
<!-- 去tomcat的lib目录里看，自己的servlet包叫啥，不同版本的tomcat这个名字不一样 但上面javax.servlet是一样的 -->
            <version>2.5</version>
            <scope>provided</scope>
        </dependency>
    </dependencies>
    <properties>
        <maven.compiler.source>14</maven.compiler.source><!--自己jdk的版本-->
        <maven.compiler.target>14</maven.compiler.target>
    </properties>

输入javax.servlet的时候，应该会有提示，你输入一个j就选javax.servlet，然后就会直接蹦到版本号，这个版本号不一定和我的一样
按照提示的版本号用

另外，我把tomacat的lib目录也直接导进来了

在左边目录的external library中可以看到看到导入后的lib包，在这里也可以看到自己的servlet叫啥
再来测试一下有没有配置成功
在java目录中新建一个class
选择这个implemen会自动生成接口

启动，地址栏输入请添加图片描述
白的不要怕，因为用的输出是System,out.print,回控制台看，可以看到输出结果
结果不截图了，教室到点关门了