纯手撸简易版本的Pythonweb框架

纯手撸web框架

1. socket代码需要我们自己写&＃xff1b;
2. http格式的数据自己处理&＃xff08;只能拿到用户输入的路由&＃xff09;&＃xff1b;

# web框架可以理解成服务器&＃xff0c;也就是B/S架构中的服务端
import socketserver &＃61; socket.socket()
# 绑定的参数是元组&＃xff1a;IP地址、端口号
server.bind((&＃39;127.0.0.1&＃39;,8080))
server.listen(5)while True:conn, addr &＃61; server.accept()# 浏览器客户端请求二进制数据&＃xff0c;请求数据长度为1024个字节data &＃61; conn.recv(1024)# 将获取的二进制数据解码成字符串data &＃61; data.decode("utf-8")# print(data,type(data))# 返回请求的状态信息conn.send(b&＃39;HTTP/1.1 200 OK\r\n\r\n&＃39;)# 获取路由根目录进行判断current_path &＃61; data.split(&＃39; &＃39;)[1]if current_path &＃61;&＃61; &＃39;/index&＃39;:conn.send(b&＃39;welcome to index Page!&＃39;)elif current_path &＃61;&＃61; &＃39;/login&＃39;:conn.send(b&＃39;welcome to login page!&＃39;)else:conn.send(b&＃39;

