手把手教你新建一个基于 Maven 的 idea 项目（Web 项目）

1 创建 Maven 项目

打开 idea，File -> New -> Project

这里可以选择一个 archetype，即框架模板。这里我们直接点击下一步：

输入 GroupId 与 AtrifactId，这是 Maven 项目的必填项，接着输入项目名称，最后点击【完成】，这样项目就新建好了。

2 配置

这部分是重点！因为新建好的项目，只有经过配置，才能正常地开展开发工作。

2.1 配置 web 项目

新建一个完整的 webapp 文件夹，内部包含 WEB-INF 子文件夹以及 web.xml 配置文件：

因为我们新建的是 webapp 项目啊O(∩_∩)O~

让 idea 关联上 web.xml 文件：file -> Project strcuture-> Facets ->+ -> Web

注意：这里的 Path 与 Web Resource Directory 都需要指定到我们刚刚新建的 webapp 文件夹！

2.2 配置 jdk 编译标准

File->Settings——
这里选择 jdk8：

2.3 配置文件编码

File->Settings——

2.4 配置 pom.xml

<!-- 项目属性 --><properties>   ...</properties><dependencies>   ...</dependencies><build>    <plugins>        <!--开启1.7编译支持-->        <plugin>            <groupId>org.apache.maven.plugins</groupId>            <artifactId>maven-compiler-plugin</artifactId>            <version>2.3.1</version>            <configuration>                <source>1.7</source>                <target>1.7</target>                <encoding>utf8</encoding>            </configuration>        </plugin>    </plugins>    <resources>        <!-- 指定资源文件路径-->        <resource>            <directory>src/main/resources</directory>            <includes>                <include>**/*</include>            </includes>        </resource>        <!-- 对系统配置文件进行处理，把文件中的${key}替换为真正的值-->        <resource>            <directory>src/main/resources</directory>            <includes>                <include>system.properties</include>            </includes>            <filtering>true</filtering>        </resource>    </resources></build><profiles>    <!-- 开发环境-->    <profile>        <id>dev</id>        <activation>            <activeByDefault>true</activeByDefault>        </activation>        <build>            <filters>                <filter>profile-development.properties</filter>            </filters>        </build>    </profile>    <!-- 仿真测试环境-->    <profile>        <id>test</id>        <activation>            <activeByDefault>false</activeByDefault>        </activation>        <build>            <filters>                <filter>profile-test.properties</filter>            </filters>        </build>    </profile></profiles>

• properties：定义的是常量，可以在 pom 中直接引用。
• dependencies：配置项目的依赖包，一般是来源于私服。
• build：构建的配置信息。主要是配置插件（plugin）以及资源文件信息。
• profiles：因为有可能项目的配置信息，在不同的环境下配置内容可能不同，所以这里把它们放开，放在各自独立的配置文件中。比如这里就分为开发环境和测试环境下的配置信息。

2.5 idea 关联 spring 配置文件

File -> Project Settings -> Modules -> + -> Spring

然后选择spring 配置文件（如果把 spring 的配置文件拷贝到项目中，它会自动被 idea 检测到哦 O(∩_∩)O~）：

2.6 配置构建后的文件包

File -> Project Settings -> Atrifacts -> + -> Web Application:Exploded

选择当前项目后，就可以啦。

2.7 配置应用服务器

点击 idea 主界面中间的那个【向下箭头】图标，先打开应用服务器配置页面：

然后点击 【+】 -> Tomcat Server -> Local

最后给这个应用服务器取一个名字，并为它关联上我们刚才新建的文件包（Deployment）

这里的 Application context 指的是应用启动后的 Web 项目根目录！

3 启动应用服务器

如果会自动弹出浏览器窗口，就说明启动成功！如果没有，可以重新配置一次应用服务器，然后再试一试！