1.纯手撸web框架
1.web框架的本质
理解1:连接前端与数据库的中间介质
理解2:socket服务端
2.手写web框架
1.编写socket服务端代码
2.浏览器访问响应无效>>>:HTTP协议
3.根据网址后缀的不同获取不同的页面内容
4.想办法获取到用户输入的后缀>>>:请求数据
5.请求首行
GET /login HTTP/1.1
GET请求
朝别人索要数据
POST请求
朝别人提交数据
6.处理请求数据获取网址后缀
"""
1.socket代码过于重复
2.针对请求数据处理繁琐
3.后缀匹配逻辑过于LowB
"""
import socket
server = socket.socket()
server.bind(('127.0.0.1', 8080))
server.listen(5)
while True:
sock, address = server.accept()
data = sock.recv(1024)
sock.send(b'HTTP/1.1 200 OK\r\n\r\n')
data_str = data.decode('utf8')
target_url = data_str.split(' ')[1]
if target_url == '/index':
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!')
2.基于wsgiref模块
内置模块 很多web框架底层使用的模块
功能1:封装了socket代码
功能2:处理了请求数据
1.固定代码启动服务端
2.查看处理之后的request大字典
3.根据不同的网址后缀返回不同的内容>>>:研究大字典键值对
4.立刻解决上述纯手撸的两个问题
5.针对最后一个问题代码如何优化
from wsgiref.simple_server import make_server
def run(request, response):
"""
:param request: 请求相关数据
:param response: 响应相关数据
:return: 返回给客户端的真实数据
"""
response('200 OK', [])
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)
server.serve_forever()
3.代码封装优化
1.网址后缀的匹配问题
2.每个后缀匹配成功后执行的代码有多有少
面条版 函数版 模块版
3.将分支的代码封装成一个个函数
4.将网址后缀与函数名做对应关系
5.获取网址后缀循环匹配
6.如果想新增功能只需要先写函数再添加一个对应关系即可
7.根据不同的功能拆分成不同的py文件
views.py 存储核心业务逻辑(功能函数)
urls.py 存储网址后缀与函数名对应关系
templates目录 存储html页面文件
8.为了使函数体代码中业务逻辑有更多的数据可用
将request大字典转手传给这个函数(可用不用但是不能没有)
4.动静态网页
动态网页
页面数据来源于后端
静态网页
页面数据直接写死
1.访问某个网址后缀 后端代码获取当前时间 并将该时间传到html文件上再返回给浏览器展示给用户看
读取html内容(字符串类型) 然后利用字符串替换 最后再返回给浏览器
2.将字典传递给页面内容 并且在页面上还可以通过类似于后端的操作方式操作该数据
模板语法>>>:jinja2模块
5.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})
return res
<p>{{ d1 }}</p>
<p>{{ d1.name }}</p>
<p>{{ d1['age'] }}</p>
<p>{{ d1.get('person_list') }}</p>
6.前端、后端、数据库三者联动
1.前端浏览器访问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 %}
7.python主流web框架
"""
作为小白的你 初学阶段不要混着学 很容易走火入魔
"""
1.django:大而全,自身自带的功能组件非常的多,类似于航空母舰。
2.flask
小而精 自身自带的功能组件非常的少 类似于游骑兵
几乎所有的功能都需要依赖于第三方模块
3.tornado
异步非阻塞 速度极快效率极高甚至可以充当游戏服务端
ps:sanic、fastapi...
8.django简介
1.版本问题
django1.X:(17年以前)(同步) 1.11
django2.X:(用的最多)(同步) 2.2
django3.X:(支持异步) 3.2
django4.X:(支持异步) 4.2
ps:版本之间的差异其实不大 主要是添加了额外的功能
2.运行django注意事项
1.django项目中所有的文件名目录名不要出现中文
2.计算机名称尽量也不要出现中文
3.一个pycharm尽量就是一个完整的项目(不要嵌套 不要叠加)
4.不同版本的python解释器与不同版本的django可能会出现小问题
9.django基本使用
1.下载
pip3 install django 默认最新版
pip3 install django==版本号 指定版本
pip3 install django==2.2.22
pip下载模块会自动解决依赖问题(会把关联需要用到的模块一起下了)
1.1 下载方式1:在pycharm中下载:


1.2在cmd窗口中下载(以2.2.22版本为例):
pip install Django==2.2.22

如果出现上出错误,需要临时换元来解决:
pip install Django==2.2.22 -i https://mirrors.aliyun.com/pypi/simple/
2.验证:在终端中输入:django-admin,如果提示一下信息说明已经下好。

3.常见命令
1.创建django项目
1.1首先切换到一个文件夹:
1.2在终端输入django-admin startproject 项目名,创建一个django项目,其实就是一个文件夹。此时我们在终端目录下用dir命令查看目录下的文件夹,发现已经有这个目录。


