IntelliJ IDEA搭建springmvc项目图文介绍

前一段时间有网友说不知道如何使用maven来创建一个java web项目,在这里,我就使用IntelliJ IDEA来搭建一个spring MVC的maven项目。如果对我的文章有兴趣,欢迎订阅我的头条号:一点热。

1、实验前提

首先得安装好IntelliJ IDEA

这里我就不做介绍,安装软件都是开发入门必备的。

IntelliJ IDEA搭建springmvc项目图文介绍_第1张图片

2、新建项目

打开idea,通过new->project,会弹出如下的信息

IntelliJ IDEA搭建springmvc项目图文介绍_第2张图片由于我们是要创建一个maven的项目,所以我们需要选择maven这个选项,进去后选择SDK,ARCHETYPE

IntelliJ IDEA搭建springmvc项目图文介绍_第3张图片

然后点击下一步

输入groupid和artifactid,这里使用包名和项目名字

IntelliJ IDEA搭建springmvc项目图文介绍_第4张图片点击下一步,就是maven的信息,我们这里保持默认就好,如果没有安装maven的就需要我们手动配置

IntelliJ IDEA搭建springmvc项目图文介绍_第5张图片最后我们需要填写一下项目的名字,如下图。

IntelliJ IDEA搭建springmvc项目图文介绍_第6张图片点击finish,至此,我们创建项目的步骤就完成了。这时会进入idea,可能需要一定的时间,这个是由于要下载一些包,所以大家耐心的等待。

IntelliJ IDEA搭建springmvc项目图文介绍_第7张图片

当maven 加载完毕会有提示,我们的项目会生成相应的包,如图

IntelliJ IDEA搭建springmvc项目图文介绍_第8张图片

IntelliJ IDEA搭建springmvc项目图文介绍_第9张图片

与此同时,右上角还会提示我们need to be imported,我们选中,这样倒是就会自动导入。



IntelliJ IDEA搭建springmvc项目图文介绍_第10张图片

3、配置maven,下载springmvc相应的包

打开pom.xml,输入版本信息

4.2.5.RELEASE

然后在填写下载的spring版本

org.springframework

spring-core

${spring.version}

org.springframework

spring-web

${spring.version}

完整的pom.xml如下

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">

4.0.0

com.yeehot

springidea

war

1.0-SNAPSHOT

springidea Maven Webapp

http://maven.apache.org

4.2.5.RELEASE

junit

junit

3.8.1

test

org.springframework

spring-core

${spring.version}

org.springframework

spring-web

${spring.version}

springidea

这里可能需要一定的时间,当下载这些包后,可以在下图的位置看到相应的jar

IntelliJ IDEA搭建springmvc项目图文介绍_第11张图片

4、修改web.xml

配置拦截请求

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"

version="3.1">

springidea

mvc-dispatcher

org.springframework.web.servlet.DispatcherServlet

1

mvc-dispatcher

/

encodingFilter

org.springframework.web.filter.CharacterEncodingFilter

encoding

UTF-8

forceEncoding

true

encodingFilter

/*

5、根据web.xml的servlet-name添加mvc-dispatcher-servlet.xml

在WEB-INF,新建mvc-dispatcher-servlet.xml文件

IntelliJ IDEA搭建springmvc项目图文介绍_第12张图片输入名字mvc-dispatcher-servlet

IntelliJ IDEA搭建springmvc项目图文介绍_第13张图片

点击左上角的configure

IntelliJ IDEA搭建springmvc项目图文介绍点击ok


IntelliJ IDEA搭建springmvc项目图文介绍_第14张图片

6、建立源码包java

在main目录下,右键创建目录,如下图所示

IntelliJ IDEA搭建springmvc项目图文介绍_第15张图片

输入java

IntelliJ IDEA搭建springmvc项目图文介绍_第16张图片这是项目会多出一个java的包,我们需要把它变成源码目录,如下图所示:

IntelliJ IDEA搭建springmvc项目图文介绍_第17张图片

7、添加controller的包和文件

我这里以com.yeehot.controller包为例子,创建一个首页的IndexContrller

IntelliJ IDEA搭建springmvc项目图文介绍_第18张图片

IntelliJ IDEA搭建springmvc项目图文介绍_第19张图片

IndexController的源码如下,主要就是跳转到index.jsp

/**

* Created by yeehot on 16/7/7.

* weisite www.yeehot.com

*/

@Controller

public class IndexController {

@RequestMapping(value = "/", method = RequestMethod.GET)

public String index() {

System.out.print("hello");

return "index";

}

}

8、修改mvc-dispatcher-servlet.xml,添加注解扫描和静态文件的检查

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:mvc="http://www.springframework.org/schema/mvc"

xmlns:context="http://www.springframework.org/schema/context"

xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">

9、配置tomcat

点击右上角的箭头,然后点击edit。

IntelliJ IDEA搭建springmvc项目图文介绍_第20张图片

进入界面后,点击左上角的“+”,滑动到底部的tomcat server,选择local。

IntelliJ IDEA搭建springmvc项目图文介绍_第21张图片

修改名字,配置tomcat的路径,如下图,由于我这里之前配置有tomcat8了,所以大家可以按照自己的时间情况添加

IntelliJ IDEA搭建springmvc项目图文介绍_第22张图片

我配置了两个tomcat。

IntelliJ IDEA搭建springmvc项目图文介绍_第23张图片

配置好后,还需要对我们的程序压缩包添加tomcat里面,这里列举两种方法

方法1:

IntelliJ IDEA搭建springmvc项目图文介绍_第24张图片

IntelliJ IDEA搭建springmvc项目图文介绍_第25张图片

方法二:

IntelliJ IDEA搭建springmvc项目图文介绍_第26张图片

IntelliJ IDEA搭建springmvc项目图文介绍_第27张图片

10、运行程序,点击绿色的按钮,启动tomcat

IntelliJ IDEA搭建springmvc项目图文介绍_第28张图片

但编译成功后,会自动启动浏览器,打开

localhost:8080

IntelliJ IDEA搭建springmvc项目图文介绍_第29张图片

当出现这样的结果的时候,说明已经配置成功了。

今天的课程就说到这里,欢迎继续关注我的头条号:一点热

欢迎大家收藏与转发,如果转载到其它网站,请与我联系.

你可能感兴趣的:(idea)