会话技术
1.Cookie:客户端会话技术
将数据保存在客户端本地,下一次请求会带着session返回
快速入门:
使用步骤:
1.创建cookie对象,绑定数据
new Cookie(String name, String value)
2.发送cookie给浏览器,指定数据
response.addCookie(Cookie cookie)
3.获取cookie,拿到数据
Cookie[] request.getCookies()
客户端请求
响应有一个set-cookie响应头
保存到客户端浏览器
下一次发送请求时,请求里会有一个cookie头把数据带过去
一次可以发送多个cookie
浏览器被关闭后,Cookie数据被销毁
持久化存储:
setMaxAge(int seconds)
1.正数:将Cookie数据写到硬盘的文件中,持久化存储,cookie存活时间
2.负数:默认值
3.0:删除cookie信息
Tomcat8 之前,中文数据转码 一般采用url编码
Tomcat8 之后 Cookie支持中文数据
共享情况
一般默认情况下不能在不同服务器下共享,默认情况下,范围为当前的虚拟目录
但可以通过修改Path
setPath("/")
不同的tomcat服务器之间的cookie共享
setDomain(String name): 如果设置一级域名相同,那么多个服务器之间cookie可以共享
setDomain(".baidu.com"), 那么tieba.baidu.com 和 news.baidu.com中的cookie可以共享
Cookie特点:
·数据存储在客户端,不是特别安全
·浏览器对于单个cookie的大小有限制 以及对同一个域名下的总cookie数量也有限制 20个
1.cookie用于存储少量的不太敏感的数据
2.在不登陆的情况下,完成服务器对客户端的身份识别
JSP
Java Server Page:又可以写html又可以写java
主要用于简化书写
服务器解析请求,如果有index.jsp, 会把index.jsp转换成.java文件
然后编译.java文件,生成class字节码文件
由字节码文件提供访问
本质上是一个servlet
JSP脚本
<% 代码 %>: 定义的java代码,在service方法中。可以定义
<%! 代码 %>: 定义的java代码在java类的成员位置(成员变量)
<%= 代码 %>: 定义的java代码,会输出到页面上
JSP内置对象:
不需要创建或者获取,可以直接用
共有9个
out与getWriter()的区别
out定义在哪里,就在哪里输出,而getWriter会先于out输出
先找response的缓冲区,再找out的缓冲区
Session
服务器端会话技术,在一次会话的多次请求间共享数据,将数据保存在服务器端的对象中。
不关闭浏览器,就是一次session,不同的servlet获取到的session是同一个
HttpSession:
Object getAttribute(String name)
void setAttribute(String name, Object value)
removeAttribute(String name)
Session是依赖于Cookie: 服务器会发送一个cookie包含一个session id到客户端 ,客户端之后的请求会带上这个cookie,服务器会基于这个id查找session
如果客户端关闭,服务器不关闭,两次session不是同一个:如果想是同一个,创建一个cookie,然后设置
Cookie c = new Cookie(“JSESSIONID”,session.getId());
如果客户端不关闭,服务器关闭,两次session也不是同一个,但要确保数据不丢失
*session的钝化:在服务器正常关闭之前,将session对象系列化到硬盘上
*session的活化:在服务器启动后,将session文件转化为内存中的session对象即可
Tomcat会自动完成这个session的传递 但是idea不会,idea获取不到
Session的失效时间:
1.服务器关闭
2.session对象调用invalidate()
3.session默认的失效时间为30分钟 选择性修改配置
Session特点:
可储存一次对话的多次请求输出,存在服务器端
可储存任意类型,任意大小的数据
Session可以储存数据大小比cookie多
JSP
1.指令用配置JSP页面
格式:<%@ 指令名称 属性名1=属性值1 %>
分类:
**page:配置JSP也免得
*contentType:等同于response.setContentType()
设置响应体的mime类型以及字符集
设置当前的JSP页面的编码,只有高级编译器才有效
*errorPage:当前页面发生异常后,会自动跳转到指定的错误页面
*isErrorPage:用来辨别当前页面是否为ErrorPage:true则可以使用内置对象exception
2.include:页面包含的,导入页面的资源文件 <%@include file=""%>
3.taglib: 导入资源: <% taglib prefix=“前缀标签” uri="" %>
注释:
推荐使用JSP注释 尖括号!-- -->
内置对象:
前四个是域对象
pageContext: 当前页面共享数据,还可以获取其他八个内置对象
request: 一次请求访问的多个资源,转发
session: 一次会话的多个请求间
application: 所有用户间共享数据
response:相应对象
page:当前servlet对象 = this
out:输出对象
config:配置对象
exception:异常对象
MVC开发模式
使代码更合理并且便于维护代码
Servlet用于controller
JavaBean是model完成逻辑操作
JSP用于展示视图
优点:
耦合性低,利于分工
重用性高
缺点:
复杂
EL表达式
Expression Language
可以替换和简化jsp页面中java代码的编写
语法:${表达式}
算数运算符:- + * / %
比较运算符:> < >= <= == !=
逻辑表达式 && || !
空运算符:empty: 用于判断字符串、集合、数据对象是否为null并且长度是否为0
${empty.list}
**获取值:
el表达式只能从域对象中获取值
&{域名称.键名}:从指定域中获取指定键值
域名城:
pageScope
requestScope
sessionScope
applicationScope
&{键名}:表示依次从最小的域中去查找,是否有该键对应的值,直到找到为止
**获取对象
通过属性来获取类中的值
将setter或getter方法名中去掉get和set,再将首字母改为小写
**获取List,Map的值
List[no]
隐式对象:
pageContext.request, 可以获取其他内置类
JSTL
JavaServer Pages Tag Library JSP标准标签库
提供免费的jsp标签
作用:用于简化和替换jsp页面上的java代码
导入相关jar包
引入标签库:taglib指令
使用标签
常用标签:
if: 有一个必需的属性test,去接受boolean表达式, 如果表达式为true,怎显示if标签体内容,如果为false则不显示
choose: 相当于switch
foreach:如果是有begin和end,status.index就是从begin开始 与i一样
如果是没有则是遍历,status.index从0开始
三层架构:
1.界面层(表示层):用户看得到的界面。用户可以通过界面上的组件和服务器进行交互
2.业务逻辑层:处理业务逻辑的
3.数据访问层:操作数据存储文件
SpringMVC
ApplicationContext应用上下文获取方式
使用监听器,当ServletContext创建时 调用ServletContextListner,将对象存到servletContext中
Spring提供了这个封装,可以直接在web.xml中配置
可以把servlet中的共有行为分离出来(前端控制器Spring MVC框架),然后再调用特有行为
步骤:导入SpringMVC包
配置Servlet
编写Controller
将Controller使用注释配置到Spring容器中@Controller
配置组件扫描,spring-mvc.xml文件
如果@RequestMapping在类上面,则会与方法前的路径拼接
method:用于指定请求方式
params: 用于指定限制指定参数的值
params = {“username”} 必须要携带username参数
<!-- controller的组件扫描-->
<context:component-scan base-package="com.qing">
<context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
</context:component-scan>
<!-- 配置内部资源视图解析器-->
<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/jsp/"/>
<property name="suffix" value=".jsp"/>
</bean>
页面跳转
第一种:返回字符串形式
@Controller
@RequestMapping(value = "/user")
public class UserController {
@RequestMapping("/quick")
public String login(){
System.out.println("login success");
return "redirect:/jsp/success.jsp";
}
}
同时如果让Controller重定向, 则需要加前缀,redirect:,此时,前后缀将不会加上去,需要手动加
如果是转发,则会自动加上前后缀
第二种:返回ModelAndView
@RequestMapping("/quick2")
public ModelAndView login2(){
ModelAndView modelAndView = new ModelAndView();
/*
* Model: 模型 作用 封装数据
* View: 视图 作用 展示数据
* */
//设置模型数据,会放到request域中
modelAndView.addObject("username","qing");
//这是视图名称
modelAndView.setViewName("sucess");
return modelAndView;
}
这里的setViewName也会加上前后缀
SpringMVC数据回写
如果要直接return一个String回写到页面
需要加@ReponseBody注解,告诉MVC框架,这是数据响应,而不是试图跳转
JSON
JavaScript Object Notation JS 对象表示法
JSON现在多用于存储和交换文本信息的语法
进行数据的传输,更加轻量级
***语法:
**基本规则:
*数据在名称/值对中:json数据是由键值对构成的
(键可以用引号引起来,也可以不使用引号)
(数字,字符串:在双引号中,逻辑值,数组,对象(在花括号中),null)
*数据由逗号分隔,多个键值对由逗号分隔
*花括号保存对象 {}
*方括号保存数组 []
**获取数据:
1.json对象.键名
2.json对象[“键民”]
3.数组对象[索引]
注意: 当配置好SpringMVC后,服务器启动,如果DispatcherServlet的mapping只有/,则他只会解析jsp文件,而不会解析html文件,所以就会无法访问到html文件,需改成*.do
JSON数据与JAVA对象互转
Json解析器:Jsonlib,Gson,fastjson,jackson
1.JSON转为JAVA对象
2.1导入jackson包
2.2创建Jackson核心对象,ObjectMapper
2.3调用相关方法
*readValue(json字符串数据,对象)
2.Java对象转为JSON
jackson使用步骤:
2.1导入jackson包
2.2创建Jackson核心对象,ObjectMapper
2.3调用相关方法
/
* 转换方法:
* 1.writeValue(para1, obj):
* para1:
* File:将obj对象转换为JSON字符串,并保存到指定的文件中
* Writer:将obj对象转换为JSON字符串,并将json数据填充到字符输出流中
* OutputStream:将obj对象转换为JSON字符串,并将json数据填充到字节输出流中
* 2.writeValueAsString(obj):将对象转为json字符串
* */
**注解:
@JsonIgnore:排除属性
@JsonFormat:属性值的格式化
复杂的Java对象转换
1.List
2.Map
JQuery
一个JavaScript的框架,简化JS开发,优化文档操作
min.js更加轻量级
<servlet-mapping>
<servlet-name>DispatcherServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
这里的url-pattern,如果没用SpringMVC, 则匹配不到资源,需要用/*
用Jquery操作数组方便很多
两者转换
jq–>js: jq对象[索引] jq对象.get(索引)
js–> jq: $(js对象)
选择器:筛选具有相似特征的元素
1.基本学习:
**事件绑定:.onclick = .click
**入口函数 window.onload = $(function 名),但是前者只能定义一次因为他就是一个函数对象的引用
**样式控制
*1.基本选择器
*2.层级选择器
*3.属性选择器
*4.过滤选择器:索引选择,每个标签都有其对应的索引值,从0开始
*5.表单过滤选择器: 下拉列表的选中个数,需要用层级选择器选择子层中option的个数、
2.DOM操作
*内容操作:
html():获取/设置元素的标签体内容
text():设置只能获取纯文本内容,无法获取嵌套标签,但是设置是和html一样也会把嵌套的标签覆盖
val():设置/获取元素的value属性值
*属性操作
通用属性操作:
attr():获取/设置元素的属性
removeAttr():删除属性
prop():获取/设置元素的属性
removeProp():删除属性
attr与prop区别:如果是元素的固有属性,用prop
如果是自定义属性,则用attr
对class属性操作
addClass():添加class
removeClass()
toggleClass():切换属性
**toggleClass(“one”):判断如果元素对象上存在class=“one”,则将属性值one删掉,如果元素对象上不存在class="one"则加上
CRUD操作:
- append():父元素将子元素追加到末尾
- prepend():父元素将子元素追加到开头
- appendTo():1.appendTo(2)将元素1添加到元素2末尾
- prependTo():同上
- after():添加元素到对应的元素后边
- before():添加元素到对应的元素前边
- insertAfter():
- insertBefore():
- remove():移除元素
10.empty():将对象的所有后代元素删除,但是保留当前节点及其属性
Jquery高级操作
-
动画
* 三种方式显示和隐藏元素
** 默认显示和隐藏方式
*** show([speed,[easing],[fn]])
****. 参数:
speed:动画的速度。三个预定义的值(“slow”,“normal”, “fast”)或表示动画时长的毫秒数值(如:1000)
easing:用来指定切换效果,默认是"swing",可用参数"linear"
* swing:动画执行时效果是 先慢,中间快,最后又慢
* linear:动画执行时速度是匀速的
* fn:在动画完成时执行的函数,每个元素执行一次。
*** hide([speed,[easing],[fn]])
*** toggle([speed],[easing],[fn])** 滑动显示和隐藏方式 1. slideDown([speed],[easing],[fn]) 2. slideUp([speed,[easing],[fn]]) 3. slideToggle([speed],[easing],[fn]) ** 淡入淡出显示和隐藏方式 1. fadeIn([speed],[easing],[fn]) 2. fadeOut([speed],[easing],[fn]) 3. fadeToggle([speed,[easing],[fn]])
2.遍历
**js的遍历方式for
**jquery的遍历方式
***jq对象.each(callback)
citys.each(function (index,element) {
//第一种方式
//在回调函数中定义参数 index(索引) element(元素对象)
// alert(index+":"+$(element).html());
if("上海" == $(element).html()){
//如果返回值为true等于continue,如果为false,则等于break
return false;
}
alert(this.innerHTML);
});
***$.each(object, [callback]), 这里可以是js对象
***for…of:
3.时间绑定
**jquery标准的绑定方式
**on绑定时间/off解除绑定: 对于off()函数,如果没有传参数,则所有事件都被解除
**事件切换
jq对象.toggle(fn1,fn2…)
重大问题!!
当使用SpringMVC框架时,上述DispatcherServlet会拒绝访问js静态文件,需要加上
<mvc:default-servlet-handler/>
并且在javascript里修改路径
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
可以把文件放在静态文件夹/statics下,同时配置资源路径
<mvc:resources mapping="/js/**" location="/statics/js/"/>
<mvc:resources mapping="/img/**" location="/statics/img/"/>
如果不设置,则获取不到,之前获取到的静态资源一直获取的到