Intellij IDEA 创建Web项目并在Tomcat中部署运行

前言

首先是思想上的改变。很多使用过eclipse或者myEclipse的同事都有workspace(工作空间)的概念。但在IDEA中workspace被替换成了Porject,eclipse中的Project(项目)在IDEA中的概念就是Module。

Intellij IDEA 创建Web项目

1.File -> New Module,进入创建项目窗口

Intellij IDEA 创建Web项目并在Tomcat中部署运行_第1张图片

2.选择Java类型

  • Java视图主要用来进行Java SE开发的
    Java EnterPrise视图主要用来进行Java EE开发的,web项目大多在这个视图开发
  • new SDK--->选择jdk安装目录(注意不是jre)
  • 选择Java版本
  • 选择Tomcat服务器
Intellij IDEA 创建Web项目并在Tomcat中部署运行_第2张图片

Intellij IDEA 创建Web项目并在Tomcat中部署运行_第3张图片

在Additional Libraries and Frameworks:勾选项目所需的库和框架。因为要创建web项目,所以选择Web Application。

Intellij IDEA 创建Web项目并在Tomcat中部署运行_第4张图片

3.填写项目名称及目录,然后点击Finish。

Intellij IDEA 创建Web项目并在Tomcat中部署运行_第5张图片

【特别注意】
如果你当前视图已经有一个项目,如果你想要新建一个项目,注意要把项目路径给改了,不要在原来的工作空间,不然你新建的项目会被建立在原来的工作空间中。比如我当前项目是lookyi,我新建项目的地址是这样的:

Intellij IDEA 创建Web项目并在Tomcat中部署运行_第6张图片

新建的项目会被建立在原来的工作空间中:

Intellij IDEA 创建Web项目并在Tomcat中部署运行_第7张图片

4.项目属性配置

(1)配置项目的JDK和language level


Intellij IDEA 创建Web项目并在Tomcat中部署运行_第8张图片

(2)配置Module

  • Module中的source中主要配置文件夹类型;
    在main文件夹下新建一个java文件夹,把它设为源代码文件夹(点击“Sources”)


    Intellij IDEA 创建Web项目并在Tomcat中部署运行_第9张图片
  • Path主要配置class文件编译后存放的路径(我自己在web-inf下创建了classes和lib文件夹,个人习惯);
    点击Modules -> Paths,勾选"Use module compile output path",将"Output path"和"Test Output path"都改为之前创建的classes目录 :


    Intellij IDEA 创建Web项目并在Tomcat中部署运行_第10张图片
  • Dependencies配置项目jar包,jdk,server,项目自身lib中的jar;


    Intellij IDEA 创建Web项目并在Tomcat中部署运行_第11张图片

配置Tomcat

1.配置Tomcat

打开面板 Run -- 》Edit Configurations,点+号,选择 Tomcat server --> Local --> ,在"Name"处输入新的服务名,点击"Application server"后面的"Configure...",弹出Tomcat Server窗口,选择本地安装的Tomcat目录 -> OK

Intellij IDEA 创建Web项目并在Tomcat中部署运行_第12张图片

输入tomcat名称和配置信息后,点击“Deployment”标签页,点击下面的+号,在弹出的列表中选择“Artifact”, 弹出提示框, 选择要deployment的project(添加Artifact部署)。

Intellij IDEA 创建Web项目并在Tomcat中部署运行_第13张图片
Intellij IDEA 创建Web项目并在Tomcat中部署运行_第14张图片

2.在Tomcat中部署并运行项目

Run -> Edit Configurations,进入"Run Configurations"窗口 2.选择之前配置好的Tomcat,点击"Deployment"选项卡,点击"+"->"Artifact"-> 选择创建的web项目


Intellij IDEA 创建Web项目并在Tomcat中部署运行_第15张图片

修改"Application context"-> Apply -> OK

Intellij IDEA 创建Web项目并在Tomcat中部署运行_第16张图片

运行Tomcat,在浏览器中查看运行结果就OK。

你可能感兴趣的:(Intellij IDEA 创建Web项目并在Tomcat中部署运行)