简述从网站规划的角度常见的网站模式,网站开发制作公司排行,推客平台,wordpress应用展示一、常用文档
请求头 响应头
中间件获取的网页协议和返回的内容 这些称为HTTP协议 请求和响应
常见的请求头 响应头 状态码 HTTP状态码 当浏览者访问一个网页时#xff0c;浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前#xff0c;此网页所在的服务…一、常用文档
请求头 响应头
中间件获取的网页协议和返回的内容 这些称为HTTP协议 请求和响应
常见的请求头 响应头 状态码 HTTP状态码 当浏览者访问一个网页时浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前此网页所在的服务器会返回一个包含HTTP状态码的信息头server header用以响应浏览器的请求。 HTTP状态码的英文为HTTP Status Code。 下面是常见的HTTP状态码 200 - 请求成功 301 - 资源网页等被永久转移到其它URL 404 - 请求的资源网页等不存在 500 - 内部服务器错误 HTTP状态码分类 HTTP状态码由三个十进制数字组成第一个十进制数字定义了状态码的类型后两个数字没有分类的作用。HTTP状态码共分为5种类型 HTTP状态码分类 分类 分类描述 1** 信息服务器收到请求需要请求者继续执行操作 2** 成功操作被成功接收并处理 3** 重定向需要进一步的操作以完成请求 4** 客户端错误请求包含语法错误或无法完成请求 5** 服务器错误服务器在处理请求的过程中发生了错误 HTTP状态码列表: HTTP状态码列表 状态码 状态码英文名称 中文描述 100 Continue 继续。客户端应继续其请求 101 Switching Protocols 切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议例如切换到HTTP的新版本协议 200 OK 请求成功。一般用于GET与POST请求 201 Created 已创建。成功请求并创建了新的资源 202 Accepted 已接受。已经接受请求但未处理完成 203 Non-Authoritative Information 非授权信息。请求成功。但返回的meta信息不在原始的服务器而是一个副本 204 No Content 无内容。服务器成功处理但未返回内容。在未更新网页的情况下可确保浏览器继续显示当前文档 205 Reset Content 重置内容。服务器处理成功用户终端例如浏览器应重置文档视图。可通过此返回码清除浏览器的表单域 206 Partial Content 部分内容。服务器成功处理了部分GET请求 300 Multiple Choices 多种选择。请求的资源可包括多个位置相应可返回一个资源特征与地址的列表用于用户终端例如浏览器选择 301 Moved Permanently 永久移动。请求的资源已被永久的移动到新URI返回信息会包括新的URI浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替 302 Found 临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI 303 See Other 查看其它地址。与301类似。使用GET和POST请求查看 304 Not Modified 未修改。所请求的资源未修改服务器返回此状态码时不会返回任何资源。客户端通常会缓存访问过的资源通过提供一个头信息指出客户端希望只返回在指定日期之后修改的资源 305 Use Proxy 使用代理。所请求的资源必须通过代理访问 306 Unused 已经被废弃的HTTP状态码 307 Temporary Redirect 临时重定向。与302类似。使用GET请求重定向 400 Bad Request 客户端请求的语法错误服务器无法理解 401 Unauthorized 请求要求用户的身份认证 402 Payment Required 保留将来使用 403 Forbidden 服务器理解请求客户端的请求但是拒绝执行此请求 404 Not Found 服务器无法根据客户端的请求找到资源网页。通过此代码网站设计人员可设置您所请求的资源无法找到的个性页面 405 Method Not Allowed 客户端请求中的方法被禁止 406 Not Acceptable 服务器无法根据客户端请求的内容特性完成请求 407 Proxy Authentication Required 请求要求代理的身份认证与401类似但请求者应当使用代理进行授权 408 Request Time-out 服务器等待客户端发送的请求时间过长超时 409 Conflict 服务器完成客户端的PUT请求是可能返回此代码服务器处理请求时发生了冲突 410 Gone 客户端请求的资源已经不存在。410不同于404如果资源以前有现在被永久删除了可使用410代码网站设计人员可通过301代码指定资源的新位置 411 Length Required 服务器无法处理客户端发送的不带Content-Length的请求信息 412 Precondition Failed 客户端请求信息的先决条件错误 413 Request Entity Too Large 由于请求的实体过大服务器无法处理因此拒绝请求。为防止客户端的连续请求服务器可能会关闭连接。如果只是服务器暂时无法处理则会包含一个Retry-After的响应信息 414 Request-URI Too Large 请求的URI过长URI通常为网址服务器无法处理 415 Unsupported Media Type 服务器无法处理请求附带的媒体格式 416 Requested range not satisfiable 客户端请求的范围无效 417 Expectation Failed 服务器无法满足Expect的请求头信息 500 Internal Server Error 服务器内部错误无法完成请求 501 Not Implemented 服务器不支持请求的功能无法完成请求 502 Bad Gateway 充当网关或代理的服务器从远端服务器接收到了一个无效的请求 503 Service Unavailable 由于超载或系统维护服务器暂时的无法处理客户端的请求。延时的长度可包含在服务器的Retry-After头信息中 504 Gateway Time-out 充当网关或代理的服务器未及时从远端服务器获取请求 505 HTTP Version not supported 服务器不支持请求的HTTP协议的版本无法完成处理 二、HTTP入门
1.什么是HTTP协议
1.超文本传输协议(HTTPHyperText Transfer Protqcol)是互联网上应用广泛的一种网络协议。 是工作在tcp/ip协议基础上的,所有的WWW文件都遵守这个标准。 2. http1.0短连接http1.1长连接
3. http是TCP/IP协议的一一个应用层协议,htp也是我们web开发的基础。
火狐抓包 F12 网络 谷歌抓包 F12 network 2.页面请求入门
一共请求几次
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
h1 图片 /h1
img srcimg/REM.png
img srcimg/miku2.jpg
/body
/html 资源越多 请求越多
3.HTTP请求包分析GET
servlet
package com.yinhai.servlet;import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;/*** author 银海* version 1.0* LoginServlet*/
public class LoginServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws javax.servlet.ServletException, IOException {response.setContentType(text/html;charsetutf-8);PrintWriter writer response.getWriter();writer.print(h1POST登录成功~~/h1);writer.flush();writer.close();}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws javax.servlet.ServletException, IOException {//服务端输出System.out.println(LoginServlet doGet() 被调用);//输出一句话, 返回给浏览器//1. 通response 获取流 PrintWriter, 可以给浏览器回复数据(Tomcat底层封装)//2. 为了让浏览器显示中文需要告诉浏览器我们的编码是utf-8//(1) 给会送数据设置编码 (2) text/html这个是MIME即告诉浏览器返回的数据//是 text类型下的html格式数据【MIME类型 大类型/小类型】(3)charsetutf-8数据编码//小细节: 设置编码格式要在 response.getWriter()!!response.setContentType(text/html;charsetutf-8);PrintWriter writer response.getWriter();writer.print(h1GET()登录成功~~/h1);//为了确保数据返回可以把 flush()和close()//flush() 方法表示将缓存的数据进行刷新writer.flush();//close() 表示关闭流,及时释放资源, 有些语言是 close() 有 flush()writer.close();}
}配置XML servletservlet-nameLoginServlet/servlet-nameservlet-classcom.yinhai.servlet.LoginServlet/servlet-class/servletservlet-mappingservlet-nameLoginServlet/servlet-nameurl-pattern/login/url-pattern/servlet-mapping html登录
!DOCTYPE html
html langen
headmeta charsetUTF-8!--通过get请求获取my.css--link relstylesheet hrefcss/my.css!--通过get请求获取my.js--script typetext/javascript srcjs/my.js/scripttitle用户登录~/title
/head
body
h1用户登录/h1
!-- 给我们的LoginServlet发出Get请求提交表单, methodpost表示发出post请求 --
form actionhttp://localhost:8080/http/login methodgetu: input typetext nameusername/br/p: input typepassword namepwd/br/input typesubmit value用户登录 input typereset value清空
/form
h1GET请求演示/h1
a hrefhttp://www.baidu.comgoto百度/abr/
!-- 是get请求 --
img srcimgs/1.png width400px/
/body
/html GET /http/login?usernametompwd123 HTTP/1.1 Host: localhost:8080 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:120.0) Gecko/20100101 Firefox/120.0 Accept: text/html,application/xhtmlxml,application/xml;q0.9,image/avif,image/webp,*/*;q0.8 Accept-Language: zh-CN,zh;q0.8,zh-TW;q0.7,zh-HK;q0.5,en-US;q0.3,en;q0.2 Accept-Encoding: gzip, deflate, br Connection: keep-alive Referer: http://localhost:8080/http/login.html Cookie: JSESSIONID982D1E72F8DE6917BEEC8D329B929B6F; Idea-b98d27c79e6cf02b-2f2a-49f6-bd74-84801e7b197b Upgrade-Insecure-Requests: 1 Sec-Fetch-Dest: document Sec-Fetch-Mode: navigate Sec-Fetch-Site: same-origin Sec-Fetch-User: ?1 4.HTTP请求包分析(POST) POST /http/login HTTP/1.1 Host: localhost:8080 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:120.0) Gecko/20100101 Firefox/120.0 Accept: text/html,application/xhtmlxml,application/xml;q0.9,image/avif,image/webp,*/*;q0.8 Accept-Language: zh-CN,zh;q0.8,zh-TW;q0.7,zh-HK;q0.5,en-US;q0.3,en;q0.2 Accept-Encoding: gzip, deflate, br Content-Type: application/x-www-form-urlencoded Content-Length: 20 Origin: http://localhost:8080 Connection: keep-alive Referer: http://localhost:8080/http/login.html Cookie: JSESSIONID41DE1EE56177066D571DF46BFB21241B; Idea-b98d27c79e6cf02b-2f2a-49f6-bd74-84801e7b197b Upgrade-Insecure-Requests: 1 Sec-Fetch-Dest: document Sec-Fetch-Mode: navigate Sec-Fetch-Site: same-origin Sec-Fetch-User: ?1 usernameTOMpwd123 //浏览器人为的分开了 藏到请求体里面了 username%E4%BD%A0%E5%A5%BDpwd132 //url编码 username%E4%BD%A0%E5%A5%BD111pwd112 //包括空格 5.GET请求和POST请求分别有哪些
!DOCTYPE html
html langen
headmeta charsetUTF-8!--通过get请求获取my.css--link relstylesheet hrefcss/my.css!--通过get请求获取my.js--script typetext/javascript srcjs/my.js/scripttitle用户登录~/title
/head
body
h1用户登录/h1
!-- 给我们的LoginServlet发出Get请求提交表单, methodpost表示发出post请求 --
form actionhttp://localhost:8080/http/login methodpostu: input typetext nameusername/br/p: input typepassword namepwd/br/input typesubmit value用户登录 input typereset value清空
/form
h1GET请求演示/h1
a hrefhttp://www.baidu.comgoto百度/abr/
!-- 是get请求 --
img srcimgs/1.png width400px/
/body
/html
GET请求
1.form标签methodget [指定]
2.a标签
3.link标签引入css [以get方式来获取资源]
4.Script标签引入js文件[以get方式来获取资源]
5.img标签引入图片[以get请求来获取图片]
6.iframe引入html页面[不演示]
7.在浏览器地址栏中输入地址后敲回车
POST请求
1. form标签method post
GET和POST使用
在大部分情况下我们不需要考虑这个问题因为业务本身就会自动区别比如你要显示图片引入css/js这个天然的就是get请求比如你登录发帖上传文件 你就 会使用post(感情的自然流露)
传输的数据大小区别
1) get传送的数据量较小。不能大于2KB(不同浏览器不一样)。
2) post传送的数据量较大。默认不受限制。
什么情况下使用post请求
1) post请求是会在浏览器上隐藏參数部分的在安全要求的部分都会使用到POST请求。如用户登录。数据增删改等等。都会把參数隐藏起来这样就不会通过你的请求暴露你的參数格式。
比方: del?id2, 别人就能够用del?id3来删除你其它数据。
2)在向server传递数据较大的时候。使用POST, get是有限制的比如发帖上传文件什么情况下使用get方式呢
什么情况下使用get方式呢
1)在前台页面展示比如分页内容等可以保留传递参数可用来非常好的分享和传播POST中链接地址是不变化的。
建议
1) get方式的安全性较Post方式要差些。包括机密信息的话建议用Post数据提交方式
2)在做数据查询时。建议用Get方式而在做数据加入、改动或删除时建议用Post方式
6.HTTP响应包分析
HTTP响应包括3个部分 HTTP/1.1 200 OK //响应行 Server: Apache-Coyote/1.1 //响应头 Accept-Ranges: bytes ETag: W/845-1702274735340 Last-Modified: Mon, 11 Dec 2023 06:05:35 GMT Content-Type: text/html Content-Length: 845 Date: Mon, 11 Dec 2023 06:06:03 GMT !DOCTYPE html //响应体 html langen head ... /head body ... /body /html 1.响应行
2.响应头
3.响应体 HTTP响应包分析图 7.两个状态码302 304
1.举例说明302状态码的使用
1)浏览器请求T1Servelt
2) T1Servlet返回302的状态码并且指定浏览器重定向到hi.html
3)浏览器发出第二次请求hi.html . public class T1Servlet extends HttpServlet {//这里我们把 doGet和doPost合并处理protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//如果有一个请求来//重定向到hi.html//(1) 返回302状态码 (2) 响应头Location:/hi.html//response.sendRedirect(/http/hi.html);response.sendRedirect(http://www.baidu.com);}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPost(request,response);}
}2.304状态码的使用
当我们请求资源的时服务器会返回该资源的最近修改时间
Last-Modified: Mon 21 Feb 2022 04:51:31 GMT
如果浏览器禁用缓存这个Last-Modified:信息就没有使用浏览器就每次要求返回该资源
1.如果浏览器没有禁用缓存,
浏览器在请求时就会If Modified- Since: Mon, 21 Feb 2022 04:51:31 GMT 含义
(1)告诉服务 器我有该资源(2)该资源的最近修改时间是Mon21 Feb 2022 04:51:31 GM
2.这时服务器就会比较时间如果服务器的资源更新 就会返回该资源如果发现没有修改就返回
304状态码(但是不会返回该资源) 8.MIME类型
1. MIME是HTTP协议中数据类型。MIME 的英文全称是Multipurpose Internet Mail Extensions多功能Internet邮件扩充服务。MIME类型的格式是大类型/小类型并与某-种文件的扩展名相对应
2.在响应包的Content-Type就有指定,如图 9.http作业
