超详细IDEA创建MavenWeb项目

文章目录

    • 一、环境准备
    • 二、骨架方式创建Maven-Web项目
    • 三、非骨架方式创建Maven-Web项目

一、环境准备

既然是创建Maven-Web项目,那么首先我们需要配置好Maven和JDK环境,这里笔者使用JDK8版本以及Maven3.6系列版本。

附Maven安装配置教程
超详细Maven安装配置教程

附JDK8安装配置教程
超详细JDK8安装配置教程

二、骨架方式创建Maven-Web项目

打开IDEA,点击New Project
超详细IDEA创建MavenWeb项目_第1张图片


点击Empty Project---->点击Next
超详细IDEA创建MavenWeb项目_第2张图片


为自己的项目起一个名字---->点击Finish
超详细IDEA创建MavenWeb项目_第3张图片


在弹出来的页面点击Modules(模块)---->点击**+**按钮---->点击New Module
超详细IDEA创建MavenWeb项目_第4张图片


若未弹出上面的页面,则点击左上角File---->点击Project Structure
超详细IDEA创建MavenWeb项目_第5张图片


在弹出来的页面点击Modules(模块)---->点击**+**按钮---->点击New Module
超详细IDEA创建MavenWeb项目_第6张图片


之后选中Maven---->设置好JDK版本---->将Create from archetype选中---->选中maven-webapp骨架注意必须选中maven骨架的webapp,其他的webapp骨架是不对的)---->点击Next
超详细IDEA创建MavenWeb项目_第7张图片


为自己的项目起一个名字---->点击Artifact Coordinates(看看里面的东西你是否需要修改)---->之后点击Next

GroupId:组id(组名)

ArtifactId:项目名

Version不用改

超详细IDEA创建MavenWeb项目_第8张图片


按如下图所示配置---->之后点击Finish
超详细IDEA创建MavenWeb项目_第9张图片


点击OK
超详细IDEA创建MavenWeb项目_第10张图片


之后它会自动加载,加载完成后如下图所示:
超详细IDEA创建MavenWeb项目_第11张图片


点击src,我们会发现其实自行创建后src下的目录是不齐全的
超详细IDEA创建MavenWeb项目_第12张图片


右键src---->点击New---->点击Directory
超详细IDEA创建MavenWeb项目_第13张图片


超详细IDEA创建MavenWeb项目_第14张图片


我们可以看到这样目录就齐全了,这样通过骨架(模板)方式创建MavenWeb项目就算成功了!!!
超详细IDEA创建MavenWeb项目_第15张图片

三、非骨架方式创建Maven-Web项目

点击左上角File---->点击Project Structure
超详细IDEA创建MavenWeb项目_第16张图片


在弹出来的页面点击Modules(模块)---->点击**+**按钮---->点击New Module
超详细IDEA创建MavenWeb项目_第17张图片


之后选中Maven---->设置好JDK版本---->点击Next
超详细IDEA创建MavenWeb项目_第18张图片


为自己的项目起一个名字---->点击Artifact Coordinates(看看里面的东西你是否需要修改)---->之后点击Finish

GroupId:组id(组名)

ArtifactId:项目名

Version不用改

超详细IDEA创建MavenWeb项目_第19张图片


点击OK
超详细IDEA创建MavenWeb项目_第20张图片


在pom.xml中加入war标签段---->刷新Maven项目
超详细IDEA创建MavenWeb项目_第21张图片


点击左上角File---->点击Project Structure
超详细IDEA创建MavenWeb项目_第22张图片


选中Facets---->选中mavenWeb2(即非骨架方式创建的项目)---->双击红框处
超详细IDEA创建MavenWeb项目_第23张图片


双击后出现下图所示弹框,注意webapp名称,有些自动设置的是web,需要修改为webapp---->之后点击OK
超详细IDEA创建MavenWeb项目_第24张图片


点击Yes
超详细IDEA创建MavenWeb项目_第25张图片


之后点击"+"号---->点击web.xml
超详细IDEA创建MavenWeb项目_第26张图片


点击OK
超详细IDEA创建MavenWeb项目_第27张图片


点击OK
超详细IDEA创建MavenWeb项目_第28张图片


非骨架创建mavenWeb项目需要注意,自动创建的WEB-INF的目录位置是不对的,需要将之拖拽至webapp目录下
超详细IDEA创建MavenWeb项目_第29张图片


这样才是正确的目录结构
超详细IDEA创建MavenWeb项目_第30张图片


这样非骨架创建mavenWeb项目就算是成功了!!!

你可能感兴趣的:(各类软件安装配置合集,intellij-idea,java,maven)