2024-03-15 20:16:26
- 基本语法
- 段落元素
<p> 内容 </p>
- 标题元素
<h1> </h1>
- 属性添加
<p id = "pq">
<p id = "" title ="title1">
- 元素内嵌(加粗作用)
<p> <b> hello <b> </p>
单词 加粗的 bold
- 不包含内容(包含属性)
<img src = "title"> || <img src = "title" />
(URL嵌入)<img src = "data:image/jpg;base54,数据>
- 文档类型声明
<!DOCTYPE html>
- 确定字符编码
<meta charset="UTF-8">
- 无序列表
<ul>
<li>列表1</li>
<li>列表2</li>
</ul>
- 有序列表
<ol>
<li>列表</li>
</ol>
- Anchor超链接
<a href= "网页地址(或者本地网页地址相对路径即可)(页面内锚点)"> 超链接文本</a>
- 分割线
<hr>
- 换行
<br>
- 表单(important)
<form action="https://www.baidu.com/s" methon="请求方式" enctype="数据格式">
<input type = "submit" value ="提交按钮">
</form>
- http 请求
- get 请求
GET /test2?name=li HTTP/1.1
Host: localhost
- post 请求
POST /test2 HTTP/1.1
Host: localhost
Content-Type: application/x-www-form-urlencoded
Content-Length:10
name = id
- json 请求(必须在输入中添加@RequestBoby 注释)
POST /test3 HTTP/1.1
Host:localhost
content-Type: application/json
Content-Length: 总长度
{"名称":"数值"}
- multipart 请求示例(可以上传文件)
POST /test2 HTTP/1.1
Host: localhost
Content-Type: multipart/form-data; boundary=123
Content-Length: 数值
空行
--123
Content-Disposition: form-data; name="name"
空行
名字
--123
Content-Disposition: form-data; name ="age"
空行
年龄
--123--
- get 请求
- session 原理
- 存
GET /s1?name=zhang HTTP/1.1
Host: localhost
- 取
GET /s2 HTTP/1.1
Host: localhost
Cookie: JSESSIONID=这个ID服务器自动生成
- 服务器端代码
1
2
3
4
5
6
7
8
9
10
11
public String s1(HttpSession session , String name){
session.setAttribute("name" ,name);
return "数据已经存储";
}
public String s2 (HttpSession session){
return "name" + session.getAttribute("name");
}
- 服务器端代码
- 存
- jwt 原理
- 生成token
GET /j1?name=zhang&pass=123 HTTP/1.1
Host: localhost
- 校验token
GET /j2 HTTP/1.1
Host: localhost
Authorization:
生成的token码
- 服务器代码示例(我好困偷懒一下少了一行)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
public String j1(String name,String pass){
if ("zhang".equals(name)&&"123".equals(pass)){
String token = "加生成token的代码";
return "验证身份通过" + token;
} else {
return "验证身份不通过";
}
}
public String j2({ String authorization)
try
{
System.out.println(authorization);
// "这里的代码看不懂"
return "校验通过你是"+ Jws.getBoby().getSubject();
} catch(Exception e){
return "你是啥子";
}
}
- 服务器代码示例(我好困偷懒一下少了一行)
- 生成token
- 文本框
<input type ="text" name="wd(对应后端服务器函数传入数据的名称)">
- 密码框
<input type= "password" name= "password">
- 隐藏框
<input type ="hidden" name="id" >
- 日期框
<input type = "data" name = "birthday">
- 单选
<input type = "radio" name = "sex" value= "男" checket>
<input type = "radio" name = "sex" value = "男">
- 多选
<input type = "checkbox" name ="lalala" value ="唱歌" >
<input type = "checkbox" name = "lalala" value = "跳舞" >
<input type =" checkbox" name = "lalala" value =" 打扫卫生">
- 文件上传
<input type = "file" name = "avatar">
- 段落元素
- css 基本知识
- 引入外部css文件
<link rel="stylesheet" href="style.css">
- type 选择器 (优先级 3)
根据元素匹配
- class 选择器(根据标签元素匹配)(可重复)(优先级 2)s
- id 选择器(不可重复)(优先级 1)
#p3 { background-co lor: aquamarine;}
- div 标签 (容器标签)
- 模板标签(templete)(被用于js引用)
- 引入外部css文件
- 格式
- json 和 param的区别
- json左右两边都带有””,param只有右边带”” - HTTP
- 响应状态码
一、状态码大类
状态码分类 | 说明 |
---|---|
1xx | 响应中——临时状态码,表示请求已经接受,告诉客户端应该继续请求或者如果它已经完成则忽略它 |
2xx | 成功——表示请求已经被成功接收,处理已完成 |
3xx | 重定向——重定向到其它地方:它让客户端再发起一个请求以完成整个处理。 |
4xx | 客户端错误——处理发生错误,责任在客户端,如:客户端的请求一个不存在的资源,客户端未被授权,禁止访问等 |
5xx | 服务器端错误——处理发生错误,责任在服务端,如:服务端抛出异常,路由出错,HTTP版本不支持等 |
二、常见的响应状态码
状态码 | 英文描述 | 解释 |
---|---|---|
200 | OK |
客户端请求成功,即处理成功,这是我们最想看到的状态码 |
302 | Found |
指示所请求的资源已移动到由Location 响应头给定的 URL,浏览器会自动重新访问到这个页面 |
304 | Not Modified |
告诉客户端,你请求的资源至上次取得后,服务端并未更改,你直接用你本地缓存吧。隐式重定向 |
400 | Bad Request |
客户端请求有语法错误,不能被服务器所理解 |
403 | Forbidden |
服务器收到请求,但是拒绝提供服务,比如:没有权限访问相关资源 |
==404== | Not Found |
请求资源不存在,一般是URL输入有误,或者网站资源被删除了 |
405 | Method Not Allowed |
请求方式有误,比如应该用GET请求方式的资源,用了POST |
428 | Precondition Required |
服务器要求有条件的请求,告诉客户端要想访问该资源,必须携带特定的请求头 |
429 | Too Many Requests |
指示用户在给定时间内发送了太多请求(“限速”),配合 Retry-After(多长时间后可以请求)响应头一起使用 |
431 | Request Header Fields Too Large |
请求头太大,服务器不愿意处理请求,因为它的头部字段太大。请求可以在减少请求头域的大小后重新提交。 |
==500== | Internal Server Error |
服务器发生不可预期的错误。服务器出异常了,赶紧看日志去吧 |
503 | Service Unavailable |
服务器尚未准备好处理请求,服务器刚刚启动,还未初始化好 |
状态码大全:https://cloud.tencent.com/developer/chapter/13553