工具:
IDEA 2020.1 Ultimate版
maven 3.6.3
JDK 1.8
1.创建项目
打开IDEA,点击“File—>New—>Project”
我们 选择“Maven”项目, JDK这里选择1.8版本,下面勾选maven-archtype-webapp,然后点击“Next”
来到下面的界面,给项目起个名字,叫demo10
此处主要配置一下maven,配置完了以后选择”Finish”
创建完项目后,整个项目结构如下:
2.引入Maven依赖
打开项目的pom.xml文件,
<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><groupId>org.example</groupId><artifactId>demo10</artifactId><version>1.0-SNAPSHOT</version><packaging>war</packaging><name>demo10 Maven Webapp</name><url>http://www.example.com</url><properties><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding><maven.compiler.source>8</maven.compiler.source><maven.compiler.target>8</maven.compiler.target></properties><dependencies><!--Spring 核心类--><dependency><groupId>org.springframework</groupId><artifactId>spring-context</artifactId><version>5.2.8.RELEASE</version></dependency><!--Spring MVC--><dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId><version>5.2.8.RELEASE</version></dependency><!--servlet--><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>3.1.0</version><scope>provided</scope></dependency><!--JSP--><dependency><groupId>javax.servlet.jsp</groupId><artifactId>jsp-api</artifactId><version>2.1</version><scope>provided</scope></dependency></dependencies><!--构建--><build><!--设置插件--><plugins><!--具体的插件配置--><plugin><groupId>org.apache.tomcat.maven</groupId><artifactId>tomcat7-maven-plugin</artifactId><configuration><port>8080</port><path>/demo10</path></configuration></plugin></plugins></build></project>引入依赖以后,右上角刷新一下maven,将相关依赖引入。
注意这里引入的是tomcat插件。
3.配置前端控制器
打开web.xml文件,修改里面的内容
<?xml version="1.0" encoding="UTF-8"?><web-appxmlns="http://java.sun.com/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"version="3.0"><!-- 配置 Spring MVC 的前端控制器 --><servlet><servlet-name>DispatcherServlet</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><!-- 配置初始化参数,用于读取 Spring MVC 的配置文件 --><init-param><param-name>contextConfigLocation</param-name><param-value>classpath:spring-mvc.xml</param-value></init-param><!-- 应用加载时创建--><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>DispatcherServlet</servlet-name><url-pattern>/</url-pattern></servlet-mapping></web-app>代码加上后如下图,注意,下图这个地方报红是正确的,因为还没有创建这个spring-mvc.xml文件,所以会爆红。
4.配置处理器映射信息和视图解析器(spring-mvc.xml)
如果项目没有java和resources文件,那么右击main文件夹,选择New—>Directory文件夹
在弹出来的框中分别选择java和resources文件夹,生成这两个文件夹。
创建完毕后整个项目结构如下:
右击resources文件夹,选择New—>File
文件名称为spring-mvc.xml
参考代码如下:
<?xml version="1.0" encoding="UTF-8"?><beansxmlns="http://www.springframework.org/schema/beans"xmlns:context="http://www.springframework.org/schema/context"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd"><!-- 配置 Spring MVC 要扫描的包 --><context:component-scanbase-package="com.itheima.controller"/><!-- 配置视图解析器 --><beanclass="org.springframework.web.servlet.view.InternalResourceViewResolver"><propertyname="prefix"value="/WEB-INF/pages/"/><propertyname="suffix"value=".jsp"/></bean></beans>注意,这个地方base-package后面的爆红是正常的,因为项目还没有创建相关的文件夹
5.创建处理器(Controller层)
我们需要在java目录下创建一个路径为com.itheima.controller的包,要和上面的base-package对应,这样Spring-MVC才能扫描到。
右击java,选择New—>Package
继续右击刚才创建的controller文件夹,创建一个具体的Controller,
选择New——>Java Class
Controller的名字为FirstController
代码参考如下:
packagecom.itheima.controller;importorg.springframework.stereotype.Controller;importorg.springframework.web.bind.annotation.RequestMapping;//设置当前类为处理器类@ControllerpublicclassFirstController{//设定当前方法的访问映射地址@RequestMapping("/firstController")//设置当前方法返回值类型为 String,用于指定请求完成后跳转的页面publicStringsayHello(){System.out.println("访问到 FirstController!");//设定具体跳转的页面return"success";}}其中return “success” 这行代码用于设定具体跳转的页面名称,结合Spring MVC配置文件,将返回值与视图解析器指定的前缀和后缀进行拼接以确定结果视图的最终路径,同时将结果解析并呈现给用户。
注意:实际开发中一般通过json格式返回给前端。
6.创建视图(view)
右击WEB-INF文件夹,选择New—>Directory
文件夹的名字为pages
注意:这里必须是pages,因为在上文spring-mvc.xml文件配置的路径就是/WEB-INF/pages
创建成功以后,右击pages文件夹,选择New—>JSP/JSPX
创建jsp文件的名字为success
success.jsp里面的代码参考如下:
<html><body><h2>Spring MVC FirstController!</h2></body></html>7.启动项目测试
本项目使用的是tomcat插件的方式运行,没有配置tomcat服务器,如果需要配置tomcat,请参考下面这篇文章:下载配置tomcat(IDEA版) – 每天进步一点点
我们打开项目右侧的maven
按照顺序找到Plugins—>tomcat7—>tomcat7:run
双击它
就可以看到控制台启动任务,
最后一行的 Starting xxxx 表示启动成功
前面一行的 Running war on http://localhost:8080/demo10 表示项目启动的地址,我们可以按住ctrl键用鼠标左键点击这个地址,也可以直接复制这个地址到浏览器中。
在浏览器中输入下面的地址
http://localhost:8080/demo10/firstController就可以看到success.jsp中的数据了。
本文参考代码下载:
(1) 百度网盘
通过网盘分享的文件:demo10_springMVC入门程序.zip
链接: https://pan.baidu.com/s/1ltLL4LxYAk8p47VT4Xx67Q?pwd=e7si 提取码: e7si
(2)夸克网盘:
我用夸克网盘给你分享了「demo10_springMVC入门程序.zip」,点击链接或复制整段内容,打开「夸克APP」即可获取。
/e0f73b6esK😕
链接:https://pan.quark.cn/s/57279c820d9b?pwd=USJf
提取码:USJf