HTTP:
* 概念:Hyper Text Transfer Protocol 超文本传输协议
* 传输协议:定义了,客户端和服务器端通信时,发送数据的格式
* 特点:
1. 基于TCP/IP的高级协议
2. 默认端口号:80
3. 基于请求/响应模型的:一次请求对应一次响应
4. 无状态的:每次请求之间相互独立,不能交互数据
* 历史版本:
* 1.0:每一次请求响应都会建立新的连接,一次请求响应结束后自动断开连接
* 1.1:复用连接,一次请求响应结束后等待一段时间看是否有请求
* 请求消息数据格式:四部分:请求行、请求头、请求空行、请求体
1. 请求行
格式:请求方式 请求url 请求协议/版本
如:GET /login.html HTTP/1.1
* 请求方式:
* HTTP协议有7中请求方式,常用的有两种
* GET:
1. 请求参数在请求行中,在url后。
2. 请求的url长度有限制的
3. 不太安全
* POST:
1. 请求参数在请求体中
2. 请求的url长度没有限制的
3. 相对安全
2. 请求头:客户端浏览器告诉服务器一些信息
请求头名称: 请求头值
* 常见的请求头:
1. User-Agent:浏览器告诉服务器,我访问你使用的浏览器版本信息
* 可以在服务器端获取该头的信息,解决浏览器的兼容性问题
2. Referer:http://localhost/login.html
* 告诉服务器,我(当前请求)从哪里来,即从哪里超链接过来。
* 作用:
1. 防盗链:
2. 统计工作:
3. 请求空行
空行,就是用于分割POST请求的请求头,和请求体的。
4. 请求体(正文):
* 封装POST请求消息的请求参数的
* 字符串格式:
POST /login.html HTTP/1.1
Host: localhost
User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2
Accept-Encoding: gzip, deflate
Referer: http://localhost/login.html
Connection: keep-alive
Upgrade-Insecure-Requests: 1
/* 这里是请求空行 */
username=zhangsan
* 响应消息数据格式
Request:请求消息
1. request对象和response对象的原理
1. request和response对象是由服务器创建的。我们来使用它们
2. request对象是来获取请求消息,response对象是来设置响应消息
2. request对象继承体系结构:
ServletRequest -- 接口
| 继承
HttpServletRequest -- 接口
| 实现
org.apache.catalina.connector.RequestFacade 类(tomcat实现)(System.out.println(req);)
3. request功能:
1. 获取请求消息数据
1. 获取请求行数据
* GET /day14/demo1?name=zhangsan HTTP/1.1
* 方法:
1. 获取请求方式 :GET
* String getMethod()
2. 获取虚拟目录:/day14 ————常用
* String getContextPath()
3. 获取Servlet路径: /demo1
* String getServletPath()
4. 获取get方式请求参数:name=zhangsan
* String getQueryString()
5. 获取请求URI:/day14/demo1 ————常用
* String getRequestURI(): /day14/demo1
* StringBuffer getRequestURL() :http://localhost/day14/demo1
URI、URL区别:
* URL:统一资源定位符 : http://localhost/day14/demo1 中华人民共和国
* URI:统一资源标识符 : /day14/demo1 共和国(范围更大)
6. 获取协议及版本:HTTP/1.1
* String getProtocol()
7. 获取客户机的IP地址:
* String getRemoteAddr()
2. 获取请求头数据
* 方法:
* String getHeader(String name):通过请求头的名称获取请求头的值。————常用(请求体就那些,需要什么获取什么)
* Enumeration<String> getHeaderNames():获取所有的请求头名称,Enumeration可相当于迭代器遍历
// 获取所有请求头名称
Enumeration<String> headerNames = req.getHeaderNames();
while(headerNames.hasMoreElements()){
String headName = headerNames.nextElement();
System.out.println(headName);
}
// 获取指定请求头名称的值,并根据值判断浏览器
String str = req.getHeader("user-agent");
if(str.contains("Chrome")){
System.out.println("谷歌");
}else if (str.contains("Firefox")){
System.out.println("火狐");
}
// 获取链接来源
System.out.println(req.getHeader("referer")); //打印链接来源,即那个页面链接到此地址,若不是链接过来的,则为null
3. 获取请求体数据:
* 请求体:只有POST请求方式,才有请求体,在请求体中封装了POST请求的请求参数
* 步骤:
1. 获取流对象
* BufferedReader getReader():获取字符输入流,只能操作字符数据
BufferedReader bufferedReader = req.getReader();
System.out.println(bufferedReader.readLine());
* ServletInputStream getInputStream():获取字节输入流,可以操作所有类型数据
* 在文件上传知识点后讲解
2. 再从流对象中拿数据
2. 其他功能:————重要常用
1. 获取请求参数通用方式:不论get还是post请求方式都可以使用下列方法来获取请求参数
1. String getParameter(String name):(常用)根据参数名称获取参数值,只能获取一个值,复选框选择多个时不好用,此时使用第二种
2. String[] getParameterValues(String name):根据参数名称获取参数值的数组 hobby=xx&hobby=game
3. Enumeration<String> getParameterNames():获取所有请求的参数名称
4. Map<String,String[]> getParameterMap():(常用)获取所有参数的map集合
以上方法不论Get还是Post都一样,那么只需实现一个get即可,post方法体调用get方法。
* 中文乱码问题:
* get方式:tomcat 8 已经将get方式乱码问题解决了
* post方式:会乱码
* 解决:在获取参数前,设置request的编码request.setCharacterEncoding("utf-8");
2. 请求转发:一种在服务器内部的资源跳转方式,一次请求访问多个资源
1. 步骤:
1. 通过request对象获取请求转发器对象:RequestDispatcher getRequestDispatcher(String path)
2. 使用RequestDispatcher对象来进行转发:forward(ServletRequest request, ServletResponse response)
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
System.out.println("Demo2");
// 跳转到demo4路径执行,但浏览器地址还是当前地址
req.getRequestDispatcher("/demo4").forward(req, resp);
}
2. 特点:
1. 浏览器地址栏路径不发生变化
2. 只能转发到当前服务器内部资源中。
3. 转发是一次请求
3. 共享数据:
* 域对象:一个有作用范围的对象,可以在范围内共享数据
* request域:代表一次请求的范围,一般用于请求转发的多个资源中共享数据
* 方法:
1. void setAttribute(String name,Object obj):存储数据
2. Object getAttitude(String name):通过键获取值
3. void removeAttribute(String name):通过键移除键值对
在请求转发中,可在请求转发中设置共享数据,然后在转发后的方法体中访问共享数据。
4. 获取ServletContext:
* ServletContext getServletContext()
请求响应消息过程示意图:
Referer的一些作用:
响应消息:
响应消息:服务器端发送给客户端的数据
* 数据格式:
1. 响应行
1. 组成:协议/版本 响应状态码 状态码描述
2. 响应状态码:服务器告诉客户端浏览器本次请求和响应的一个状态。
1. 状态码都是3位数字
2. 分类:
1. 1xx:服务器就收客户端消息,但没有接受完成,等待一段时间后,发送1xx多状态码(很少出现)
2. 2xx:成功。代表:200
3. 3xx:重定向。代表:302(重定向),304(访问缓存)
重定向:跳转操作。告诉客户端去访问另一个资源
访问缓存:告诉客户端文件资源没有更改且客户端本地有缓存,这样可以直接去加载本地缓存
4. 4xx:客户端错误。
* 代表:
* 404(请求路径没有对应的资源)
* 405:请求方式没有对应的doXxx方法
5. 5xx:服务器端错误。代表:500(服务器内部出现异常)
2. 响应头:
1. 格式:头名称: 值
2. 常见的响应头:
1. Content-Type:服务器告诉客户端本次响应体数据格式以及编码格式
2. Content-disposition:服务器告诉客户端以什么格式打开响应体数据
* 值:
* in-line:默认值,在当前页面内打开
* attachment;filename=xxx:以附件形式打开响应体。文件下载
3. 响应空行
4. 响应体:传输的数据
* 响应字符串格式
HTTP/1.1 200 OK
Content-Type: text/html;charset=UTF-8
Content-Length: 101
Date: Wed, 06 Jun 2018 07:08:42 GMT
<html>
<head>
<title>$Title$</title>
</head>
<body>
hello , response
</body>
</html>
Response对象
* 功能:设置响应消息
1. 设置响应行
1. 格式:HTTP/1.1 200 ok
2. 设置状态码:setStatus(int sc)
2. 设置响应头:setHeader(String name, String value)
3. 设置响应体:
* 使用步骤:
1. 获取输出流
* 字符输出流:PrintWriter getWriter()
* 字节输出流:ServletOutputStream getOutputStream()
2. 使用输出流,将数据输出到客户端浏览器
* 案例:
1. 完成重定向(重要)
* 重定向:资源跳转的方式
* 代码实现:
//1. 设置状态码为302,告诉浏览器重定向
response.setStatus(302);
//2.设置响应头location,告诉浏览器重定向的路径
response.setHeader("location","/day15/responseDemo2");
//简单的重定向方法
response.sendRedirect("/day15/responseDemo2");
* 重定向的特点:redirect
1. 地址栏发生变化
2. 重定向可以访问其他站点(服务器)的资源
3. 重定向是两次请求。不能使用request对象来共享数据
* 转发的特点:forward
1. 转发地址栏路径不变
2. 转发只能访问当前服务器下的资源
3. 转发是一次请求,可以使用request对象来共享数据
* forward 和 redirect 区别
* 路径写法:
1. 路径分类
1. 相对路径:通过相对路径不可以确定唯一资源
* 如:./index.html
* 不以/开头,以.开头路径
* 规则:找到当前资源和目标资源之间的相对位置关系
* ./:当前目录
* ../:后退一级目录
2. 绝对路径:通过绝对路径可以确定唯一资源
* 如:http://localhost/day15/responseDemo2 /day15/responseDemo2
* 以/开头的路径
* 规则:判断定义的路径是给谁用的?判断请求将来从哪儿发出
* 给客户端浏览器使用:需要加虚拟目录(项目的访问路径)
* 建议虚拟目录动态获取:request.getContextPath()
* <a> , <form> 重定向...
* 给服务器使用:不需要加虚拟目录
* 转发路径
2. 服务器输出字符数据到浏览器
* 步骤:
1. 获取字符输出流PrintWriter pw = response.getWriter();
2. 输出数据pw.write("");
* 注意:
* 乱码问题:
1. PrintWriter pw = response.getWriter();获取的流的默认编码是ISO-8859-1
2. 设置该流的默认编码
3. 告诉浏览器响应体使用的编码
//简单的形式,设置编码,是在获取流之前设置
response.setContentType("text/html;charset=utf-8");
3. 服务器输出字节数据到浏览器
* 步骤:
1. 获取字节输出流resp.getOutputStream();
2. 输出数据write("hell0".getBytes());里面传入二进制数组
4. 验证码
1. 本质:图片
2. 目的:防止恶意表单注册
ServletContext对象
1. 概念:代表整个web应用,可以和程序的容器(服务器)来通信
2. 获取:两种获取的是同一个对象,都一样。
1. 通过request对象获取
request.getServletContext();
2. 通过HttpServlet获取
this.getServletContext();
3. 功能:
1. 获取MIME类型:
* MIME类型:在互联网通信过程中定义的一种文件数据类型
* 格式: 大类型/小类型 text/html image/jpeg
* 获取:String getMimeType(String file)
2. 域对象:共享数据
1. setAttribute(String name,Object value)
2. getAttribute(String name)
3. removeAttribute(String name)
* ServletContext对象范围:所有用户所有请求的数据。谨慎使用!!
3. 获取文件的真实(服务器)路径
1. 方法:String getRealPath(String path)
String b = context.getRealPath("/b.txt");//web目录下资源访问
System.out.println(b);
String c = context.getRealPath("/WEB-INF/c.txt");//WEB-INF目录下的资源访问
System.out.println(c);
String a = context.getRealPath("/WEB-INF/classes/a.txt");//src目录下的资源访问
System.out.println(a);
* 文件下载需求:
1. 页面显示超链接
2. 点击超链接后弹出下载提示框
3. 完成图片文件下载
* 分析:
1. 超链接指向的资源如果能够被浏览器解析,则在浏览器中展示,如果不能解析,则弹出下载提示框。不满足需求
2. 任何资源都必须弹出下载提示框
3. 使用响应头设置资源的打开方式:
* content-disposition:attachment;filename=xxx
文件下载案例
* 步骤:
1. 定义页面,编辑超链接href属性,指向Servlet,传递资源名称filename
2. 定义Servlet
1. 获取文件名称
2. 使用字节输入流加载文件进内存
3. 指定response的响应头: content-disposition:attachment;filename=xxx
4. 将数据写出到response输出流
* 问题:
* 中文文件问题
* 解决思路:
1. 获取客户端使用的浏览器版本信息
2. 根据不同的版本信息,设置filename的编码方式不同
验证码生成
package web;
import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
/**
* 生成验证码,响应给页面
*/
@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//1 生成验证码图片
int width = 100;
int height = 40;
//1.1 生成一个图片
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
//1.2 填充背景色
Graphics g = image.getGraphics(); //画笔对象
g.setColor(Color.pink);
g.fillRect(0, 0, width, height);
//1.3画边框
g.setColor(Color.blue);
g.drawRect(0,0, width-1, height-1);
//1.4 生成随机字符并写到图片上
String string = "ABCDEFGHIGKLMNPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
Random ran = new Random();
StringBuilder checkCode = new StringBuilder();
g.setFont(new Font(null, Font.BOLD + Font.ITALIC, 20));
for (int i = 1; i <= 4; i++) {
int index = ran.nextInt(string.length()-1);
char ch = string.charAt(index);
checkCode.append(ch);
g.drawString(String.valueOf(ch),width/5*i, height>>1);
}
//1.5 画干扰线
for (int i = 1; i <= 5; i++) {
int x1 = ran.nextInt(width);
int x2 = ran.nextInt(width);
int y1 = ran.nextInt(height);
int y2 = ran.nextInt(height);
g.drawLine(x1,y1,x2,y2);
}
//将图片输出到页面
ImageIO.write(image, "jpg", resp.getOutputStream());
}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
this.doPost(req, resp);
}
}
将验证码应用到html页面,如下一个注册页面,点击验证码则切换。
<!DOCTYPE html>
<html lang="CH">
<head>
<meta charset="UTF-8">
<title>注册</title>
<style>
*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
body{
background: url("./backgroud.jpg") no-repeat center;
padding-top: 25px;
}
table{
margin:auto; /*居中*/
margin-top: 40px;
width: 40%;
height: 100%;
background: azure;
/*border: gray solid 5px;*/
}
.td_left{
width: 150px;
height: 45px;
text-align: right;
/*border: crimson solid 1px;*/
}
.td_right{
width: 250px;
height: 45px;
text-align: left;
/*border: crimson solid 1px;*/
}
.submit{
text-align: center;
height: 45px;
/*border: crimson solid 1px;*/
}
#password,#name,#username,#tel,#email,#sex{
margin-left: 50px;
width: 200px;
height: 25px;
border-radius: 5px;
horiz-align: center;
}
#checkImg{
margin-left: 50px;
margin-top: 10px;
margin-bottom: 10px;
width: 200px;
height: 25px;
border-radius: 5px;
horiz-align: center;
}
#img_checkCode{
float: right;
width: 100px;
height: 35px;
margin-bottom: 5px;
margin-top: 5px;
margin-right: 100px;
}
#submit{
width: 40px;
height: 25px;
border-radius: 5px;
}
</style>
</head>
<body>
<div class="main-border">
<form action="/login/registerServlet" method="post">
<table>
<tr>
<td class="td_left">姓名</td>
<td class="td_right"><input type="text" name="name" placeholder="请输入姓名" id="name" required></td>
</tr>
<tr>
<td class="td_left">姓别</td>
<td class="td_right">
<span id="sex">男</span>
<input type="radio" name="sex" value="male">
<span>女</span>
<input type="radio" name="sex" value="female" >
</td>
</tr>
<tr>
<td class="td_left">用户名</td>
<td class="td_right"><input type="text" name="username" placeholder="请输入用户名" id="username" required></td>
</tr>
<tr>
<td class="td_left">密码</td>
<td class="td_right"><input type="password" placeholder="请输入密码" name="password" id="password" required></td>
</tr>
<tr>
<td class="td_left">电话号码</td>
<td class="td_right"><input type="number" name="tel" id="tel" required></td>
</tr>
<tr>
<td class="td_left">电子邮箱</td>
<td class="td_right"><input type="email" name="email" id="email" required></td>
</tr>
<tr>
<td class="td_left">验证码</td>
<td class="td_right">
<input type="text" name="checkImg" id="checkImg" required>
<img src="/login/checkCodeServlet" id="img_checkCode">
</td>
</tr>
<tr>
<td class="submit" colspan="2"><input type="submit" value="注册" id="submit"></td>
</tr>
</table>
</form>
</div>
<script>
/**
* 验证码点击切换
*/
window.onload = function () {
//1 获取图片对象
var img = document.getElementById("img_checkCode");
// 2绑定单击事件
img.onclick = function () {
//加时间戳
var date = new Date().getTime();
//由于浏览器本地缓存的原因,图片名没有变,请求后还是那个图片,故浏览器还是加载原来的图。
//故在后面加一个参数欺骗服务器,但要保证多次点击不重复,参数用时间戳。
img.src = "/login/checkCodeServlet?"+date;
}
}
</script>
</body>
</html>
文件下载弹框实现。
定义一个页面,页面中定义超链接,链接到下载资源代码;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>下载1</title>
</head>
<body>
<a href="/login/downloadServlet?filename=background.jpg">下载background.jpg</a>
</body>
</html>
package web;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.FileInputStream;
import java.io.IOException;
@WebServlet("/downloadServlet")
public class DownloadServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//1. 获取请求参数,文件名称
String filename = req.getParameter("filename");
//2. 使用字节输入流加载进内存
//2.1 找到文件服务器地址
ServletContext servletContext = this.getServletContext();
String realPath = servletContext.getRealPath("/img/" + filename); //图片放在web/img/下
//2.2 用字节流关联
FileInputStream fileInputStream = new FileInputStream(realPath);
//3 设置response的响应头
String mimeType = servletContext.getMimeType(filename);
resp.setHeader("content-type", mimeType);
resp.setHeader("content-disposition", "attachment;filename="+filename);
//4 将输入流数据写出到输出流
ServletOutputStream outputStream = resp.getOutputStream();
byte[] ins = new byte[1024*8];
int len;
while((len=fileInputStream.read(ins))!=-1){
outputStream.write(ins,0, len);
}
fileInputStream.close();
}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
this.doPost(req, resp);
}
}