IntelliJ IDEA搭建Web开发环境(Maven+Tomcat)

一、开发环境准备

  • Intellji IDEA2019 1.2
  • Jdk 1.8.0_144
  • Tomcat 8.5.51
  • maven 3.6.1

二、IDEA中新建项目

1.打开IDEA新建Maven项目,如下图所示(注:这里不选择任何Mavan模版)。

2、点击Next按钮进入下一个界面,然后在GroupId和ArtifactId处填入所需的内容,点击Next按钮即可。

3、进入如下界面,填写项目名称,选择项目路径

4、点击Finish按钮完成项目的创建,至此项目的基本框架完成,其初始目录结构如下。

5、配置项目的Artifacts,为后面tomcat的配置打下基础,点击Project Structure按钮或者ctrl+alt+shift+s。

6、在Project Structure对话框中,点击Artifacts选项,具体操作如图示。

7、进行上述3步操作后,出现如下界面,这里我们为Artifacts填写一个名字,具体操作如下图

需要将classes加入到output中(右键->put into /web-inf/classes)

8、继续在Project Structure界面上,点击Facets选项,如下图所示。

9、在弹出的对话框中,进行如下图操作。

10、在接下来的界面中直接点击Apply即可。

11、此时项目目录如下图所示(注意已增加的部分)

12、将web目录重命名为webapp,并移动到src\main目录下,修改后的项目目录如下图所示。

13、返回Project Structure界面,点击Facets选项,进行web resource directory的修改(因为我们在上一步对web目录进行了修改并移动),具体如下图所示。

经过以上几步,将Web Resource Directory的值修改为当前webapp的目录。

14、配置Tomcat容器,首先进行如下图操作。

15、在接下来对话框中进行如下图操作。

16、进行tomcat具体配置。

17、如上4步操作完后,得到如下结果。

在Deploy at the server startup 栏中即我们刚才创建的Artifacts,然后在Application context中可以为web项目创建一个名称,这里为buildweb。

18、继续在该界面,点击Server栏,进行如下三项配置,指定本地tomcate+以便修改某些文件后,立即生效(如jsp)。

19、再返回Project Structure界面,进入Artifacts,将web facet resources也加入到output root,Apply->ok

21、在webapp文件夹下创建index.jsp,内容如下:

<html>
<body>
<h2>Hello World!</h2>
</body>
</html>

20、点击Run按钮

21、Tomcat启动

22、启动成功自动弹出浏览器网页,或输入网址:http://localhost:8080/buildweb/

三、idea修改部署到tomcat的url

修改url:

下面修改的是启动tomcat服务器时自动启动浏览器时访问的url路径

  • 4
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值