IDEA创建javaweb项目过程

注意不能用社区版的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,回控制台看,可以看到输出结果
结果不截图了,教室到点关门了

如果这篇文章有帮助到你的话,记得点赞收藏加评论哦~
么么哒

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值