一、
1 what:用浏览器访问的应用程序 2 优点: -不需要客户端 -更新直接在服务端更新,客户端感知不到 -跨平台性好(注意:go语言是跨平台编译) ps:平台编译 比如:可以在win平台编译出linux下的可执行文件 3 缺点: -强调浏览器的适用性(即兼容性) -用户的数据都保存在软件厂商那边
二、
1 bs:浏览器---服务端 (本质还是cs) web开发是bs架构 2 cs:客户端---服务端
注意:浏览器发出去的请求都符合http协议
三、
#静态页面:静态的html,内容不会改变,每次访问看到的数据都一样 #动态页面:页面的数据会发生变化,每次访问看到的可能都不一样(数据来源可能是数据库)
客户端是浏览器,服务端自己写(python)
#main.py # 1 写一个web应用的服务端,通过浏览器(客户端),来访问 import socket server = socket.socket() # server.bind(('127.0.0.1', 8080)) #在符合http协议的情况下,在浏览器输入127.0.0.1:8080就可以获取数据 server.bind(('192.168.43.75', 8081)) server.listen(5) while True: conn, addr = server.accept() # 接收浏览器传过来的数据 data = conn.recv(1024) print(data) # 返回给浏览器数据(不符合http协议,所以会返回发送的响应无效) # conn.send(b'hello world')
# (1)返回数据符合http协议,浏览器就能识别了,返回hello world # conn.send(b'HTTP/1.1 200 ok hello world') #(2) 返回符合html格式的数据 #如果title是中文就会乱码需要修改编码 # conn.send('HTTP/1.1 200 ok <h1>title</h1>'.encode('utf-8')) # (3)返回一个html页面,打开文件,转成二进制,send一下 # with open('index.html','r',encoding='utf-8') as f: # data1=f.read() #把返回的数据拼起来 # response='HTTP/1.1 200 ok %s'%data1 # conn.send(response.encode('utf-8')) ## (4)实现动态页面(静态页面,动态页面) # 在index.html中写一个特殊标记,使用python的变量去替换这个特殊标记 import time ctime=time.time() # 可能是数据库查询出来的 with open('index.html','r',encoding='utf-8') as f: data1=f.read().replace('{{time}}',str(ctime)) response='HTTP/1.1 200 ok %s'%data1 conn.send(response.encode('utf-8')) conn.close() #index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{time}} <br> <br> <img height="100" width="100" src="a.jpg" alt=""> </body> </html>
四、
1 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于万维网服务器与本地浏览器之间传输超文本的传送协议 2 应用层的协议 3 http协议特性(记一下) -1 基于tcp/ip之上的应用层协议 -2 基于请求-响应模式 -3 无状态保存 -4 无连接 4 请求协议(浏览器发出来的)(记住) 三部分:请求首行,请求头,请求体 ''' # 请求首行(以第一个 区分的), # 请求首行里有请求方式:GET 请求地址:/lili/handsome 协议:http 版本:1.1版本 GET /lili/handsome HTTP/1.1 # 请求头(key:value形式) Host: 192.168.11.211:8080 Connection: keep-alive Cache-Control: max-age=0 Upgrade-Insecure-Requests: 1 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.83 Safari/537.36 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9 Accept-Encoding: gzip, deflate Accept-Language: zh-CN,zh;q=0.9 ' # 下面的是请求体的内容 ''' 5 响应协议 ''' # 响应首行 响应协议和版本:HTTP/1.1 响应的状态码和标志:200 ok HTTP/1.1 200 ok # 响应头(key:value形式) key:value key:valu # 响应体:在浏览器里看到的东西(浏览器能把下面的html渲染成好看的样子) <!DOCTYPE html> <html lang="en"> <h1>hello</h1> </html> ''' 6 响应状态码 -1xx:请求正在处理(用户一般看不到) -2xx:请求成功(200) -3xx:重定向(301 302)访问一个地址,转到另一个地址 -4xx:客户端错误(404,403) -5xx:服务端错误(502) 7 url:统一资源定位符 # 格式 http://127.0.0.1:8080/order.html ftp://xxx 协议://IP:端口(80)/路径?name=lqz&age=18 统一资源定位符是可以从互联网上访问资源的一种方式,协议就是资源的地址