纯手撸web框架
web框架的本质
浏览器 --- web框架 --- 数据库
理解1:web
框架连接前端与数据库的中间介质
浏览器(客户端)---> web框架(服务端)
理解2:web
框架是一个socket
服务端
web框架就是一个服务端!
提供页面,从数据库中拿数据。
手写web框架
-
编写
socket
服务端代码
-
浏览器访问响应无效>>>:
HTTP
协议
为什么显示响应无效?
浏览器不认识服务端的响应 我们的服务端接受到浏览器的请求之后 返回一个字符串 浏览器不认识这种格式
浏览器只支持http协议的数据格式(响应头 响应体)所以需要给字符串包装一下 加个响应头
sock.send(b'HTTP/1.1 200 OK\r\n\r\n') -
根据网址后缀的不同获取不同的页面内容
输入网址:127.0.0.1:8080/login 跳转到登录页面
输入网站:127.0.0.1:8080/rigister跳转到注册页面 -
想办法获取到用户输入的后缀>>>:请求数据
要实现这个功能我们需要研究下浏览器发送的请求信息是什么?
发现请求首行这个固定的位置,就有我们想要的信息(/login)。这个请求信息,经过解码就变成了一个字符串,我们可以使用正则或者split方法,将其匹配。
更多请求时的例子:
第一个是浏览器向127.0.0.1:8080/发送请求,第二个无需在意。 -
请求首行
浏览器发送的请求也是有区别的:先介绍两种 GET、POST
(请求首行:GET /login HTTP/1.1)
5.1 GET请求
朝别人索要数据 你把你的首页给我!向服务器索要html页面
5.2 POST请求
朝别人提交数据 注册登录时 将用户名密码交给服务端 -
处理请求数据获取网址后缀
这时候我们就可以根据不同的请求数据 给浏览器发不同的消息了,写if分支结构:
我们上面发送的是字符串,也可以发送html文件:
rb模式读取html,以二进制格式(bytes)发送给浏览器。这样就完成了一个简单的web服务器。
代码如下:
import socket
server = socket.socket() # TCP UDP
server.bind(('127.0.0.1', 8080)) # IP PORT
server.listen(5) # 半连接池
while True:
sock, address = server.accept() # 等待连接
data = sock.recv(1024) # 字节(bytes)
# print(data.decode('utf8')) # 解码打印
sock.send(b'HTTP/1.1 200 OK\r\n\r\n')
data_str = data.decode('utf8') # 先转换成字符串
target_url = data_str.split(' ')[1] # 按照空格切割字符串并取索引1对应的数据
# print(target_url) # /index /login /reg
if target_url == '/index':
# sock.send(b'index page')
with open(r'myhtml01.html','rb') as f:
sock.send(f.read())
elif target_url == '/login':
sock.send(b'login page')
else:
sock.send(b'home page!')
存在的问题
socket
代码过于重复- 针对请求数据处理繁琐
请求数据 我们只拿了一个数据 如果想拿更多的东西?那不是对请求 需要做更多的处理? - 后缀匹配逻辑过于
LowB
后缀多的时候 :写100个if elif
后缀匹配逻辑太low
基于wsgiref模块
基本介绍
内置模块 很多web
框架底层使用的模块
功能1:封装了socket
代码
功能2:处理了请求、响应数据
(给字符串添加 响应头 给接收到的请求信息 自动处理成字典方便调用)
推导流程
1.固定代码启动服务端
看这行:
make_server(127.0.0.1, 8080, run)
一旦有浏览器向我们的服务器发送请求,自动触发run
函数,自动给第三个参数run
函数加括号调用并传参数,给run
传的这个参数就是处理好的请求信息(大字典)
补充:我们make_server
这里放的是run
函数,能不能放一个对象?因为make_server
可以自动加调用嘛。
这时候就要复习下了:
函数名加括号 ---> 函数执行
类名加括号 ---> 产生对象
对象加括号 ---> ???
对象加括号:理论上直接报错 但是如果你定义了双下__call__
会自动触发!好就到这里,继续之前的思路。
还需要添加一行代码,我们的服务端才能起来:
server.serve_forever()
服务器等待请求中:
每次请求都是触发run
函数,无论你用什么后缀:
2.查看处理之后的request
大字典>>>:研究大字典键值对
里面path_info
是我们要的网址后缀:
3.根据不同的网址后缀返回不同的内容
从request
字典里面取值,写if
逻辑判断:
针对/index
页面返回字符串'index'
,在经过wsgiref
模块自动加响应头,发送给浏览器。
4.立刻解决上述纯手撸的两个问题
socket
代码过于重复 --> wsgirel模块帮你写
针对请求数据处理繁琐 --> wsgirel
模块帮你打包成字典
5.针对最后一个问题代码如何优化
后缀匹配逻辑(if
分支结构冗余)
代码:
from wsgiref.simple_server import make_server
def run(request, response):
"""
:param request: 请求相关数据
:param response: 响应相关数据
:return: 返回给客户端的真实数据
"""
response('200 OK', []) # 固定格式 不用管它
# print(request) 是一个处理之后的大字典
path_info = request.get('PATH_INFO')
if path_info == '/index':
return [b'index']
elif path_info == '/login':
return [b'login']
return [b'hello wsgiref module']
if __name__ == '__main__':
server = make_server('127.0.0.1', 8080, run) # 实时监听127.0.0.1:8080 一旦有请求过来自动给第三个参数加括号并传参数调用
server.serve_forever() # 启动服务端
代码封装优化
-
网址后缀的匹配问题分析
问题1:if elif
随着页面增多而增多 有100个页面就要写100个if
问题2:每个后缀匹配成功后执行代码有多有少 万一有10000行代码怎么办,都放在一个if
分支下面吗? 问题2很重要,慢慢拆分来解决!! -
每个后缀匹配成功后执行的代码有多有少
我们现在相当于面条版,需要慢慢升级!
面条版 ---> 函数版 ---> 模块版 -
将分支的代码封装成一个个函数
将每个页面拆分成一个个函数:
4.将网址后缀与函数名做对应关系
url
列表套元祖(解决if
判断):
-
获取网址后缀循环匹配
一旦匹配成功应该结束for
循环:
可能匹配结束之后,匹配不到,此时funcname=NONE
所以要加一个funcname
的判断:
-
如果想新增功能只需要先写函数再添加一个对应关系即可
res
都是字符串!
这样写就相当于可以新增后缀 新增功能
核心是:获取网址后缀for循环匹配
还不够完美!这些功能函数全写在一起了!要根据功能不同进行拆分!
7.根据不同的功能拆分成不同的py文件
views.py
存储核心业务逻辑(功能函数)
urls.py
存储网址后缀与函数名对应关系
templates
目录 存储html
页面文件
run
函数导入urls.py
:
urls.py
带入views
:
请求:RUN
函数 ---> url
选择器 ---> views
响应:RUN return
<----views return
8.为了使函数体代码中业务逻辑有更多的数据可用
将request
大字典转手传给这个函数(可用不用但是不能没有)
ps: funcname的res返回值是包含html信息的字符串 经过编码就可以发送给浏览器
总结
核心思路就是解决三个问题:
1socket
代码总是要写!- 请求数据拿不全 我们只拿了一个数据 如果想拿更多的东西?那不是对请求 需要做更多的处理?
- 后缀多的时候 :写100个
if elif
后缀匹配逻辑太low
动静态网页
动态网页
页面数据来源于后端
静态网页
页面数据直接写死
简单实现动态网页:
访问某个网址后缀 后端代码获取当前时间 并将该时间传到html
文件上再返回给浏览器展示给用户看
- 将时间信息塞到
html
页面中?怎么塞??
open
方法r
模式打开html
用变量data
接受data
是个字符串!
所以我们可以:
读取html内容(字符串类型) 然后利用字符串替换(replace) 最后再返回给浏览器 - 先在
html
打个标记(类似占位符):
- 对标记做替换:
jinja2
模块实现动态网页:
需求:将字典传递给页面内容 并且在页面上还可以通过类似于后端的操作方式操作该数据(就是在前端可以写python
语法 使用for
循环if
判断等)
jinja2模块
pip3 install jinja2
from jinja2 import Template
def get_dict_func(request):
user_dict = {'name': 'jason', 'age': 18, 'person_list': ['阿珍', '阿强', '阿香', '阿红']}
with open(r'templates/get_dict_page.html', 'r', encoding='utf8') as f:
data = f.read()
temp_obj = Template(data) # 将页面数据交给模板处理
res = temp_obj.render({'d1': user_dict}) # 给页面传了一个 变量名是d1值是字典数据的数据
return res
<p>{{ d1 }}</p>
<p>{{ d1.name }}</p>
<p>{{ d1['age'] }}</p>
<p>{{ d1.get('person_list') }}</p>
前端、后端、数据库三者联动
- 前端浏览器访问
get_user
后端连接数据库查询use
表中所有的数据 传递到某个html
页面 弄弄好样式 再发送给浏览器展示
{% for user_dict in user_data_list %}
<tr>
<td>{{ user_dict.id }}</td>
<td>{{ user_dict.name }}</td>
<td>{{ user_dict.age }}</td>
</tr>
{% endfor %}
python主流web框架
作为小白的你,初学阶段不要混着学,很容易走火入魔,先学Django就好了
1.django
大而全 自身自带的功能组件非常的多 类似于航空母舰
2.flask
小而精 自身自带的功能组件非常的少 类似于游骑兵
几乎所有的功能都需要依赖于第三方模块
3.tornado
异步非阻塞 速度极快效率极高甚至可以充当游戏服务端
ps:sanic、fastapi...
django简介
1.版本问题
- django1.X:同步 1.11
- django2.X:同步 2.2
- django3.X:支持异步 3.2
- django4.X:支持异步 4.2
版本之间的差异其实不大 主要是添加了额外的功能
总结:通常来说我们使用的都是上图中的LTS
版本的Django
,一些老项目会使用1.11版本,我们学习的是2.2.22版本
django基本使用
1.下载模块
pip方式下载
pip3 install django 默认最新版
pip3 install django==版本号 指定版本
pip3 install django==2.2.22
pycharm
中下载
依旧是点击左上角的File
,然后选择settings
在出现的弹窗中点击左边的project
选项然后选择interpreter
在右边出现如图窗口后,在右侧窗口中双击,然后再在出现的窗口中搜索Django
待加载完成后我们选择Django
模块,然后在右侧下方勾选Specify version
,然后再在这里选择需要安装的版本
再点击install
即可
特殊情况说明
当我们在pycharm
中下载的时候会出现提示,告诉我们在安装的时候出现了关联安装(即顺带安装了一些关联的模块)
但是在cmd
中用pip
下载模块,会自动解决依赖问题(不会把关联需要用到的模块一起下了)
验证
cmd
窗口直接输入django-admin
有一长串结果展示表明成功(需提前配置解释器环境变量)
django-admin
常见命令
- 创建
django
项目
django-admin startproject 项目名(如:mysite)
- 启动
django
项目
需要先进入项目的所在目录才能使用代码启动Django服务
cd 项目名(如:mysite)
python3 manage.py runserver IP:PORT
IP:PORT可以不写 默认在本地8000端口起服务
如果想使用本地地址,使用的ip是127.0.0.1
如果想要使用本机ip,需要在settings.py
文件中修改配置
ALLOWED_HOSTS = []
默认这个列表是空的(也就是只允许本机访问)
ALLOWED_HOSTS = []
修改这个列表:
ALLOWED_HOSTS = ['*'] # 允许所有的主机
当然也可以指定可访问主机的ip:
ALLOWED_HOSTS = ['198.211.99.20', 'localhost', '127.0.0.1']
- 创建
app
应用
python3 manage.py startapp 应用名(jason01)
pycharm
自动创建django
项目
templates
文件夹是用于存放html
文件的。
pycharm
会自动创建templates
文件夹,但是配置文件中可能会报错,需要我们手动修改。在cmd
中需要自己创建,并打开文件添加配置信息
这里是我们在pycharm
中建的Django
项目,项目内部的settings.py
文件会有错误,需要我们手动修改
把中括号以及内部的信息替换成下列代码即可(cmd
中创建的Django
项目,如果也用templates
当作文件夹的名称,也是添加一样的代码)
[os.path.join(BASE_DIR,'templates'),]
django app(应用)的概念
概念
-
app
全程为application
-
django
类似于是一所大学app
(应用)类似于大学里面的各个学院 -
大学相当于是个空壳子(负责提供环境,类似
Django
) -
学院才是一个个真正具备特定功能的集合(即内部的一个个
app
)
例如:
我们使用django
写一个淘宝,淘宝里面有很多功能模块
我们应该先创建一个空的django
项目然后根据功能的不同创建不同的应用
django项目
应用名01(user) 用户相关业务
应用名02(order) 订单相关业务
应用名03(goods) 产品相关业务
应用名04(backend) 后台相关业务
命令行创建应用
python38 manage.py startapp 应用名
pycharm创建应用
新建django
项目可以默认创建一个 并且自动注册
其次我们也可以在pycharm
中打开终端用命令行的指令创建应用
同时在pycharm
中也有一个经过优化的终端,在内部输入指令可以简化输入
注意事项:
创建的app一定要去settings.py中注册,注册信息格式如下:
app01是配置信息的全写,app02是配置信息的缩写
INSTALLED_APPS = [
'app01.apps.App01Config',
'app02'
]
django主要目录结构
django项目目录名
django项目同名目录
settings.py 项目配置文件
urls.py 存储网址后缀与函数名对应关系(不严谨,专业叫法为总路由层)
wsgi.py wsgiref网关文件
db.sqlite3文件 django自带的小型数据库(项目启动之后才会出现)
manage.py 入口文件(命令提供)
应用目录(应用的文件夹) 通过命令创建(可以创建任意个数)
migrations目录 存储数据库相关记录
admin.py django内置的admin后台管理功能
apps.py 注册app相关(用于配置文件的应用注册(创建的应用都需要去配置文件中注册))
models.py 与数据库打交道的(非常重要,专业称呼为模型层)
tests.py 自带的测试文件
views.py 存储功能函数(不严谨,专业称呼为视图层(编写当前应用核心业务逻辑代码))
templates目录 存储html文件(命令行不会自动创建 pycharm会)
配置文件中还需要配置路径
"""
网址后缀 路由
函数 视图函数
类 视图类
重要名词讲解
urls.py 路由层
views.py 视图层
models.py 模型层
templates 模板层
"""
必会三板斧
from django.shortcuts import render,HttpResponse,redirect
HttpResponse 返回字符串类型的数据
render 返回html页面并且支持传值
redirect 重定向
标签:浏览器,请求,框架,后缀,py,django,html,讲解
From: https://www.cnblogs.com/oiqwyig/p/16967393.html