前端学习
一、HTTP
1.1介绍
- 概念:Hyper Text Transfer Protocol,超文本传输协议,规定了浏览器和服务器之间数据传输的规则
- HTTP协议特点
1.基于TCP协议:面向连接,安全(每次连接经过三次握手)
2.基于请求-响应模型的:一次请求对应一次响应
3.HTTP协议是无状态的协议:对于事务处理没有记忆能力.每次请求-响应都是独立的
- 缺点:多次请求间不能共享数据.(Java使用会话技术解决Cookie,Session)
- 优点:速度快
1.2 HTTP-请求数据格式
-
请求数据分为3个部分:
1.请求行:请求数据的第一行.其中GET表示请求方式, /表示请求资源路径,HTTP/1.1表示协议版本
2.请求头:第二行开始,格式为key: value形式.
3.请求体:POST请求的最后一部分,存放请求参数.
-
常见的HTTP请求头:
-
GET请求和POST请求的区别:
1.2 HTTP-响应数据格式
- 响应数据分为3部分:
1.响应行:响应数据的第一行.其中HTTP/1.1表示协议版本,200表示响应状态码,OK表示状态码描述
2.响应头:第二行开始,格式为key: value 形式
3.响应体:最后一部分.存放响应数据
- 常见的HTTP响应头:
二、Servlet
1.介绍
- Servlet是Java提供的一门动态web资源开发技术
HTML CSS JS都是静态访问资源 - Servlet是JavaEE规范之一,就是一个接口,我们需要定义Servlet类实现Servlet接口,并由web服务器来运行Servlet
1.1Servlet实现步骤
1.2Servlet执行流程
1.3Servlet生命周期
2、Request和Response
2.1Request请求数据
(1).Request继承体系
1.Tomact需要解析请求数据,封装为request对象,并且创建request对象传递到service方法中
2.使用request对象查阅JavaEE API文档的HttpServletRequest接口
(2).Request获取请求数据
(2).1Request通用方式获取参数
- Map<String,String[ ]> getOarameterMap() :获取所有Map集合
- String[ ] getParameterValues(String name): 根据名称获取参数值(数组形式)
- String getParameter(String name) : 根据名称获取单个参数值
(3).Request请求转发
2.2Response
1.重定向
路径问题
三.会话跟踪技术
1.介绍
2.Cookie
- Cookie:客户端会话技术,将数据保存到客户端,以后每次请求都携带Cookie数据访问
- Cookie 基础使用:
1.创建Cookie对象,设置数据
Cookie cookie = new Cookie("key","value");
2.发送Cookie到客户端:使用respose对象
response.addCookie(cookie);
3.获取客户端携带的所有Cookie,使用request对象(浏览器会发送所有Cookie数据)
Cookie[ ] cookies = request.getCookie();
4.遍历数组,获取每一个Cookie对象
5.使用Cookie对象方法获取数据
cookie.getName(); cookie.getValue();
1.Cookie原理
响应头中带有set-cookie
下一次请求头中带有cookie
2.Cookie使用细节
Session
1.Session基本使用
2.Session原理
为了保证多个Servlet使用的是同一个Session对象,基于Cookie来实现
3.Session使用细节
4.小结
四.过滤器Filter
1.介绍
2.Filter快速入门
执行流程
Filter拦截路径配置
过滤器链
五.AJAX
1.介绍
- 概念:异步的JavaScript和XML
- AJAX作用:
1.与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器相应的数据
2.异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如搜索联想
注意:代码不用记
2.Axios异步框架
- Axios对原生的AJAX进行封装,简化书写
- 官网:https://www.axios-http.cn
2.1Axios快速入门
上述代码再简化后
3.JSON
1.介绍
- 概念:JavaScript 对象表示法
- 由于语法简单,层次结构鲜明,多用于作为数据载体,在网络中进行数据传输
2.基础语法
3.JSON数据和Java对象转换
- 请求数据:JSON字符串转化为Java对象
- 响应数据:Java对象转化为JSON字符串
五.Vue
- Vue是一套前端框架,免除原生JavaScript中的DOM操作,简化书写
- 基于Model-View-ViewModel的思想,实现数据的双向绑定
1.快速入门
总结
最难不过坚持