SpringMVC框架
一、SpringMVC框架原理
(1) Http请求:客户端请求提交到DispatcherServlet。
(2) 寻找处理器:由DispatcherServlet控制器查询一个或多个HandlerMapping,找到处理请求的Controller。
(3) 调用处理器:DispatcherServlet将请求提交到Controller。
(4)(5)调用业务处理和返回结果:Controller调用业务逻辑处理后,返回ModelAndView。
(6)(7)处理视图映射并返回模型: DispatcherServlet查询一个或多个ViewResoler视图解析器,找到ModelAndView指定的视图。
(8) Http响应:视图负责将结果显示到客户端。
参考文档:https://blog.csdn.net/jianyuerensheng/article/details/51258942
SpringMVC接口解释
(1)DispatcherServlet接口:
Spring提供的前端控制器,所有的请求都有经过它来统一分发。在DispatcherServlet将请求分发给Spring Controller之前,需要借助于Spring提供的HandlerMapping定位到具体的Controller。
(2)HandlerMapping接口:
能够完成客户请求到Controller映射。
(3)Controller接口:
需要为并发用户处理上述请求,因此实现Controller接口时,必须保证线程安全并且可重用。
Controller将处理用户请求,这和Struts Action扮演的角色是一致的。一旦Controller处理完用户请求,则返回ModelAndView对象给DispatcherServlet前端控制器,ModelAndView中包含了模型(Model)和视图(View)。
从宏观角度考虑,DispatcherServlet是整个Web应用的控制器;从微观考虑,Controller是单个Http请求处理过程中的控制器,而ModelAndView是Http请求过程中返回的模型(Model)和视图(View)。
(4)ViewResolver接口:
Spring提供的视图解析器(ViewResolver)在Web应用中查找View对象,从而将相应结果渲染给客户。
参考文档:https://blog.csdn.net/jianyuerensheng/article/details/51258942
二、搭建SpringMVC框架
1、导入依赖包
pom.xml
<!--导入SpringMVC依赖包-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.0.2.RELEASE</version>
</dependency>
2、添加SpringMVC配置文件
springmvc-servlet.xml
2.1、在Spring配置文件中添加aop命名空间以及schema文件
<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-3.0.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-3.0.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">
2.2、添加SpringMVC配置文件
2.2.1开启注解的支持
2.2.2扫描支持注解的包路径
2.2.3开启mvc注解的支持
2.2.4配置视图解析器
<!--开启注解的支持-->
<!--扫描支持注解的包路径-->
<!--开启mvc注解的支持-->
<!--配置视图解析器-->
<!--开启注解的支持-->
<context:property-placeholder/>
<!--配置springmvc框架的注解的扫描范围,在加载时需要扫描的注解范围-->
<!--扫描支持注解的包路径-->
<context:component-scan base-package="com.test.controller"></context:component-scan>
<!--主要是打开springmvc框架对注解的支持:@service @Control-->
<!--开启mvc注解的支持-->
<mvc:annotation-driven/>
<!--springmvc框架的内部资源视图解析器,完成向view层页面的转发和解析处理-->
<!--配置视图解析器-->
<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/pages/"></property>
<property name="suffix" value=".jsp"></property>
</bean>
3、配置web.xml
<!--配置中央控制:名字,DispatcherServlet-->
<servlet>
<servlet-name>springmvc</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!--读取SpringMVC配置文件-->
<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映射的url-->
<servlet-mapping>
<servlet-name>springmvc</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
4、添加Controller
UserController.java
@Controller
@RequestMapping("/user")
public class UserController {//处理用户相关的请求
//登录
@RequestMapping("/login")
public String login(){
System.out.println("用户登录");
return "loginsuccess";
}
//注册
//找回密码
}
三、测试
loginsuccess.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
登录成功
</body>
</html>
浏览器地址栏输入http://localhost:8080/demo/user/login
成功测试页面:
四、接受表单数据
参考文档:
https://www.jianshu.com/p/91a2d0a1e45a
https://how2j.cn/k/springmvc/springmvc-form/618.html
index.jsp
<form action="user/login">
用户名:<input type="text" name="uname"/>
<br/>
密码:<input type="password" name="upwd"/>
<br/>
<input type="submit" value="登录"/>
</form>
一:接收前端的数据和把数据返回给前端
1、第一种方式,通过方法返回值为字符串返回某个视图
创建User实体类:uid、uname、upwd三个属性(添加set、get方法)、有参构造器和无参构造器
public class User {
private int uid;
private String uname;
private String upwd;
public User() {
}
public User(int uid, String uname, String upwd) {
this.uid = uid;
this.uname = uname;
this.upwd = upwd;
}
public int getUid() {
return uid;
}
public void setUid(int uid) {
this.uid = uid;
}
public String getUname() {
return uname;
}
public void setUname(String uname) {
this.uname = uname;
}
public String getUpwd() {
return upwd;
}
public void setUpwd(String upwd) {
this.upwd = upwd;
}
}
接收前端的数据:
@RequestMapping("/login")
public String login(@RequestParam("uname") String uname,@RequestParam("upwd")String upwd){
//后端参数名和前端参数名相同时@RequestParam注解可以省略
System.out.println("用户名:"+uname+"\t密码:"+upwd);
System.out.println("用户登录");
return "loginsuccess";
}
- @RequestParam 注解细节:
该注解有三个变量:value、required、defaultvalue - value :指定 name 属性的名称是什么,value 属性都可以默认不写
- required :是否必须要有该参数,可以设置为【true】或者【false】
- defaultvalue :设置默认值
把数据返回给前端:
@RequestMapping("/login")
public String login(String uname,String upwd,Model model){
//后端参数名和前端参数名相同时@RequestParam注解可以省略
System.out.println("用户名:"+uname+"\t密码:"+upwd);
//把用户名和密码保存到model中
model.addAttribute("uname",uname);
model.addAttribute("upwd",upwd);
return "loginsuccess";
}
前端页面取值:
loginsuccess.jsp
登录成功,用户名:${user.uname},密码:${user.upwd}
可进一步通过User对象接收前端参数(用户名和密码)
@RequestMapping("/login")
public String login(User user,Model model){
//后端参数名和前端参数名相同时@RequestParam注解可以省略
System.out.println("用户名:"+user.getUname()+"\t密码:"+user.getUpwd());
//把用户名和密码保存到model中
model.addAttribute("user",user);
return "loginsuccess";
}
前端页面取值:
loginsuccess.jsp
登录成功,用户名:${uname},密码:${upwd}
2、第二种方式,通过方法返回值为ModelAndView对象返回某个视图
接收前端页面的参数:
@RequestMapping("/login")
public ModelAndView login(String uname,String upwd){
//后端参数名和前端参数名相同时@RequestParam注解可以省略
System.out.println("用户名:"+uname+"\t密码:"+upwd);
//创建ModelAndView对象
ModelAndView mv=new ModelAndView("loginsuccess");
return mv;
}
把数据返回给前端:
//把用户名和密码保存到ModelAndView对象中
mv.addObject("uname", uname);
mv.addObject("upwd", upwd);
@RequestMapping("/login")
public ModelAndView login(String uname,String upwd){
//后端参数名和前端参数名相同时@RequestParam注解可以省略
System.out.println("用户名:"+uname+"\t密码:"+upwd);
//创建ModelAndView对象
ModelAndView mv=new ModelAndView("loginsuccess");
//把用户名和密码保存到ModelAndView对象中
mv.addObject("uname", uname);
mv.addObject("upwd", upwd);
return mv;
}
前端页面取值:
loginsuccess.jsp
登录成功,用户名:${uname},密码:${upwd}
可进一步通过User对象接收前端参数(用户名和密码)
@RequestMapping("/login")
public ModelAndView login(User user){
System.out.println("用户名:"+user.getUname()+"密码:"+user.getUpwd());
//创建ModelAndView对象
ModelAndView mv=new ModelAndView("loginsuccess");
//把用户保存到ModelAndView对象中
mv.addObject("user",user);
return mv;
}
前端页面取值:
loginsuccess.jsp
登录成功,用户名:${user.uname},密码:${user.upwd}
练习题:获取用户列表
1、通过方法的返回值是字符串返回loginsuccess.jsp视图和
2、通过方法返回值为ModelAandView对象返回某个视图两种方式实现
* 前端页面遍历用户列表
@RequestMapping("/login")
public ModelAndView userList(String uname,String upwd){
//创建ModelAndView对象
ModelAndView mv=new ModelAndView("loginsuccess");
//定义用户列表
List<User> userList=new ArrayList<User>();
User u1=new User(1,"zhangsan","123456");
User u2=new User(2,"lisi","235689");
userList.add(u1);
userList.add(u2);
//把用户列表保存到ModelAndView对象中
mv.addObject(userList);
return mv;
}
前端页面取值:
导入jstl标签库
<!--导入jstl标签库-->
<!-- https://mvnrepository.com/artifact/jstl/jstl -->
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
loginsuccess.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!--遍历userList-->
<ul>
<c:if test="${userList!=null}">
<c:forEach items="${userList}" var="users">
<li>
用户名:${users.uname}<span> 密码:${users.upwd}</span>
</li>
</c:forEach>
</c:if>
</ul>
二、页面重定向
@RequestMapping("/login")
public String login(User user,Model model){
//判断用户的用户名是admin,密码是admin,登录成功,跳转到loginsuccess.jsp页面,否则重新登录
if ("admin".equals(user.getUname())&&"admin".equals(user.getUpwd())){
//把用户名和密码保存到model中
model.addAttribute("user",user);
return "loginsuccess";
}else {
return "redirect:/index.jsp";
}
}
三、处理post请求
@RequestMapping("/login")
public String login(User user,Model model){//login只处理post请求
//把用户名和密码保存到model中
model.addAttribute("user",user);
return "loginsuccess";
}
index.jsp默认method=“get”,页面表单默认为get提交
<form action="user/login">
用户名:<input type="text" name="uname"/>
<br/>
密码:<input type="password" name="upwd"/>
<br/>
<input type="submit" value="登录"/>
</form>
前端页面输入中文:表单提交默认是get请求
前端页面取值:
loginsuccess.jsp
登录成功,用户名:${user.uname},密码:${user.upwd}
可以正常获取到:李四、admin
Controller改成Post请求:
@RequestMapping(value = "/login",method = RequestMethod.POST)
public String login(User user,Model model){//login只处理post请求
//把用户名和密码保存到model中
model.addAttribute("user",user);
return "loginsuccess";
}
页面报错:Request method ‘GET’ not supported
修改前端页面表单为post提交
index.jsp需要加上method=“post”,post请求方法代码
<form action="user/login" method="post">
用户名:<input type="text" name="uname"/>
<br/>
密码:<input type="password" name="upwd"/>
<br/>
<input type="submit" value="登录"/>
</form>
提交后,页面显示为中文乱码
修改web.xml,在里面添加如下代码:
<!--中文乱码问题-->
<!--配置 Spring MVC 字符编码过滤器-->
<filter>
<filter-name>CharacterEncodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<!-- 设置编码格式 -->
<param-value>utf-8</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CharacterEncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
重新请求中文可正常显示
跟Servlet中的一样,该方法只对POST方法有效(因为是直接处理的request)
五、文件上传
需要先导入 commons-io-1.3.2.jar 和 commons-fileupload-1.2.1.jar 两个包
第一步:导入jar 包
pom.xml
<!--导入文件上传依赖包-->
<!-- https://mvnrepository.com/artifact/commons-fileupload/commons-fileupload -->
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.3</version>
</dependency>
第二步:配置上传解析器
springmvc-servlet.xml
<!--文件上传的相关配置-->
<!--配置文件上传解析器-->
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!--上传文件的总大小-->
<property name="maxUploadSize" value="209715200"/>
<!--设置单个文件的大小-->
<property name="maxUploadSizePerFile" value="104857600"/>
<!--上传文件的编码类型-->
<property name="defaultEncoding" value="UTF-8"/>
<!--当需要获取文件信息时才会去解析请求数据,这种方式用了懒加载的思想-->
<property name="resolveLazily" value="true"/>
</bean>
第三步:编写 JSP
三个要素:
1.表单项type=“file”
2.表单的提交方式:post
3.表单的enctype属性是多部分表单形式:enctype=“multipart/form-data”
会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。当上传的字段是文件时,会有Content-Type来表名文件类型;content-disposition,用来说明字段的一些信息;由于有boundary隔离,所以multipart/form-data既可以上传文件,也可以上传键值对,它采用了键值对的方式,所以可以上传多个文件。
index.jsp
文件上传表单准备:enctype="multipart/form-data"
<form action="user/login" method="post" enctype="multipart/form-data">
用户名:<input type="text" name="uname"/>
<br/>
密码:<input type="password" name="upwd"/>
<br/>
图片:<input type="file" name="picture">
<br/>
<input type="submit" value="登录"/>
</form>
<a href="user/download">文件下载</a>
第四步:编写控制器
UserController.java
@RequestMapping(value = "/login",method = RequestMethod.POST)
public String login(User user, Model model, @RequestParam("picture") MultipartFile picture, HttpServletRequest req) {
//System.out.println("用户名为:"+user.getUname()+"密码:"+user.getUpwd());
if(picture.getSize()>52428800){//50MB
System.out.println("文件大小不能超过50M");
}else{
String fileName = picture.getOriginalFilename();//获取上传文件的源文件名
String suffix=fileName.substring(fileName.lastIndexOf("."));//获取源文件名后缀
if(".jpg".equals(suffix)||".png".equals(suffix)||"jpeg".equals(suffix)){
//文件存放服务器端的位置
SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
String path=req.getSession().getServletContext().getRealPath("/")+
"upload/"+sdf.format(new Date())+fileName;
try{
//写文件到服务器
File file=new File(path);
picture.transferTo(file);
}catch (Exception e){
e.printStackTrace();
}
}else{
System.out.println("您选择的不是图片!");
}
}
//把用户保存到model对象中
model.addAttribute("user",user);
return "loginsuccess";
}
// String downloadFilePath="E:\\apache-tomcat-8.5.64-windows-x64\\apache-tomcat-8.5.64\\webapps\\demo_springmvc\\upload\\20210424213635.jpg";//从我们的上传文件夹中去取
@RequestMapping("/download")
public ResponseEntity<byte[]> download(HttpServletRequest request) throws Exception {
// 1.得到要下载文件的真实路径
String path=request.getSession().getServletContext().getRealPath("/")+
"upload\\20210424213635.jpg";
// 2.得到要下载的文件的流
FileInputStream is = new FileInputStream(path);
byte[] temp = new byte[is.available()];// 使用available获取的大小和文件大小相同
is.read(temp);
is.close();
// 3.将要下载的文件流返回
HttpHeaders httpHeaders = new HttpHeaders();// 自定义响应头
httpHeaders.set("Content-Disposition", "attachment;filename=dog.jpg");
return new ResponseEntity<byte[]>(temp, httpHeaders, HttpStatus.OK);
}
六、多文件上传
与上面的单文件类似,不同地方只是需要将MultipartFile
替换MultipartFile[]
@RequestMapping("/upload")
public String upload(@RequestParam(value = "username", required = false) String username,
@RequestParam("headerimg") MultipartFile[] file, Model model) {
System.out.println("上传的文件的信息:");
for (MultipartFile multipartFile : file) {
if (!multipartFile.isEmpty()) {
try {
model.addAttribute("msg", "文件上传成功");
multipartFile.transferTo(new File("D:\\AAA\\" + multipartFile.getOriginalFilename()));
} catch (IllegalStateException | IOException e) {
model.addAttribute("msg", "文件上传失败" + e.getMessage());
}
}
}
return "forward:/index.jsp";
}
参看文献:
https://www.cnblogs.com/fjsnail/p/3491033.html
https://blog.csdn.net/weixin_43691058/article/details/105599822
https://www.cnblogs.com/pjhaymy/p/13837589.html
https://www.jianshu.com/p/91a2d0a1e45a
https://blog.csdn.net/jianyuerensheng/article/details/51258942