最终结果的整体项目结构
先搭建SpringMVC的环境还是先搭建Spring的环境都是可以的
SpringMVC属于Spring中的一个独立的模块,如果不配置Spring,只配置SpringMVC也是可以的
搭建SpringMVC的环境
1、创建一个Maven工程
2、导入依赖
- 手动添加
<packaging>war</packaging>
,将此项目变成一个web项目
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="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>SpringMVC-02</artifactId>
<version>1.0-SNAPSHOT</version>
<packaging>war</packaging>
<dependencies>
<!-- SpringMVC-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.2.9.RELEASE</version>
</dependency>
<!-- json-->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.11.3</version>
</dependency>
</dependencies>
</project>
3、创建webapp目录,并在webapp下面创建WEB-INF,在WEB-INF下面创建一个web.xml文件,并配置好相关配置
- 其中加载了Spring的配置文件applicationContext.xml和SpringMVC的配置文件springmvc-servlet.xml(后续会创建)
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
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_4_0.xsd"
version="4.0">
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<servlet>
<servlet-name>dispatcher</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springmvc-servlet.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dispatcher</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>
4、创建Controller层的实现类
package com.robot.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import java.util.HashMap;
import java.util.Map;
/**
* 用户控制层。
*
* @Author 张宝旭
* @Date 2020/10/13
*/
@Controller
@RequestMapping("/userController")
public class UserController {
// 模拟登录,使用方法参数接收页面传过来的数据
@RequestMapping("/login")
@ResponseBody // 返回JSON数据
public Map<String, Object> login(String username, String password) {
Map<String, Object> map = new HashMap<>();
if (username.equals("admin") && password.equals("888")) {
map.put("code", 200);
map.put("message", "登录成功");
} else {
map.put("code", -1);
map.put("message", "登录失败");
}
return map;
}
}
5、在resources目录下创建SpringMVC的配置文件springmvc-servlet.xml,并进行相关配置
- 因为在web.xml中配置了拦截路径为
<url-pattern>/</url-pattern>
,一个斜杠代表拦截除.jsp的所有文件 - 只有被SpringMVC拦截的文件,才会由SpringMVC容器来处理,所以通常那些Controller层需要被拦截,而那些静态资源都是可以直接访问的,所以无需拦截(如果拦截了静态资源,那么会导致css文件、js文件、html页面等都加载不出来)
- 所以需要配置不拦截静态资源
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
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
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc.xsd">
<!-- 因为controller配置了注解,所以需要扫描-->
<context:component-scan base-package="com.robot.controller"/>
<!-- 注解驱动-->
<mvc:annotation-driven/>
<!-- 不拦截静态资源-->
<mvc:default-servlet-handler/>
</beans>
6、创建一个登陆界面
- 在webapp下创建一个登陆的页面,输入用户名和密码,使用ajax异步请求
- 因为使用了jequery,所以需要导入一个jquery的包,放在了webapp下的js/jquery-2.1.0.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
<script src="js/jquery-2.1.0.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btn").click(function () {
$.ajax({
url: "userController/login",
dataType: "JSON",
type: "POST",
data: {
"username": $("#username").val(),
"password": $("#password").val()
},
success: function (data) {
if (data.code === 200) {
alert(data.message)
} else {
alert(data.message)
}
}
})
})
})
</script>
</head>
<body>
<h1>用户登录</h1>
<input type="text" name="username" id="username">
<input type="password" name="password" id="password">
<input type="button" id="btn">
</body>
</html>
7、配置Tomcat,并启动测试
浏览器访问http://localhost:8080/login.html
然后输入用户名和密码(后台设置好固定的用户名:amdin,密码:888)
点击登录
用户名密码正确,显示后台返回来的登录成功,输入错误,显示登录失败
测试成功,说明SpringMVC的环境搭建完成!
Spring整合SpringMVC
因为SpringMVC就是属于Spring的一个独立模块,所以它们可以很容易的实现整合
- SpringMVC管理的是Controller层,而Spring管理的则是dao层、service层等待
- 切记:Controller层的配置一定到在SpringMVC的配置文件中配置,dao、service等属于Spring控制的,一定要在Spring的配置文件中配置,两个容器不要弄混!!!
1、创建Spring的配置文件applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
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">
</beans>
2、配置web.xml,加载Spring的配置文件
- 一定要在上面加,因为这些标签是有顺序的
- listener为监听器,只有配置了它,才能去加载Spring的配置文件
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
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_4_0.xsd"
version="4.0">
<!-- 加载Spring配置文件-->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:applicationContext.xml</param-value>
</context-param>
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<!-- SpringMVC前端控制器-->
<servlet>
<servlet-name>dispatcher</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springmvc-servlet.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dispatcher</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>
3、创建dao层和service层的接口和实现类
- 目前用于测试,所以没有连接数据库
- 业务层使用注解的方式,并将UserDao注入
public interface UserDao {
String queryUserName();
}
@Repository
public class UserDaoImpl implements UserDao {
@Override
public String queryUserName() {
return "Bad Robot";
}
}
public interface UserService {
String queryUserName();
}
@Service
public class UserServiceImpl implements UserService {
@Resource
UserDao userDao;
@Override
public String queryUserName() {
return userDao.queryUserName();
}
}
4、修改Spring的配置文件applicationContext.xml
- 只需要在其添加一条扫描注解的配置即可
<context:component-scan base-package="com.robot.service"/>
5、修改Controller层
- 查询数据,并返回到前端页面
package com.robot.controller;
import com.robot.service.UserService;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import javax.annotation.Resource;
import java.util.HashMap;
import java.util.Map;
/**
* 用户控制层。
*
* @Author 张宝旭
* @Date 2020/10/13
*/
@Controller
@RequestMapping("/userController")
public class UserController {
@Resource
private UserService userService;
// 模拟登录,使用方法参数接收页面传过来的数据
@RequestMapping("/login")
@ResponseBody // 返回JSON数据
public Map<String, Object> login(String username, String password) {
Map<String, Object> map = new HashMap<>();
String userName = userService.queryUserName();
if (username.equals("admin") && password.equals("888")) {
map.put("code", 200);
map.put("message", "登录成功");
map.put("username", userName);
} else {
map.put("code", -1);
map.put("message", "登录失败");
}
return map;
}
}
4、修改前端页面
- 成功返回成功信息和查到的用户名
if (data.code === 200) {
alert(data.message + " " + data.username)
} else {
alert(data.message)
}
5、启动测试
- 访问http://localhost:8080/login.html,输入固定的用户名和密码
- 点击登录后,登录成功会显示登录成功的信息和后台查询到返回的名字
至此,Spring和SpringMVC的环境搭建已经完成,至于SSM框架,只需要再整合MyBatis即可:Spring整合MyBatis