web框架的本质:
简单的web框架
web的应用本质其实就是socket服务器,用户所使用的浏览器就是一个cocket客户端,客户使用浏览器发送的请求会被服务接收,服务器会按照http协议的响应协议来回复请求,这样的网络通讯,我们就可以自己实现web框架
下面是一个html文件,现在用户想要通过浏览器向服务器请求这个页面,我们应该怎么去让客户访问到这个页面;我们就得使用到socket
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="test.css">
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.jd.com/favicon.ico">
</head>
<body>
<div class="div1" >
<h1>欢迎来到我的世界</h1>
</div>
<div class="container">
<img src="1.jpg" alt="">
</div>
<div class="container">
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleInputFile">File input</label>
<input type="file" id="exampleInputFile">
<p class="help-block">Example block-level help text here.</p>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Check me out
</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
</body>
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="bootstrap-3.3.7-dist/js/npm.js"></script>
<script src="test.js"></script>
</html>
下面来写一个socket的文件,但我们使用socket将页面发送给浏览器时,由于html文件不只是一个文件,还有其它文件,这些文件是html文件通过本地路径进行导入的,所有在浏览器上没有办法显示;因此我们就将html先发送给浏览器,当浏览器在解析html文件时会再次向服务端发送请求,我们就将这些文件的请求再次获取通过判断找到对应的文件,并且发送给浏览器,进行渲染html文件;
import socket
# 导入socket这个包
from urls import urlpatters
# 导入所需的文件
from threading import Thread
# 导入thread模块,开启线程
server = socket.socket()
server.bind(('127.0.0.1',8080)) # 连接本地端口(方便测试)
server.listen() # 设置监听数,可以不写,
while 1:
conn,addr = server.accept()
# 接收相应的请求信息
from_web_data = conn.recv(1024).decode('utf-8')
# 接收客户端的请求信息,并且转化成字符串,因为请求中会有地址的信息,
data = from_web_data.split(' ')[1]
# 将这个字符串用空格分割,得到的第二个字符就是请求的地址,获取到地址是(/ ---- 代表的是本地),为了方便发送html的主页面;
print(data)
conn.send(b'HTTP/1.1 200 ok\r\n\r\n')
# 这句话是一个http的消息格式,照着写就行
for i in urlpatters:
if data == i[0]:
t = Thread(target=i[1],args=(conn,))
t.start()
# 这个语句是将urlpatters这个列表进行循环,
下面是一个urls的文件,就是专门放一个列表,再列表中放着一个个的元组,这些元组是为了通过与上边的判断语句进行比对,如果获取到的地址信息是下边列表中那个元组的第一个元素,就会找到元组的第二个元素对应的函数,这个函数有存放在另一个文件里;
import views
# 导入对应的函数文件
urlpatters=[
('/',views.home),
('/test.css',views.css),
('/bootstrap-3.3.7-dist/css/bootstrap.min.css',views.bootstrap_css),
('/bootstrap-3.3.7-dist/js/bootstrap.min.js',views.bootstrap_js),
('/bootstrap-3.3.7-dist/js/npm.js',views.bootstrap_npm),
('/test.js',views.js),
('/1.jpg',views.img),
('/bootstrap-3.3.7-dist/css/bootstrap.min.css.map',views.bootstrap_map),
]
存放函数的文件,里边存放着每个元组对应的函数,每个函数都对应着各自的文档,当调用某个函数时,函数就会找到对应的文档,将其读取出来,并且发送给浏览器,
def home(conn):
with open('home.html', 'rb')as f:
data = f.read()
conn.send(data)
conn.close()
def css(conn):
with open('test.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 img(conn):
with open('1.jpg', 'rb')as f:
data = f.read()
conn.send(data)
conn.close()
def bootstrap_css(conn):
with open('bootstrap-3.3.7-dist/css/bootstrap.min.css', 'rb')as f:
data = f.read()
conn.send(data)
conn.close()
def bootstrap_js(conn):
with open('bootstrap-3.3.7-dist/js/bootstrap.min.js','rb')as f:
data = f.read()
conn.send(data)
conn.close()
def bootstrap_npm(conn):
with open('bootstrap-3.3.7-dist/js/npm.js', 'rb')as f:
data = f.read()
conn.send(data)
conn.close()
def bootstrap_map(conn):
with open('bootstrap-3.3.7-dist/css/bootstrap.min.css.map', 'rb')as f:
data = f.read()
conn.send(data)
conn.close()
wsgiref模块的应用
WSGI(web server gateway interface)就是一种规范,它定义了使用python编写的web应用程序与web服务器程序之间的接口格式,实现web应用程序与web服务器程序间的解耦
常用的WSGI服务器有uwsgi、Gunicorn,而python标准库提供的独立WSGI服务器叫wsgiref,Django开发环境就是用这个模块来作服务器
下面是一个make_server文件
from wsgiref.simple_server import make_server
# 导入make_server模块
from urls import urlpatters
# 导入对应的文件
def application(environ,start_response):
# environ --- 所有请求相关信息
# start_response --- 封装响应数据格式
path = environ['PATH_INFO']
# 由于获得信息是个字典的形式,所以这样就能获取到浏览器需要的地址信息;
start_response('200 ok',[])
# 相当于HTTP/1.1 200 ok\r\n\r\n 写上就行
for i in urlpatters:
if path == i[0]:
ret = i[1]() # 调用相应的函数,并获取返回值
# 用于做判断的for语句
return [ret]
# 将返回值返回给server_forever()
if __name__ == '__main__':
http = make_server('127.0.0.1',8090,application)
# 第一个是本地的ip地址,第二个是端口号,第三个是对应的函数名
http.serve_forever()
# 通过这个语句执行上边的函数表达式,并且将得到的返回值发送给浏览器
这个是一个html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="http://pic13.nipic.com/20110409/7119492_114440620000_2.jpg">
</head>
<body>
<div>
<h1>欢迎XXX来到24期后台管理系统</h1>
</div>
<a href="homepage.html">个人中心</a>
</body>
</html>
下边是一个urls文件用来存放用于判断路径并执行对应函数的一个列表文件
import views
urlpatters=[
('/',views.home),
]
这个是函数,找到文件并且返回给make_server文件中的函数
def home():
with open('home.html', 'rb')as f:
data = f.read()
return data
原文地址:https://www.cnblogs.com/zhufanyu/p/11644251.html
- 企业支付宝账号开发接口教程--JAVA-UTF-8(实际操作------SpringMVC+JSP)
- 用pandas 进行投资分析
- 【专业技术】android 应用程序如何获取root权限
- Nginx+Keepalived(双机热备)搭建高可用负载均衡环境(HA)
- SpringMVC+MongoDB+Maven整合(微信回调Oauth授权)
- ZeroClipboard实现多个浏览器兼容的复制文本到剪贴板的功能
- Shiro 权限框架使用总结
- Apriori算法介绍(Python实现)
- linux学习第六十二篇:添加自定义监控项目,配置邮件告警,测试告警,不发邮件的问题处理
- Entity Framework Core 2.0 入门
- Nodejs开发框架Express3.0开发手记–从零开始
- 使用 nvm 管理不同版本的 node 与 npm
- svg矢量图绘制以及转换为Android可用的VectorDrawable资源
- CListCtrl控件使用方法总结
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 浙大版《C语言程序设计(第3版)》题目集 习题2-1 求整数均值
- PHP 正则表达式 获取富文本中的 img标签的src属性
- 浙大版《C语言程序设计(第3版)》题目集 习题2-2 阶梯电价
- 浙大版《C语言程序设计(第3版)》题目集 习题2-3 求平方与倒数序列的部分和
- 浙大版《C语言程序设计(第3版)》题目集 习题2-4 求交错序列前N项和
- 二十五块DIY 带屏幕可远程的温湿度传感器
- 浙大版《C语言程序设计(第3版)》题目集 习题2-5 求平方根序列前N项和
- 浙大版《C语言程序设计(第3版)》题目集 习题2-6 求阶乘序列前N项和
- 案例:ADG环境遇到redo日志member路径有误以及RMAN-6571错误
- 浙大版《C语言程序设计(第3版)》题目集 练习3-2 计算符号函数的值
- 浙大版《C语言程序设计(第3版)》题目集 练习3-3 统计学生平均成绩与及格人数
- 浙大版《C语言程序设计(第3版)》题目集 练习3-4 统计字符
- SQL 语句单引号、双引号的用法
- 浙大版《C语言程序设计(第3版)》题目集 练习3-5 输出闰年
- 浙大版《C语言程序设计(第3版)》题目集 练习3-7 成绩转换