IDEA如何创建及配置Web项目(多图)

时间:2024-05-10 11:04:38

正文之前

在学习Java Web时,第一个遇到的问题就是如何创建或配置Web项目了,今天,就用IntelliJ IDEA 来进行Web项目配置:

  1. 创建Web项目
  2. 配置web项目

正文

创建Web项目

  1. 新建Web项目

    IDEA如何创建及配置Web项目(多图)

  2. File - Project Structure

    IDEA如何创建及配置Web项目(多图)

  3. Modules - Sources

    在web目录下新建一个目录,名为 WEB-INF,在WEB-INF目录下新建两个目录,名为 classeslib

    classes:.class文件存放位置

    lib:整个项目所用到的JAR文件存放位置

    IDEA如何创建及配置Web项目(多图)

  4. Modules - Paths

    勾选 Use module compile output path,并将 Output pathTest output path 改为刚才web目录下新建的 classes 文件夹

    目的:在构建项目时,能将.class文件输出至 classes 文件夹中

    IDEA如何创建及配置Web项目(多图)

在下面的JavaDoc中添加web目录下的 lib文件夹

IDEA如何创建及配置Web项目(多图)

  1. Modules - Dependencies

    添加web目录下的lib文件夹以及Tomcat的Library

    在添加 lib文件夹时选择 Jar Directory

    IDEA如何创建及配置Web项目(多图)

  2. Libraries

    添加web目录下的lib文件夹,选择 Jar Directory

    IDEA如何创建及配置Web项目(多图)

  3. Facets

    在Deployment Descriptor中添加 web.xml 文件

    IDEA如何创建及配置Web项目(多图)

  4. Artifacts

    勾选 Include in project buildShow content of elements 两个选项,点击OK

    IDEA如何创建及配置Web项目(多图)

  5. Edit Configurations - Tomcat Server - Local

    这是配置Tomcat的过程

    IDEA如何创建及配置Web项目(多图)

    IDEA如何创建及配置Web项目(多图)

  6. Tomcat

    修改名称,在Deployment中添加第8步中的Artifact

    IDEA如何创建及配置Web项目(多图)

这就是新建Web项目所需要的配置了


配置Web项目

打开已存在的项目,配置JDK,执行上面所述的第第4步至第10步

有一点要注意

在Facets中,Web Resource Directories 需要定位到拥有全部web项目资源的文件夹,在不同的工程中或许有不同的名称,在上面所述的例子中,需要定位到web文件夹

IDEA如何创建及配置Web项目(多图)

在进行工程配置时,往往会遗漏一些步骤,往往是小东西影响了整个项目的执行,在工程初期,就需要将配置完成,以免产生不必要的麻烦

有需要的可以私信,我一定尽力解答,谢谢!