JSON_过滤器_监听器_VUE_入门

---

一、Json

客户端给服务端发送请求，服务器返回的数据有可能是比较复杂的数据组合，这些数据必须已字符串形式返回， 这样的话就需要一个通用的封装数据格式，且目前最常用的的就是Json，个别场景还有用XML的，Json是一种轻量级的数据封装（数据交互）格式；
列：xml

<persons>
	<person>
		<name>张三</name>
		<age>18</age>
		<gender>男</gender>
	</person>
</persons>

列：Json

json: {"name":"张三","age":18,"gender":"男"}

二、过滤器

过滤器也是Tomcat中的一种组件（Servlet也是一种组件），如果在Tomcat中添加过滤器，在客户端访问某个Servlet之前会先经过滤器，在过滤器中可以请求进行业务判断，可以控制是否允许访问Servlet

如何使用过滤器

1.创建Filter，添加多个处理路径

@WebFilter(filterName ="Filter",urlPatterns ={"/showsend","/showbanner"})

2.在doFilter方法中添加业务判断的代码，如果执行

chain.doFilter()此代码表示允许访问Servlet

过滤器的拦截方式(urlPatterns的几种书写方式)

• 精确匹配: /showsend /showbanner
• 后缀匹配: *.jpg *.png *.html (可以解决图片盗链问题)
• 路径匹配: /images/* 路径中只要包含 images 就会拦截
• 匹配所有: /* 客户端发出的所有请求 都会被拦截到
• 过滤器应用场景: 可以将多个Servlet中出现的重复代码写
  到过滤器中 从而提高开发效率

三、监听器Listener

• Listener监听器也是Tomcat中的一种组件
• 作用：类似于Web前端开发中的事件，可以监听工程运行过程中的一些特定时间点比如：工程创建及摧毁，Session的创建及销毁等
• 应用场景：可以做一些项目初始化操作，可以实现工程关闭之前的一些收尾工作，可以监听在线人数或某个Serlet的访问人数等

VUE(读音和view一样)

• 作用和Thymeleaf类似, Thymeleaf框架是同步请求中 负
  责将数据和页面进行整合的框架, 属于后端(服务器端)技术,
  而VUE是异步请求中将页面和数据进行整合的框架,属于前
  端技术

• 使用vue可以降低查找元素的次数,从而提高执行效率

• 如何使用vue?
  vue框架就是一个普通的js文件, 通过script标签的src属性
  引入到html页面中即可.

• vue格式:
  
  {{msg}} 和 v-text=“msg” 作用一样 都是给元素设置文本内容, 前者网速慢时可能会出现闪烁现象
  v-html=“msg” 作用是给元素设置html标签内容
  v-model=“xxx” 让元素的value值和某个变量进行绑定
  v-bind:属性名=“变量” 让元素的某个属性和vue中的变量进行绑定
  v-on:事件名 和 @事件名个方法是给元素添加事件并绑定某