2.启动django项目:
2.1首先用cd 项目名 进入到项目目录内(相当于用鼠标双击项目名文件。)
2.2启动Django项目:python manage.py runserver IP:端口号(如果有多个解释器版本需要在python后面添加版本号,python37)。出现以下界面说明项目启动成功。启动成功的同时可以发现在项目名目录中还会自动创建一个db开头的数据库。cmd中能启动Django项目的基础是目录中能找到manage.py文件,如图2。
4.pycharm自动创建django项目:
可以发现pycharm会自动创建一个templates,这个文件夹用来保存html文件。


如果报以下错误说明是配置文件中的问题,需要将settings.py中的'DIRS'改为:[s.path.join(BASE_DIR,'templates'),]


然后当我们运行并且点击pycharm终端提供的地址,可以进入界面:
默认的端口号为8080,如果我们想改可以按照如下操作:


10.django app的概念
"""
Django只是一个空壳,想要添砖加瓦就需要用到app
"""
1.django类似于是一所大学,app类似于大学里面的各个学院(我们之前创建的项目目前只是类似于大学,真正执行任务的还是各个学院)。
2.django里面的app类似于某个具体的功能模块:
user:app 所有用户相关的都写在user app下
goods:app 所有商品相关的都写在goods app下
3.创建应用:、
命令行创建应用:
python38 manage.py startapp 应用名(首先要切换到manage.py文件所在的目录)
pycharm创建应用
方法1:在pycharm中的终端窗口(terminal)中输入python38 manage.py startapp 应用名,创建成功之后应用会在左侧列表中显示:

方法2:在创建Django文件的时候在创建窗口的More Settings中的Application name中填写应用名,不过该方法只能创建1个应用:

"""
在pycharm中通过终端手动创建的app一定要去settings.py中注册:
INSTALLED_APPS = [
'app01.apps.App01Config', # 全称
'app02' # 只写app名也可以(pycharm会自动提示)
]
"""

11.django主要目录结构
1.django项目同名目录
settings.py:配置文件
urls.py:存储网址后缀与函数名对应关系(不严谨)
wsgi.py:wsgiref网关文件
db.sqlite3文件:django自带的小型数据库(项目启动之后才会出现)
manage.py 入口文件(命令提供)
2.应用目录
migrations目录:存储数据库相关记录
admin.py:django内置的admin后台管理功能
apps.py:注册app相关
models.py:与数据库打交道的(非常重要)
tests.py:测试文件
views.py:存储功能函数(不严谨)
templates目录:存储html文件(命令行不会自动创建 pycharm会)
配置文件中还需要配置路径
[os.path.join(BASE_DIR,'templates'),]
"""
网址后缀 路由
函数 视图函数
类 视图类
重要名词讲解
urls.py:路由层
views.py:视图层
models.py:模型层
templates:模板层
"""
12.django小白必会三板斧
from django.shortcuts import render,HttpResponse,redirect
1.HttpResponse:返回字符串给网页。
步骤:
1.首先在应用文件中的views中写功能函数(功能函数中的print只能在后端执行打印,打印的内容需要用返回值返回到前端)。
2.在Django文件夹中urlpatterns列表中加入一行path('路由',函数名(需要导模块))
应用目录views中代码:
from django.shortcuts import render,HttpResponse,redirect
def index_func(requet):
print('111')
return HttpResponse('index_function')
Django目录中urls中代码:
urlpatterns = [
path('admin/', admin.site.urls),
path('index/', views.index_func)
]

2.render:返回html页面并且支持传值。
1.首先在应用文件中的views中写功能函数,功能函数返回值写成return(request,'html文件')。
2.在Django文件夹中urlpatterns列表中加入一行path('路由',函数名(需要导模块))。
应用目录views中代码:
from django.shortcuts import render,HttpResponse,redirect
def login_func(request):
return render(request,'login.html')
Django目录中urls中代码:
urlpatterns = [
path('admin/', admin.site.urls),
path('index/', views.index_func),
path('login/', views.login_func)
]

"""
render还有个功能:可以在urls中函数体代码内写入字典,写返回值的时候在render内传入三个参数:render(request,'html文件名','{d1:字典变量名}')。然后再html文件中可以直接用字典变量名点的方式直接拿到字典的值。
views代码:
def login_func(request):
userdict = {'name':'max','age':25,'hobby':'soccer'}
return render(request,'login.html', {'d1':userdict})
html文件:
<body>
<h1>哈哈哈 学Django的第一天 </h1>
<p>{{ d1.name }}</p>
<p>{{ d1.age }}</p>
</body>
urls文件:
urlpatterns = [
path('admin/', admin.site.urls),
path('index/', views.index_func),
path('login/', views.login_func)
]
"""

3.redirect:重定向(跳转到指定的页面)。
views代码:
def addr_func(request):
return redirect('https://i.cnblogs.com/posts')
urls代码:
urlpatterns = [
path('admin/', admin.site.urls),
path('index/', views.index_func),
path('login/', views.login_func),
path('addr/', views.addr_func)
]
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析