Hello World

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;data的详细数据信息
&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;
GET /login HTTP/1.1
Host: 127.0.0.1:8080
Connection: keep-alive
Cache-Control: max-age&＃61;0
sec-ch-ua: "Google Chrome";v&＃61;"87", " Not;A Brand";v&＃61;"99", "Chromium";v&＃61;"87"
sec-ch-ua-mobile: ?0
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Safari/537.36
Accept: text/html,application/xhtml&＃43;xml,application/xml;q&＃61;0.9,image/avif,image/webp,image/apng,*/*;q&＃61;0.8,application/signed-exchange;v&＃61;b3;q&＃61;0.9


基于wsgiref模块的web服务器的实现

1. 帮助我们封装了socket代码&＃xff1b;
2. 大字典封装处理了http格式的数据&＃xff1b;

web服务网关接口

• 请求来时&＃xff0c;帮助我们自动拆分http格式的数据并封装成非常方便处理的数据格式。
• 响应走时&＃xff0c;帮我们将数据再打包成符合http格式。

from wsgiref.simple_server import make_server# 业务逻辑的视图函数&＃xff0c;封装成views.py
def index(env):return &＃39;welcome to index page.&＃39;def login(env):return &＃39;welcome to login page.&＃39;def error(env):return &＃39;404 Not Found!&＃39;# 路由层&＃xff1a;urls.py
urls &＃61; [(&＃39;/index&＃39;,index),(&＃39;/login&＃39;,login),
]def run(env,response):&＃39;&＃39;&＃39;:param env: 请求相关的所有数据:param response: 响应相关的所有数据:return: 返回给浏览器的所有数据&＃39;&＃39;&＃39;# 由wxgiref模块帮你处理好http格式的数据&＃xff0c;封装成了大字典print(env)response(&＃39;200 OK&＃39;,[])# 获取路由根目录current_path &＃61; env.get(&＃39;PATH_INFO&＃39;)func &＃61; Nonefor url in urls:if current_path &＃61;&＃61; url[0]:func &＃61; url[1]print(url[0])# 匹配到一个之后&＃xff0c;立刻结束for循环break# 判断func是否有值if func:res &＃61; func(env)else:res &＃61; error(env)# 将字符串转换为二进制数据,返回到路由映射的前端页面return [res.encode(&＃39;utf-8&＃39;)]if __name__ &＃61;&＃61; &＃39;__main__&＃39;:"""实时监听127.0.0.1:8080端口地址&＃xff0c;如果有客户端发起请求则会交给源函数处理&＃xff0c;即触发run函数运行"""server &＃61; make_server(&＃39;127.0.0.1&＃39;,8080,run)server.serve_forever()


根据上述的编写逻辑&＃xff0c;将代码解耦封装如下&＃xff1a;

start_server.py

from wsgiref.simple_server import make_server
from app.urls import urls
from app.views import *def run(env,response):&＃39;&＃39;&＃39;:param env: 请求相关的所有数据:param response: 响应相关的所有数据:return: 返回给浏览器的所有数据&＃39;&＃39;&＃39;# 由wxgiref模块帮你处理好http格式的数据&＃xff0c;封装成了大字典print(env)response(&＃39;200 OK&＃39;,[])# 获取路由根目录current_path &＃61; env.get(&＃39;PATH_INFO&＃39;)func &＃61; Nonefor url in urls:if current_path &＃61;&＃61; url[0]:func &＃61; url[1]print(url[0])# 匹配到一个之后&＃xff0c;立刻结束for循环break# 判断func是否有值if func:res &＃61; func(env)else:res &＃61; error(env)# 将字符串转换为二进制数据return [res.encode(&＃39;utf-8&＃39;)]if __name__ &＃61;&＃61; &＃39;__main__&＃39;:"""实时监听127.0.0.1:8080端口地址&＃xff0c;如果有客户端发起请求则会交给源函数处理&＃xff0c;即触发run函数运行"""server &＃61; make_server(&＃39;127.0.0.1&＃39;,8080,run)server.serve_forever()


urls.py

from app import views
# 路由层&＃xff1a;urls.py
urls &＃61; [(&＃39;/index&＃39;,views.index),(&＃39;/login&＃39;,views.login),
]


views.py

# 业务逻辑的视图函数&＃xff0c;封装成views.py
def index(env):return &＃39;welcome to index page.&＃39;def login(env):return &＃39;welcome to login page.&＃39;def error(env):return &＃39;404 Not Found!&＃39;


• urls.py&＃xff1a;路由与视图函数的映射关系&＃xff1b;
• views.py&＃xff1a;视图函数&＃xff08;后端业务的处理逻辑&＃xff09;&＃xff1b;
• templates文件夹&＃xff1a;专门用来存储html文件&＃xff1b;

按照功能的不同划分之后&＃xff0c;后续添加功能只需要在urls.py书写对应关系后&＃xff0c;在views.py书写业务逻辑即可。

动静态网页

• 静态网页&＃xff1a;
  • 页面上的数据是写死的
• 动态网页&＃xff1a;
  • 数据是实时获取的&＃xff0c;由视图函数将处理的结果反馈到前端的html页面中
  • 功能需求&＃xff1a;
    1. 后端获取当前时间展示到html页面上&＃xff1b;
    2. 数据字典是从数据库中获取的展示到html页面上&＃xff1b;
• views.py

import datetime
from jinja2 import Template
# 业务逻辑的视图函数&＃xff0c;封装成views.pydef get_time(env):current_time &＃61; datetime.datetime.now()# 如何将后端获取的数据“传递”给前端的html文件&＃xff1f;# 方式一&＃xff1a;读写文件with open(r&＃39;templates/currentTime.html&＃39;,&＃39;r&＃39;,encoding&＃61;&＃39;utf-8&＃39;) as f:data &＃61; f.read()# 字符串处理函数渲染前端页面current_time &＃61; str(current_time)data.replace("current_time",current_time)print(data)# 在后端将html页面处理好之后再返回给前端return datadef get_dict(env):# 定义一个存储用户信息的字典user_dic &＃61; {&＃39;username&＃39;:&＃39;trainingl&＃39;,&＃39;age&＃39;:21,&＃39;hobby&＃39;:&＃39;studying&＃39;}user_list &＃61; [{&＃39;username&＃39;:&＃39;zhangsan&＃39;,&＃39;age&＃39;:21,&＃39;hobby&＃39;:&＃39;studying&＃39;},{&＃39;username&＃39;:&＃39;lisi&＃39;,&＃39;age&＃39;:22,&＃39;hobby&＃39;:&＃39;reading&＃39;},{&＃39;username&＃39;:&＃39;wangwu&＃39;,&＃39;age&＃39;:20,&＃39;hobby&＃39;:&＃39;sleeping&＃39;},{&＃39;username&＃39;:&＃39;zhangliu&＃39;,&＃39;age&＃39;:23,&＃39;hobby&＃39;:&＃39;playing&＃39;}]with open(r&＃39;templates/get_dict.html&＃39;,&＃39;r&＃39;,encoding&＃61;&＃39;utf-8&＃39;) as f:data &＃61; f.read()# 模版语法是在后端起作用的tmp &＃61; Template(data)res &＃61; tmp.render(user&＃61;user_dic,users&＃61;user_list)# 给get_dict.html传递了一个值 页面上通过变量名userInfo就能够拿到user_dictreturn res


• urls.py

from app import views
# 路由层&＃xff1a;urls.py
urls &＃61; [(&＃39;/index&＃39;,views.index),(&＃39;/login&＃39;,views.login),(&＃39;/get_time&＃39;,views.get_time),(&＃39;/get_dict&＃39;,views.get_dict)
]


• templates/get_dict.html

<!DOCTYPE html>
<html lang&＃61;"en">
<head><meta charset&＃61;"UTF-8"><title>字典传值</title>
</head>
<body><h2>模版语法之Jinja2模块</h2>{{user}}<br/>取值的三种方式&＃xff1a;<br/>{{user.get(&＃39;username&＃39;)}}<br/>{{user.age}}<br/>{{user[&＃39;hobby&＃39;]}}<br/><hr/>
<table border&＃61;"1px red solid" cellspacing&＃61;"0" align&＃61;"center"><caption>用户信息表</caption><tr><th>用户名</th><th>年龄</th><th>爱好</th></tr>{% for user_item in users%}<tr><td>{{ user_item.username}}</td><td>{{ user_item.age}}</td><td>{{ user_item.hobby}}</td></tr>{% endfor %}
</table></body>
</html>


小结

自定义简易版本的web框架请求流程&＃xff08;基于wsgiref模块&＃xff09;&＃xff1a;

1. 请求来时&＃xff0c;解析http格式的数据&＃xff0c;封装成大字典env或request;
2. 响应走时&＃xff0c;给数据打包成符合http格式&＃xff0c;再返回给浏览器