狂神说java SpringMVC篇 学习笔记 | 您所在的位置:网站首页 › spring狂神说 › 狂神说java SpringMVC篇 学习笔记 |
前言
笔记整合自
未名湖畔种千玺:跟着狂神学SpringMVC(配套资料+细节补充+JSON+SSM整合+AJAX+文件上传)
主要整合自 未名湖畔种千玺,整合内容是对这些博客中不易理解的部分辅以其他文章进行理解并修改,以及对目录结构的修改,以达到见文知意的效果 本文中所有代码均为上述博客的截图,如果需要复制代码请自行前往对应博客复制 未名湖畔种千玺的博客结尾有源码的git链接,下载后结合代码查看笔记效果更佳! 适用范围初学快速入门 往常看十几个小时的视频,并不断暂停做笔记或跟敲代码,往往需要花费视频时长两倍甚至更多的时间才能学完一门课程 而一篇记得好的笔记类博客,能把十几个小时的课程浓缩为一篇文章,大概一两小时能看完,即使需要跟着敲代码,只要笔记中的代码罗列清晰亦可以跟敲 在笔记的基础上跟敲代码,遇到问题加以思考,学习效果是不会比视频差太多的,而时间却节省了极多 并且推荐大家使用类似于我的方法,对照一篇博客学习,不断复制粘贴做成笔记,对不理解的地方查找其他博客并在理解后修改笔记内容,这样能很大程度上深化你的记忆,加强对技术的理解。 老手回顾复习 对于以前学过的技术我就经常忘记,但是我会把做过的代码都留存并记录相关笔记,如需要某些做过学过功能,往往会回头查看笔记和代码 闲谈:做笔记我一般是使用印象笔记做笔记,它提供了很强大的管理功能、搜索功能(图片中文字能识别并搜索等)和图片存储功能等 相比于使用md记笔记会流畅不少,以前曾经使用过md做笔记,但是除了发博客方便和使用公式等会比较好用,其他地有很多不方便。 之前没用印象笔记的原因也是因为不适合发博客,不过在后来我研究出了把印象笔记转为博客,现在用印象笔记记笔记可快乐了 如果需要把笔记发成博客,可以参考我写的这篇文章:如何将印象笔记转换为博客 回顾MVC 什么是MVCMVC是模型(Model)、视图(View)、控制器(Controller)的简写,是一种软件设计规范。 是将业务逻辑、数据、显示分离的方法来组织代码。 MVC主要作用是 降低了视图与业务逻辑间的双向偶合 。 MVC不是一种设计模式, MVC是一种架构模式 。当然不同的MVC存在差异。 Model(模型): 数据模型,提供要展示的数据,因此包含数据和行为,可以认为是领域模型或JavaBean组件(包含数据和行为),不过现在一般都分离开来:Value Object(数据Dao) 和 服务层(行为Service)。也就是模型提供了模型数据查询和模型数据的状态更新等功能,包括数据和业务。 View(视图): 负责进行模型的展示,一般就是我们见到的用户界面,客户想看到的东西。 Controller(控制器): 接收用户请求,委托给模型进行处理(状态改变),处理完毕后把返回的模型数据返回给视图,由视图负责展示。也就是说控制器做了个调度员的工作。 最典型的MVC就是JSP + servlet + javabean的模式。 模型(dao, service) 视图 (jsp)控制器 (Servlet[ 转发,重定向 ] ) JSP:本质就是一个Servlet在web早期的开发中,通常采用的都是Model1。 Model1中,主要分为两层,视图层和模型层。 Model1优点:架构简单,比较适合小型项目开发; Model1缺点:JSP职责不单一,职责过重,不便于维护 model2时代 Model2把一个项目分成三部分,包括 视图、控制、模型上图数字含义: 1.用户发请求 2.Servlet接收请求数据,并调用对应的业务逻辑方法 3.业务处理完毕,返回更新后的数据给servlet 4.servlet转向到JSP,由JSP来渲染页面 5.响应给前端更新后的页面 职责分析 Controller:控制器 取得表单数据 调用业务逻辑 转向指定的页面 Model:模型 业务逻辑 保存数据的状态 View:视图 显示页面 Model1和Model2的对比Model2这样不仅提高的代码的复用率与项目的扩展性,且大大降低了项目的维护成本。 Model 1模式的实现比较简单, 适用于快速开发小规模项目 ,Model1中JSP页面身兼View和Controller两种角色,将控制逻辑和表现逻辑混杂在一起,从而导致代码的重用性非常低,增加了应用的扩展性和维护的难度。 Model2消除了Model1的缺点。 回顾Servlet新建一个Maven工程当做父工程(删除src目录)! 设置字符编码和maven 接口 localhost:8080/user?method=add localhost:8080/user?method=delete 也可以编写index.jsp 将url映射到java类或java类的方法 . 封装用户提交的数据 . 处理请求–调用相关的业务处理–封装响应数据 . 将响应的数据进行渲染 . jsp / html 等表示层数据 . 常见MVC框架服务端:Struts、Spring MVC、ASP.NET MVC、Zend Framework、JSF 前端:Vue、Angular.js、react、backbone 杂谈 MVC演化出的另一些模式:MVP、MVVM等 什么是SpringMVC 概述Spring MVC是Spring Framework的一部分,是基于Java实现MVC的轻量级Web框架。 官方文档:https://docs.spring.io/spring/docs/5.2.0.RELEASE/spring-framework-reference/web.html#spring-web 我们为啥要学SpringMVC?优点 轻量级,简单易学 高效 , 基于请求响应的MVC框架 与Spring兼容性好,无缝结合 约定优于配置 功能强大:RESTful、数据验证、格式化、本地化、主题等 简洁灵活 正因为SpringMVC好 , 简单 , 便捷 , 易学 , 天生和Spring无缝集成(使用SpringIoC和Aop) , 使用约定优于配置 . 能够进行简单的junit测试 . 支持Restful风格 .异常处理 , 本地化 , 国际化 , 数据验证 , 类型转换 , 拦截器 等等…所以我们要学习 . 最重要的一点还是用的人多 , 使用的公司多 . 中心控制器Spring的web框架围绕DispatcherServlet设计。 DispatcherServlet的作用是将请求分发到不同的处理器。 从Spring 2.5开始,使用Java 5或者以上版本的用户可以采用基于注解的controller声明方式。 Spring MVC框架像许多其他MVC框架一样, 以请求为驱动 , 围绕一个中心Servlet分派请求及提供其他功能,DispatcherServlet是一个实际的Servlet (它继承自HttpServlet 基类)。 当发起请求时被前置的控制器拦截到请求,根据请求参数生成代理请求,找到请求对应的实际控制器,控制器处理请求,创建数据模型,访问数据库,将模型响应给中心控制器,控制器使用模型与视图渲染视图结果,将结果返回给中心控制器,再将结果返回给请求者。 简要分析上图中的数字含义简要分析 1. DispatcherServlet表示前置控制器,是整个SpringMVC的控制中心。用户发出请求,DispatcherServlet接收请求并拦截请求。 * 我们假设请求的url为 : [http://localhost:8080/SpringMVC/hello](http://localhost:8080/SpringMVC),将url拆分成三部分如下 * http://localhost:8080 服务器域名 * SpringMVC 部署在服务器上的web站点 * hello 表示控制器 * 通过分析,如上url表示为:请求位于服务器localhost:8080上的SpringMVC站点的hello控制器。 2. HandlerMapping为处理器映射。DispatcherServlet调用HandlerMapping,HandlerMapping根据请求url查找Handler。 3. HandlerExecution表示具体的Handler,其主要作用是根据url查找控制器,如上url被查找控制器为:hello。 4. HandlerExecution将解析后的信息传递给DispatcherServlet,如解析控制器映射等。 5. HandlerAdapter表示处理器适配器,其按照特定的规则去执行Handler。 6. Handler让具体的Controller执行。 7. Controller将具体的执行信息返回给HandlerAdapter,如ModelAndView。 8. HandlerAdapter将视图逻辑名或模型传递给DispatcherServlet。 9. DispatcherServlet调用视图解析器(ViewResolver)来解析HandlerAdapter传递的逻辑视图名。 10. 视图解析器将解析的逻辑视图名传给DispatcherServlet。 11. DispatcherServlet根据视图解析器解析的视图结果,调用具体的视图。 12. 最终视图呈现给用户。在这里先听一遍原理,不理解没有关系,我们马上来写一个对应的代码实现大家就明白了,如果不明白,那就写10遍,没有笨人,只有懒人! 下面我们准备编写我们的入门程序了! Hello,SpringMVC 配置版小结: 看这个估计大部分同学都能理解其中的原理了,但是我们 实际开发才不会这么写 ,不然就疯了,还学这个玩意干嘛!我们来看个 注解版实现,这才是SpringMVC的精髓 ,到底有多么简单,看这个图就知道了。 可能遇到的问题:访问出现404,排查步骤: 1. 查看控制台输出,看一下是不是缺少了什么jar包。 2. 如果jar包存在,显示无法输出,就在IDEA的项目发布中,添加lib依赖!注意点 / 和 /* 的区别: < url-pattern > / : 不会匹配到.jsp, 只针对我们编写的请求;即:.jsp 不会进入spring的 DispatcherServlet类 。 < url-pattern > /* : 会匹配 *.jsp,会出现返回 jsp视图 时再次进入spring的DispatcherServlet 类,导致找不到对应的controller所以报404错。 注意web.xml版本问题,要最新版! 注册DispatcherServlet 关联SpringMVC的配置文件 启动级别为1 映射路径为 / 【不要用/*,会404】 添加Spring MVC配置文件在resource目录下添加 springmvc-servlet.xml 配置文件,配置的形式与Spring容器配置基本类似,为了支持基于注解的IOC,设置了自动扫描包的功能,具体配置信息如下: 配置的作用 让IOC的注解生效 静态资源过滤 :HTML . JS . CSS . 图片 , 视频 … MVC的注解驱动 配置视图解析器 在视图解析器中我们把所有的视图都存放在/WEB-INF/目录下,这样可以保证视图安全,因为这个目录下的文件,客户端不能直接访问。和配置版的区别 编写一个Java控制类:com.kuang.controller.HelloController , 注意编码规范 @Controller是为了让Spring IOC容器初始化时自动扫描到; @RequestMapping是为了映射请求路径,这里因为类与方法上都有映射所以访问时应该是/HelloController/hello; 方法中声明Model类型的参数是为了把Action中的数据带到视图中; 方法返回的结果是视图的名称hello,加上配置文件中的前后缀变成WEB-INF/jsp/hello.jsp。 创建视图层在WEB-INF/ jsp目录中创建hello.jsp , 视图可以直接取出并展示从Controller带回的信息; 可以通过EL表示取出Model中存放的值,或者对象;配置Tomcat , 开启服务器 , 访问 对应的请求路径! OK,运行成功! 小结实现步骤其实非常的简单: 新建一个web项目 导入相关jar包 编写web.xml , 注册DispatcherServlet 编写springmvc配置文件 接下来就是去创建对应的控制类 , controller 最后完善前端视图和controller之间的对应 测试运行调试. 使用springMVC必须配置的三大件: 处理器映射器、处理器适配器、视图解析器 通常,我们只需要 手动配置视图解析器 ,而 处理器映射器 和 处理器适配器 只需要开启注解驱动即可,而省去了大段的xml配置再来回顾下原理吧 简要分析上图中的数字含义简要分析 1. DispatcherServlet表示前置控制器,是整个SpringMVC的控制中心。用户发出请求,DispatcherServlet接收请求并拦截请求。 * 我们假设请求的url为 : [http://localhost:8080/SpringMVC/hello](http://localhost:8080/SpringMVC),将url拆分成三部分如下 * http://localhost:8080 服务器域名 * SpringMVC 部署在服务器上的web站点 * hello 表示控制器 * 通过分析,如上url表示为:请求位于服务器localhost:8080上的SpringMVC站点的hello控制器。 2. HandlerMapping为处理器映射。DispatcherServlet调用HandlerMapping,HandlerMapping根据请求url查找Handler。 3. HandlerExecution表示具体的Handler,其主要作用是根据url查找控制器,如上url被查找控制器为:hello。 4. HandlerExecution将解析后的信息传递给DispatcherServlet,如解析控制器映射等。 5. HandlerAdapter表示处理器适配器,其按照特定的规则去执行Handler。 6. Handler让具体的Controller执行。 7. Controller将具体的执行信息返回给HandlerAdapter,如ModelAndView。 8. HandlerAdapter将视图逻辑名或模型传递给DispatcherServlet。 9. DispatcherServlet调用视图解析器(ViewResolver)来解析HandlerAdapter传递的逻辑视图名。 10. 视图解析器将解析的逻辑视图名传给DispatcherServlet。 11. DispatcherServlet根据视图解析器解析的视图结果,调用具体的视图。 12. 最终视图呈现给用户。下面我们准备研究下Controller及RestFul风格! 控制器Controller控制器复杂提供访问应用程序的行为,通常通过接口定义或注解定义两种方法实现。 控制器负责解析用户的请求并将其转换为一个模型。 在Spring MVC中一个控制器类可以包含多个方法 在Spring MVC中,对于Controller的配置方式有很多种 controller的两种实现方式 实现Controller接口 Controller是一个接口,在org.springframework.web.servlet.mvc包下,接口中只有一个方法;测试 1. 新建一个Moudle,springmvc-04-controller 。将刚才的03 拷贝一份, 我们进行操作!删掉HelloController mvc的配置文件只留下 视图解析器! 编写一个Controller类,ControllerTest1说明: 实现接口Controller定义控制器是较老的办法 缺点是:一个控制器中只有一个方法,如果要多个方法则需要定义多个Controller;定义的方式比较麻烦; 使用注解@Controller@Controller注解类型用于声明Spring类的实例是一个控制器(在讲IOC时还提到了另外3个注解); 不使用SpringMVC时四个注解功能一样(@Component、@Service、@Controller、@Repository) 但是使用SpringMVC后,spring会遍历上面扫描出来的所有bean,过滤出那些添加了注解@Controller的bean,将Controller中所有添加了注解@RequestMapping的方法解析出来封装成RequestMappingInfo存储到RequestMappingHandlerMapping中的mappingRegistry。后续请求到达时,会从mappingRegistry中查找能够处理该请求的方法。 Spring可以使用扫描机制来找到应用程序中所有基于注解的控制器类,为了保证Spring能找到你的控制器,需要在配置文件中声明组件扫描。 可以发现,我们的两个请求都可以指向一个视图,但是页面结果的结果是不一样的,从这里可以看出视图是被复用的,而控制器与视图之间是弱偶合关系。 注解方式是平时使用的最多的方式! RequestMapping@RequestMapping @RequestMapping注解用于映射url到控制器类或一个特定的处理程序方法。可用于类或方法上。用于类上,表示类中的所有响应请求的方法都是以该地址作为父路径。 为了测试结论更加准确,我们可以加上一个项目名测试 myweb 只注解在方法上面 访问路径:http://localhost:8080 / 项目名 / h1同时注解类与方法 访问路径:http://localhost:8080 / 项目名/ admin /h1 需要先指定类的路径再指定方法的路径; 概念 Restful就是一个资源定位及资源操作的风格。 不是标准也不是协议,只是一种风格。 基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。 传统方式和restFul风格对比资源与资源操作的概念 资源:互联网所有的事物都可以被抽象为资源 资源操作:使用POST、DELETE、PUT、GET,使用不同方法对资源进行操作。 分别对应 添加、 删除、修改、查询。传统方式操作资源 通过不 同的参数来实现不同的效果 !方法单一,post 和 get使用RESTful操作资源 可以通过 不同的请求方式来实现不同的效果 !如下:请求地址一样,但是功能可以不同!使路径变得更加简洁; 获得参数更加方便,框架会自动进行类型转换。 通过路径变量的类型可以约束访问参数,如果类型不一样,则访问不到对应的请求方法 如这里访问是的路径是/commit/1/a时,就会报错路径与方法不匹配(而不会是参数转换失败。) 使用method属性指定请求类型 增加一个方法Spring MVC 的 @RequestMapping 注解能够处理 HTTP 请求的方法, 比如 GET, PUT, POST, DELETE 以及 PATCH。 所有的地址栏请求默认都会是 HTTP GET 类型的。 方法级别的注解变体有如下几个组合注解 @GetMapping @PostMapping @PutMapping @DeleteMapping @PatchMapping 它们所扮演的是 @RequestMapping(method =RequestMethod.对应前缀[Get、Post] ) 的一个快捷方式。 如:@GetMapping等效于@RequestMapping(method =RequestMethod.GET) 拓展:小黄鸭调试法场景一:我们都有过向别人(甚至可能向完全不会编程的人)提问及解释编程问题的经历,但是很多时候就在我们解释的过程中自己却想到了问题的解决方案,然后对方却一脸茫然。 场景二:你的同行跑来问你一个问题,但是当他自己把问题说完,或说到一半的时候就想出答案走了,留下一脸茫然的你。 其实上面两种场景现象就是所谓的小黄鸭调试法(Rubber Duck Debuging),又称橡皮鸭调试法,它是我们软件工程中最常使用调试方法之一。 此概念据说来自《程序员修炼之道》书中的一个故事,传说程序大师随身携带一只小黄鸭,在调试代码的时候会在桌上放上这只小黄鸭,然后详细地向鸭子解释每行代码,然后很快就将问题定位修复了。 下面我们准备研究下参数接受和结果跳转! 结果跳转方式 ModelAndView基本都用这种方法 设置ModelAndView对象 , 根据view的名称 , 和视图解析器跳到指定的页面 . 页面 : {视图解析器前缀} + viewName +{视图解析器后缀} 不建议这样使用 通过设置ServletAPI , 不需要视图解析器 . 通过HttpServletResponse进行输出 通过HttpServletResponse实现重定向 通过HttpServletResponse实现转发 记得注释掉视图解析器 无需视图解析器的方式; 测试前,需要将视图解析器注释掉有视图解析器的方式; 即使有视图解析器,重定向也不需要使用到视图解析器 ,因为重定向本质就是重新请求一个新的URL ,所以重定向到另外一个请求实现就行 注意路径问题.要求提交的表单域和对象的属性名一致 , 参数使用对象即可 实体类提交数据:http://localhost:8080/mvc04/user?name=kuangshen&id=1&age=15 处理方法 前端提交的name和后端映射器接受的形参名一样,则直接接受 前端提交的name和后端映射器接受的形参名不用一样,再形参前@RequestParam(“xxx”)更改名称一致 养成习惯:无论是否一样,都必须加上@RequestParam 后端参数封装如果成一个pojo,前端传过来的name会自动pojo中的成员属性,不匹配的属性=null/0 数据显示到前端 第一种 : 通过ModelAndView就对于新手而言简单来说使用区别就是: Model 只有寥寥几个方法只适合用于储存数据,简化了新手对于Model对象的操作和理解; ModelMap 继承了 LinkedMap ,除了实现了自身的一些方法,同样的继承 LinkedMap 的方法和特性; ModelAndView 可以在储存数据的同时,可以进行设置返回的逻辑视图,进行控制展示层的跳转。 当然以后开发更多考虑的是性能和优化,就不能单单仅限于此的了解。 因此,我们应该 使用80%的时间打好扎实的基础,剩下18%的时间研究框架,2%的时间去学点英文 框架的官方文档永远是最好的教程。 乱码问题 我们可以在首页编写一个提交的表单不得不说,乱码问题是在我们开发中十分常见的问题,也是让我们程序猿比较头大的问题! 以前乱码问题通过过滤器解决 , 而SpringMVC给我们提供了一个过滤器 , 可以在web.xml 修改了xml文件需要重启服务器! xml文件但是我们发现 , 有些极端情况下.这个过滤器对get的支持不好 因此还有其他几种处理方法 : 1. 修改tomcat配置文件 :设置编码!这个也是我在网上找的一些大神写的,一般情况下,SpringMVC默认的乱码处理就已经能够很好的解决了! 乱码问题,需要平时多注意,在尽可能能设置编码的地方,都设置为统一编码 UTF-8! 有了这些知识,我们马上就可以进行SSM整合了! Json 什么是jsonJSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式,目前使用特别广泛。 采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。 在 JavaScript 语言中,一切都是对象。因此,任何JavaScript 支持的类型都可以通过 JSON 来表示,例如字符串、数字、对象、数组等。看看他的要求和语法格式: 对象表示为键值对,数据由逗号分隔 花括号保存对象 方括号保存数组 JSON 键值对 是用来保存 JavaScript 对象的一种方式,和 JavaScript 对象的写法也大同小异,键/值对组合中的键名写在前面并用双引号 “” 包裹,使用冒号 : 分隔,然后紧接着值: JSON 和 JavaScript 对象的关系 JSON 是 JavaScript 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串, 所以使用json时实际上需要使用转换器将json字符串转换成对象使用,不过一般请求工具中都封装好了。 新建一个module ,springmvc-05-json , 添加web的支持 在web目录下新建一个 json-1.html , 编写测试内容 Jackson应该是目前比较好的json解析工具了,当然工具不止这一个,比如还有阿里巴巴的 fastjson 等等。 我们这里使用Jackson,使用它需要导入它的jar包;这里我们需要两个新东西,一个是 @ResponseBody ,一个是 ObjectMapper 对象,我们看下具体的用法 编写一个Controller;在类上直接使用 @RestController 这样子,里面所有的方法都只会返回 json 字符串了,不用再每一个都添加@ResponseBody ! 我们在前后端分离开发中,一般都使用 @RestController ,十分便捷! 发现出现了乱码问题,我们需要设置一下他的编码格式为utf-8,以及它返回的类型 通过@RequestMaping的produces属性来实现,修改下代码再次测试, http://localhost:8080/json1 , 乱码问题OK! 【注意:使用json记得处理乱码问题】 统一处理上一种方法比较麻烦,如果项目中有许多请求则每一个都要添加,可以通过Spring配置统一指定,这样就不用每次都去处理了! 我们可以在springmvc的配置文件上添加一段消息StringHttpMessageConverter转换配置!默认日期格式会变成一个数字,是1970年1月1日到当前日期的毫秒数! Jackson 默认是会把时间转成timestamps形式解决方案:取消timestamps形式 , 自定义时间格式 fastjson.jar是阿里开发的一款专门用于Java开发的包,可以方便的实现json对象与JavaBean对象的转换,实现JavaBean对象与json字符串的转换,实现json对象与json字符串的转换。实现json的转换方法很多,最后的实现结果都是一样的。 fastjson 的 pom依赖JSONObject 代表 json 对象 JSONObject实现了Map接口, 猜想 JSONObject底层操作是由Map实现的。 JSONObject对应json对象,通过各种形式的get()方法可以获取json对象中的数据,也可利用诸如size(),isEmpty() JSONArray 代表 json 对象数组 内部是有List接口中的方法来完成操作的。JSON代表 JSONObject和JSONArray的转化 JSON类源码分析与使用 仔细观察这些方法,主要是实现json对象,json对象数组,javabean对象,json字符串之间的相互转化。 这种工具类,我们只需要掌握使用就好了,在使用的时候在根据具体的业务去找对应的实现。和以前的commons-io那种工具包一样,拿来用就好了! Json在我们数据传输中十分重要,一定要学会使用! 整合SSM环境: IDEA MySQL 5.7.19 Tomcat 9 Maven 3.6 要求: 需要熟练掌握MySQL数据库,Spring,JavaWeb及MyBatis知识,简单的前端知识; 数据库环境搭建 创建一个存放书籍数据的数据库表编写数据库对应的实体类 com.kuang.pojo.Books 使用lombok插件!配置Spring整合MyBatis,我们这里数据源使用c3p0连接池; 我们去编写Spring整合Mybatis的相关的配置文件;spring-dao.xml 到目前为止,这个SSM项目整合已经完全的OK了,可以直接运行进行测试!这个练习十分的重要,大家需要保证,不看任何东西,自己也可以完整的实现出来! 项目结构图这个是同学们的第一个SSM整合案例,一定要烂熟于心! SSM框架的重要程度是不言而喻的,学到这里,大家已经可以进行基本网站的单独开发。但是这只是增删改查的基本操作。可以说学到这里,大家才算是真正的步入了后台开发的门。也就是能找一个后台相关工作的底线。 或许很多人,工作就做这些事情,但是对于个人的提高来说,还远远不够! 我们后面还要学习一些 SpringMVC 的知识,Ajax 和 Json、文件上传和下载、拦截器 前路漫漫,认真坚持最重要! Ajax研究 简介AJAX: Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。 在 2005 年,Google 通过其 Google Suggest 使 AJAX 变得流行起来。Google Suggest能够自动帮你完成搜索单词。 Google Suggest 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框输入关键字时,JavaScript 会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。 就和国内百度的搜索框一样! 传统的网页(即不用ajax技术的网页),想要更新内容或者提交一个表单,都需要重新加载整个网页。 使用ajax技术的网页,通过在后台服务器进行少量的数据交换,就可以实现异步局部更新。 使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。 伪造Ajax我们可以使用前端的一个标签来伪造一个ajax的样子。iframe标签 1、新建一个module :sspringmvc-06-ajax , 导入web支持 ! 2、编写一个 ajax-frame.html 使用 iframe 测试,感受下效果 利用AJAX可以做: 注册时,输入用户名自动检测用户是否已经存在。 登陆时,提示用户名密码错误 删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行也删除。 … jQuery.ajax纯JS原生实现Ajax我们不去讲解这里,直接使用jquery提供的,方便学习和使用,避免重复造轮子,有兴趣的同学可以去了解下JS原生XMLHttpRequest ! Ajax的核心是XMLHttpRequest对象(XHR)。XHR为向服务器发送请求和解析服务器响应提供了接口。能够以异步方式从服务器获取新数据。 jQuery 提供多个与 AJAX 有关的方法。 通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON – 同时您能够把这些外部数据直接载入网页的被选元素中。 jQuery 不是生产者,而是大自然搬运工。 jQuery Ajax本质就是 XMLHttpRequest,对他进行了封装,方便调用! 简单的测试:使用最原始的HttpServletResponse处理 配置web.xml 和 springmvc的配置文件,复制上面案例的即可 【记得静态资源过滤和注解驱动配置上】【记得处理json乱码问题】 测试一下效果,动态请求响应,局部刷新,就是如此! SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理。开发者可以自己定义一些拦截器来实现特定的功能。 过滤器与拦截器的区别 :拦截器是AOP思想的具体应用。 过滤器: servlet规范中的一部分,任何java web工程都可以使用 在url-pattern中配置了/*之后,可以对所有要访问的资源进行拦截 拦截器 拦截器是SpringMVC框架自己的,只有使用了SpringMVC框架的工程才能使用 拦截器只会拦截访问的控制器方法, 如果访问的是jsp/html/css/image/js是不会进行拦截的 自定义拦截器那如何实现拦截器呢? 想要自定义拦截器,必须实现 HandlerInterceptor 接口。 1、新建一个Moudule , springmvc-07-Interceptor , 添加web支持 2、配置web.xml 和 springmvc-servlet.xml 文件 3、编写一个拦截器 4、在springmvc的配置文件中配置拦截器 5、编写一个Controller,接收请求 6、前端 index.jsp 7、启动tomcat 测试一下! 实现思路 有一个登陆页面,需要写一个controller访问页面。、 登陆页面有一提交表单的动作。需要在controller中处理。判断用户名密码是否正确。如果正确,向session中写入用户信息。返回登陆成功。一个登陆页面,需要写一个controller访问页面。、登陆页面有一提交表单的动作。需要在controller中处理。判断用户名密码是否正确。如果正确,向session中写入用户信息。返回登陆成功。 拦截用户请求,判断用户是否登陆。如果用户已经登陆。放行, 如果用户未登陆,跳转到登陆页面 1、编写一个登陆页面 login.jsp 2、编写一个Controller处理请求 3、编写一个登陆成功的页面 success.jsp 4、在 index 页面上测试跳转!启动Tomcat 测试,未登录也可以进入主页! 5、编写用户登录拦截器 6、在Springmvc的配置文件中注册拦截器 7、再次重启Tomcat测试! OK,测试登录拦截功能无误. 文件上传和下载 准备工作文件上传是项目开发中最常见的功能之一 ,springMVC 可以很好的支持文件上传,但是SpringMVC上下文中默认没有装配MultipartResolver,因此默认情况下其不能处理文件上传工作。如果想使用Spring的文件上传功能,则需要在上下文中配置MultipartResolver。 前端表单要求:为了能上传文件,必须将表单的method设置为POST,并将enctype设置为multipart/form-data。只有在这样的情况下,浏览器才会把用户选择的文件以二进制数据发送给服务器; 对表单中的 enctype 属性做个详细的说明: application/x-www=form-urlencoded:默认方式,只处理表单域中的 value 属性值,采用这种编码方式的表单会将表单域中的值处理成 URL 编码方式。 multipart/form-data:这种编码方式会以二进制流的方式来处理表单数据,这种编码方式会把文件域指定文件的内容也封装到请求参数中,不会对字符编码。 text/plain:除了把空格转换为 “+” 号外,其他字符都不做编码处理,这种方式适用直接通过表单发送邮件。 一旦设置了enctype为multipart/form- data,浏览器即会采用二进制流的方式来处理表单数据,而对于文件上传的处理则涉及在服务器端解析原始的HTTP响应。在2003年,Apache Software Foundation发布了开源的Commons FileUpload组件,其很快成为Servlet/JSP程序员上传文件的最佳选择。 Servlet3.0规范已经提供方法来处理文件上传,但这种上传需要在Servlet中完成。 而Spring MVC则提供了更简单的封装。 Spring MVC为文件上传提供了直接的支持,这种支持是用即插即用的MultipartResolver实现的。 Spring MVC使用Apache Commons FileUpload技术实现了一个MultipartResolver实现类: CommonsMultipartResolver。因此,SpringMVC的文件上传还需要依赖Apache Commons FileUpload的组件。 文件上传1、导入文件上传的jar包,commons-fileupload , Maven会自动帮我们导入他的依赖包 commons-io包; 2、配置bean:multipartResolver 【注意!!!这个bena的id必须为:multipartResolver , 否则上传文件会报400的错误!在这里栽过坑,教训!】 CommonsMultipartFile 的 常用方法: String getOriginalFilename():获取上传文件的原名 InputStream getInputStream():获取文件流 void transferTo(File dest):将上传文件保存到一个目录文件中 3、编写前端页面 4、Controller 5、测试上传文件,OK! 采用file.Transto 来保存上传的文件1、编写Controller 2、前端表单提交地址修改 3、访问提交测试,OK! 文件xia’za文件下载步骤: 1、设置 response 响应头 2、读取文件 – InputStream 3、写出文件 – OutputStream 4、执行操作 5、关闭流 (先开后关) 代码实现: 测试,文件下载OK,大家可以和我们之前学习的JavaWeb原生的方式对比一下,就可以知道这个便捷多了! 拦截器及文件操作在我们开发中十分重要,一定要学会使用! |
CopyRight 2018-2019 实验室设备网 版权所有 |