随看随记
- 常见的前段错误
- 404 找不到和后端路由‘
- 405 接收参数方法错误
- 400 接受参数错误
- 500 后端服务器运行问题
MVC架构
- M:model : 数据模型,包含数据(dao)和行为(service)。在模型中,提供了查询数据,模型数据状态更新等功能,包括数据和业务。
- V:view : 视图层。负责对模型进行展示,指的是用户界面。
- C:controller : 接受用户请求,委托给模型进行处理,处理完毕后吧返回的模型数据返回给视图层,进行显示。
SpringMVC
架构了解
- 类似于 多加了分发servlet 的一层 在这一层中的servlet实现对 不同servlet之间的分发 进而减小 在web-app中xml的配置 减少开发量。
配置版SpringMVC
- 配置好dispatchservlet
<?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">
<!--1.注册DispatcherServlet-->
<servlet>
<servlet-name>springmvc</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!--关联一个springmvc的配置文件:【servlet-name】-servlet.xml-->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springmvc-servlet.xml</param-value>
</init-param>
<!--启动级别-1-->
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>springmvc</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>
- 注意:
/ 匹配所有的请求;(不包括.jsp)
/* 匹配所有的请求;(包括.jsp)
一定不要忘记 通过配置初始参数来对 xml的文件路径进行配置
-
在指定xml文件中 配置好
- 映射器 主要帮助用于寻找我们自己的路由
- 处理器 对数据进行处理 并返回ViewAndMoudle
- 视图解析器 寻找相应的jsp
<!-- 配置映射器-->
<bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping" />
<!-- 配置处理器-->
<bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter" />
<!-- 配置视图解析器-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/jsp/" />
<property name="suffix" value=".jsp" />
</bean>
- 实现controller 编写视图 jsp
public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {
ModelAndView mv = new ModelAndView();
String res = "HelloSpringMVC";
mv.addObject("msg",res);
mv.setViewName("test"); // 指定的jsp位置
return mv;
}
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>hello</title>
</head>
<body>
${msg}
</body>
</html>
- 在我们的xml中对该controller进行注册
<bean id="/hello" class="com.paleatta.HelloServlet"/>
- 运行 Tomcat
注解版SpringMVC
- 主要对注解进行配置 包括
- 自动扫描包
- 阻止静态资源处理
- 支持注解驱动
<!-- 自动扫描包,让指定包下的注解生效,由IOC容器统一管理 -->
<context:component-scan base-package="com.paleatta.controller"/>
<!-- 让Spring MVC不处理静态资源 -->
<mvc:default-servlet-handler />
<!--
支持mvc注解驱动
在spring中一般采用@RequestMapping注解来完成映射关系
要想使@RequestMapping注解生效
必须向上下文中注册DefaultAnnotationHandlerMapping
和一个AnnotationMethodHandlerAdapter实例
这两个实例分别在类级别和方法级别处理。
而annotation-driven配置帮助我们自动完成上述两个实例的注入。
-->
<mvc:annotation-driven />
<!-- 视图解析器 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
id="internalResourceViewResolver">
<!-- 前缀 -->
<property name="prefix" value="/WEB-INF/jsp/" />
<!-- 后缀 -->
<property name="suffix" value=".jsp" />
</bean>
Controller 配置
- @Controller注解类型用于声明Spring类的实例是一个控制器
- 被@Controller 注解的类中所有的方法, 如果返回值是String,并且有具体的页面可以跳转,(@RequestMapping)那么就会被视图解析器解析。
- 因此,在被注释的类中的方法开头都是 public String 其返回值为要显示的jsp的名称。
- 在以后进行前后端分离开发时,就不需要返回jsp的名称了,返回的都是json字符串,然后进行vue前端渲染。
Restful风格
- 一般网页上的url有json-rpc风格和Restful两种风格,
https://www.baidu.com/s?ie=UTF-8&wd=postmapping%20request //百度搜索
https://mp.weixin.qq.com/s/3EtyzJohOVGz62nEYLhKHg//微信公众号网址 - restful风格如的mvc注解开发如下所示,相当于从路径中直接接收变量a
@RequestMapping("/test/{a}") public String hello(Model model, @PathVariable int a) { model.addAttribute("msg",a); return "hello"; }
- 对于一般的json-rpc风格是通过把?后面的参数传递到函数中,通过函数之间的一一匹配进行装载。
- RESTful风格面向资源,将请求资源隐藏在路径中,看起来会更加舒服。使用时可以隐藏参数传递,具有一定的安全性。
- rpc面向方法。对于RESTful风格来说,在一些大项目需要直接对表单内容进行上传时可能会比较麻烦,在使用前后端分离时,通过json进行传输参数会更加方便。restful风格可能会对路径的查找会比较麻烦,毕竟把参数藏在路径中。
- 不管Restful风格还是json-rpc风格,都是团队为了同一开发风格而进行的规定,并没有谁优谁劣。
Mapping
- @RequestMapping注解用于映射url到控制器类或一个特定的处理程序方法。
- 可以先在类上定义,然后在方法上定义,这样就相当于先访问类的大路径,再访问方法的小路径。
- Mapping的形式有很多种 有@requestMapping @postMapping @getMapping 多种
- 浅谈上三种Mapping之间的异同
- @RequestMapping默认GET方法,但在不指定方法的情况下可以用于get和post。
- 其余的两种都只能对应于特定的方法post或get
结果跳转方式 针对前端
- 重定向(Redirect)
- 两次请求
- 会更改请求的url
- 转发(forward)
- 一次请求
- 不会更改请求的url
- 感觉这两个在vue中不怎么会被使用 使用的主要是push,如果有需要就在学习吧
数据接收
- @RequesParam 用于接受前端传过来的数据,其参数就是前端url传过来的参数名,不建议用于前端对象的JSON数据传出。
- @RequesBody 用于接收前端传过来的对象json数据。
乱码问题
先放在这里 不知道以后会不会用得到,用得到就省的找了,目前还没发现问题
- 自定义过滤器
package com.kuang.filter;
import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletRequestWrapper;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.util.Map;
/**
* 解决get和post请求 全部乱码的过滤器
*/
public class GenericEncodingFilter implements Filter {
@Override
public void destroy() {
}
@Override
public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
//处理response的字符编码
HttpServletResponse myResponse=(HttpServletResponse) response;
myResponse.setContentType("text/html;charset=UTF-8");
// 转型为与协议相关对象
HttpServletRequest httpServletRequest = (HttpServletRequest) request;
// 对request包装增强
HttpServletRequest myrequest = new MyRequest(httpServletRequest);
chain.doFilter(myrequest, response);
}
@Override
public void init(FilterConfig filterConfig) throws ServletException {
}
}
//自定义request对象,HttpServletRequest的包装类
class MyRequest extends HttpServletRequestWrapper {
private HttpServletRequest request;
//是否编码的标记
private boolean hasEncode;
//定义一个可以传入HttpServletRequest对象的构造函数,以便对其进行装饰
public MyRequest(HttpServletRequest request) {
super(request);// super必须写
this.request = request;
}
// 对需要增强方法 进行覆盖
@Override
public Map getParameterMap() {
// 先获得请求方式
String method = request.getMethod();
if (method.equalsIgnoreCase("post")) {
// post请求
try {
// 处理post乱码
request.setCharacterEncoding("utf-8");
return request.getParameterMap();
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
} else if (method.equalsIgnoreCase("get")) {
// get请求
Map<String, String[]> parameterMap = request.getParameterMap();
if (!hasEncode) { // 确保get手动编码逻辑只运行一次
for (String parameterName : parameterMap.keySet()) {
String[] values = parameterMap.get(parameterName);
if (values != null) {
for (int i = 0; i < values.length; i++) {
try {
// 处理get乱码
values[i] = new String(values[i]
.getBytes("ISO-8859-1"), "utf-8");
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
}
}
}
hasEncode = true;
}
return parameterMap;
}
return super.getParameterMap();
}
//取一个值
@Override
public String getParameter(String name) {
Map<String, String[]> parameterMap = getParameterMap();
String[] values = parameterMap.get(name);
if (values == null) {
return null;
}
return values[0]; // 取回参数的第一个值
}
//取所有值
@Override
public String[] getParameterValues(String name) {
Map<String, String[]> parameterMap = getParameterMap();
String[] values = parameterMap.get(name);
return values;
}
}
- 官方自带过滤器
<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>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CharacterEncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
JSON
- JSON 是 JavaScript 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。
- JSON 和 JavaScript 对象互转
要实现从JSON字符串转换为JavaScript 对象,使用 JSON.parse() 方法:
var obj = JSON.parse(’{“a”: “Hello”, “b”: “World”}’);//结果是 {a: ‘Hello’, b: ‘World’}
要实现从JavaScript 对象转换为JSON字符串,使用 JSON.stringify() 方法:
var json = JSON.stringify({a: ‘Hello’, b: ‘World’}); //结果是 ‘{“a”: “Hello”, “b”: “World”}’ - JSON常用的有两种包,一种是jackson,一种是fastjson,感觉开发的时候再看用哪个吧,感觉要配合实际开发可能记忆的更加牢固。
- 感觉一般都是后端接受前端的JSON数据,在@RequestBody中解析,并赋值成对象,在后端大多数做的都是将操作过后的Java转化成JSON传给前端,JSON.toJSONString();方法会用的比较多。