day55 吴超老师Django总网页:https://www.cnblogs.com/clschao/articles/10526431.html 请求(网址访问,提交数据等等) request 响应(回复页面,回复数据等等) response web框架的本质及自定义web框架 我
day55
吴超老师Django总网页:https://www.cnblogs.com/clschao/articles/10526431.html
请求(网址访问,提交数据等等) request
响应(回复页面,回复数据等等) response
web框架的本质及自定义web框架
我们可以这样理解:所有的Web应用本质上就是一个socket服务端,而用户的浏览器就是一个socket客户端,基于请求做出响应,客户都先请求,服务端做出对应的响应,按照http协议的请求协议发送请求,服务端按照http协议的响应协议来响应请求,这样的网络通信,我们就可以自己实现Web框架了。
通过对socket的学习,我们知道网络通信,我们完全可以自己写了,因为socket就是做网络通信用的,下面我们就基于socket来自己实现一个web框架,写一个web服务端,让浏览器来请求,并通过自己的服务端把页面返回给浏览器,浏览器渲染出我们想要的效果。在后面的学习中,大家提前准备一些文件:
html文件内容如下,名称为test.html:
详情看:https://www.cnblogs.com/clschao/articles/10391859.html#part_2
简单版回复html页面的web框架
python代码
server.py
import socket server = socket.socket() server.bind(('127.0.0.1', 8001)) server.listen() while 1: conn,addr = server.accept() from_brower_msg = conn.recv(1024) path = from_brower_msg.decode('utf-8').split(' ')[1] print(path) conn.send(b'HTTP/1.1 200 ok\r\n\r\n') if path == '/': with open('05dong.html', 'rb')as f: data = f.read() elif path == '/style.css': with open('style.css', 'rb') as f: data = f.read() elif path == '/test.js': with open('test.js', 'rb') as f: data = f.read() elif path == '/1.jpg': with open('1.jpg', 'rb') as f: data = f.read() conn.send(data) conn.close()
html代码
04test.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"> <!-- <link rel="icon" href="favicon.ico">--> </head> <body> <h1>24期官网</h1> <div> <img src="1.jpg" alt=""> </div> </body> <script src="test.js"></script> </html>
样式和js等文件
style.css
body{ background: red; }
test.js
alert(123);
图片文件--1.jpg
基础函数版
python代码
server.html
import socket from threading import Thread server = socket.socket() server.bind(('127.0.0.1',8003)) server.listen() def home(conn): with open('04test.html', 'rb') as f: data = f.read() conn.send(data) conn.close() def css(conn): with open('style.css', 'rb') as f: data = f.read() conn.send(data) conn.close() def js(conn): with open('test.js', 'rb') as f: data = f.read() conn.send(data) conn.close() def pic(conn): with open('1.jpg', 'rb') as f: data = f.read() conn.send(data) conn.close() def nofount(conn): conn.send(b'not found 404!') conn.close() def ico(conn): with open('favicon.ico', 'rb') as f: data = f.read() conn.send(data) conn.close() urlpatterns = [ ('/',home), ('/style.css',css), ('/test.js',js), ('/1.jpg',pic), ('/favicon.ico',ico), ] while 1: conn,addr = server.accept() from_brower_msg = conn.recv(1024) path = from_brower_msg.decode('utf-8').split(' ')[1] print(path) conn.send(b'HTTP/1.1 200 ok\r\n\r\n') for url in urlpatterns: if path == url[0]: # ret = url[1]() t = Thread(target=url[1],args=(conn,)) t.start() break else: t = Thread(target=nofount,args=(conn,)) t.start()
html代码
04test.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"> <link rel="icon" href="favicon.ico"> </head> <body> <div> <img src="1.jpg" alt=""> </div> <script src="test.js"></script> </body> </html>
样式和js等文件
style.css
body{ background: red; }
test.js
alert(123);
图片文件--1.jpg
进阶函数版
python文件
server.py
import socket from urls import urlpatterns from threading import Thread import views server = socket.socket() server.bind(('127.0.0.1',8003)) server.listen() while 1: conn,addr = server.accept() from_brower_msg = conn.recv(1024) path = from_brower_msg.decode('utf-8').split(' ')[1] print(path) conn.send(b'HTTP/1.1 200 ok\r\n\r\n') for url in urlpatterns: if path == url[0]: t = Thread(target=url[1], args=(conn,)) t.start() break else: t = Thread(target=views.nofount, args=(conn,)) t.start()
列表文件--urls.py
import views urlpatterns = [ ('/',views.home), ('/style.css',views.css), ('/test.js',views.js), ('/1.jpg',views.pic), ('/favicon.ico',views.ico), ]
函数文件--views.py
def home(conn): with open('05dong.html', 'rb') as f: data = f.read() conn.send(data) conn.close() def css(conn): with open('style.css', 'rb') as f: data = f.read() conn.send(data) conn.close() def js(conn): with open('test.js', 'rb') as f: data = f.read() conn.send(data) conn.close() def pic(conn): with open('1.jpg', 'rb') as f: data = f.read() conn.send(data) conn.close() def nofount(conn): conn.send(b'not found 404!') conn.close() def ico(conn): with open('favicon.ico', 'rb') as f: data = f.read() conn.send(data) conn.close()
html文件
05dong.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"> <!-- <link rel="icon" href="favicon.ico">--> </head> <body> <h1>24期官网</h1> <div> <img src="1.jpg" alt=""> </div> </body> <script src="test.js"></script> </html>
样式和js等文件
style.css
body{ background: red; }
test.js
alert(123);
图片文件--1.jpg
动态页面的web框架
python文件
server.py
import socket server = socket.socket() server.bind(('127.0.0.1', 8003)) server.listen() while 1: username = "朱凡宇" conn, addr = server.accept() from_brower_msg = conn.recv(1024) path = from_brower_msg.decode('utf-8').split(" ")[1] conn.send(b'HTTP/1.1 200 ok\r\n\r\n') with open('dong.html', 'r', encoding='utf-8')as f: data = f.read() data = data.replace('%xxoo%', username) conn.send(data.encode()) conn.close()
html文件
dong.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>欢迎来到%xxoo%的首页</h1> </body> </html>
不同html页面的web框架
python文件
server
import socket from urls import urlpatterns from threading import Thread import views server = socket.socket() server.bind(('127.0.0.1',8003)) server.listen() while 1: conn,addr = server.accept() from_brower_msg = conn.recv(1024) path = from_brower_msg.decode('utf-8').split(' ')[1] print(path) conn.send(b'HTTP/1.1 200 ok\r\n\r\n') for url in urlpatterns: if path == url[0]: t = Thread(target=url[1], args=(conn,)) t.start() break else: t = Thread(target=views.nofount, args=(conn,)) t.start()
urls
import views urlpatterns = [ ('/',views.home), ('/center',views.person_center), ]
views
def home(conn): with open('05dong.html', 'rb') as f: data = f.read() conn.send(data) conn.close() def person_center(conn): with open('center.html', 'rb') as f: data = f.read() conn.send(data) conn.close() def nofount(conn): conn.send(b'not found 404!') conn.close()
html文件
05dong.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>欢迎24期来到xx网站</h1> <a href="/center">个人中心</a> </body> </html>
center.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>欢迎来到xx个人中心</h1> </body> </html>
wsgiref模块
python文件
server
from wsgiref.simple_server import make_server from urls import urlpatterns def application(environ,start_response): # environ 所有请求相关信息 # start_response --封装响应数据格式 path = environ['PATH_INFO'] start_response('200 ok',[]) # conn.send(b'HTTP/1.1 200 ok\r\n\r\n') for url in urlpatterns: if path == url[0]: ret = url[1]() break return [ret] if __name__ == '__main__': h = make_server('127.0.0.1', 8080, application) h.serve_forever()
urls
import views urlpatterns = [ ('/',views.home), ]
views
def home(): with open('05dong.html', 'rb') as f: data = f.read() return data
html文件
05dong.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>欢迎24期来到xx网站</h1> </body> </html>
jinja2模块
python文件
server
import socket from urls import urlpatterns from threading import Thread import views server = socket.socket() server.bind(('127.0.0.1',8003)) server.listen() while 1: conn,addr = server.accept() from_brower_msg = conn.recv(1024) path = from_brower_msg.decode('utf-8').split(' ')[1] print(path) conn.send(b'HTTP/1.1 200 ok\r\n\r\n') for url in urlpatterns: if path == url[0]: t = Thread(target=url[1], args=(conn,)) t.start() break
urls
import views urlpatterns = [ ('/',views.home), # ('/center',views.person_center), # ('/style.css',views.css), # ('/test.js',views.js), # ('/1.jpg',views.pic), # ('/favicon.ico',views.ico), ]
views
from jinja2 import Template def home(conn): # {% for i in hobby %} # <li>{{ i }}</li> # {% endfor %} with open('08jinja2test.html', 'r',encoding='utf-8') as f: data = f.read() t = Template(data) ret = t.render({'hobby':['金钱','女人','张达'], 'name': '朱凡宇'}) conn.send(ret.encode('utf-8')) conn.close()
html文件
08jinja2test.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>{{ name }}个人介绍</h1> 我的爱好 <ul> {% for i in hobby %} <li>{{ i }}</li> {% endfor %} </ul> </body> </html>