day49:django:wsgrief&模板渲染Jinjia2&django的MTV/MVC框架&创建/启动一个django项目
目录
自定义web框架wsgiref版
1.wsgiref构建服务端
wsgiref本身就是个web框架,提供了一些固定的功能(请求和响应信息的封装),
有了wsgiref我们就不需要自己写原生的socket了
也不需要咱们自己来完成请求信息的提取了
整体结构和socketserver类似
2.登录函数逻辑
登录操作 进入页面为get请求 提交数据是post请求
def login(environ): # 回复login.html # environ['QUERY_STRING'] --'username=chao' method = environ['REQUEST_METHOD'] if method == 'GET': # 打开login页面 with open('login.html', 'rb') as f: data = f.read() return data else: print(environ) content_length = int(environ.get('CONTENT_LENGTH',0)) # 获取'username=asdf&password=asdf的长度 # environ['wsgi.input']是post对象,对象中内置了read方法,参数是长度,读出来的是字节流,再decode一下,得到字符串 data = environ['wsgi.input'].read(content_length).decode('utf-8') # environ['wsgi.input']是post对象 #post请求提交过来的数据 print('请求数据为', data) #请求数据为 b'username=asdf&password=asdf # 使用parse_qs的原因:'username=asdf&password=asdf这个字符串把用户名和密码完全切割出来太麻烦 # parse_qs可以将这个字符串格式化成我们需要的字典,这样的话取值非常方便 data = parse_qs(data) print('格式化之后的数据',data) #格式化之后的数据 {'username': ['chao'], 'password': ['123']} # 通过字典轻而易举获取post提交过来的用户名和密码 uname = data.get('username') pwd = data.get('password') # 调用check函数 检测用户名密码是否正确,返回一个是否成功状态status status = check(uname,pwd) # 登录成功 跳转到html页面 if status: data = html(environ) return data # 登录失败 给一个错误提示 else: return b'gunduzi'
3.application函数逻辑(替代socket)
def application(environ, start_response): ''' :param environ: 是全部加工好的请求信息,加工成了一个字典,通过字典取值的方式就能拿到很多你想要拿到的信息 :param start_response: 帮你封装响应信息的(响应行和响应头),注意下面的参数 :return: ''' path = environ['PATH_INFO'] print(environ) ''' urlpatterns = [ ('/', html), ('/login', login), ('/vip.html', vip), ('/spa.ico', ico), ('/test.css', css), ('/test.js', js), ('/2.jpg', jpg), ] '''
for url in urlpatterns: if url[0] == path: data = url[1](environ) break else: return b'404 page not found' # 封装响应行和响应头的 start_response('200 OK', [('a','1'),]) # print(environ) # print(environ['PATH_INFO']) #输入地址127.0.0.1:8000,这个打印的是'/',输入的是127.0.0.1:8000/index,打印结果是'/index' return [data] httpd = make_server('127.0.0.1', 8001, application) ''' make_server的作用: 将请求信息处理成一个字典 把 [data] 响应到html页面 ''' print('Serving HTTP on port 8001...') # 开始监听HTTP请求: httpd.serve_forever()
4.创建数据库并插入数据
如果我们要做一个登陆注册的一个界面,肯定要输入用户名和密码,这时候肯定要涉及数据库的操作了
so 我们在数据库中创建一些数据
mysql> create database db1; Query OK, 1 row affected (0.00 sec) mysql> use db1; Database changed mysql> create table userinfo(id int primary key auto_increment,username char(20) not null unique,password char(20) not null); Query OK, 0 rows affected (0.23 sec) mysql> insert into userinfo(username,password) values('chao','666'),('sb1','222'); Query OK, 2 rows affected (0.03 sec) Records: 2 Duplicates: 0 Warnings: 0 mysql> select * from userinfo; +----+----------+----------+ | id | username | password | +----+----------+----------+ | 1 | chao | 666 | | 2 | sb1 | 222 | +----+----------+----------+ 2 rows in set (0.00 sec)
5.pymysql连接数据库对数据库进行操作
数据创建好了,我们现在想要用python对数据库进行操作,所以需要pymysql来连接一下
#创建表,插入数据 def createtable(): import pymysql conn = pymysql.connect( host='127.0.0.1', port=3306, user='root', password='666', database='db1', charset='utf8' ) cursor = conn.cursor(pymysql.cursors.DictCursor) sql = ''' -- 创建表 create table userinfo(id int primary key auto_increment,username char(20) not null unique,password char(20) not null); -- 插入数据 insert into userinfo(username,password) values('chao','666'),('sb1','222'); ''' cursor.execute(sql) conn.commit() cursor.close() conn.close()
6.auth登录验证
现在有数据库了,我们就可以对用户名和密码进行验证了
在auth函数中传入用户输入的用户名和密码,通过select查询结果确定用户名和面是否正确
#对用户名和密码进行验证 def auth(username,password): import pymysql conn = pymysql.connect( host='127.0.0.1', port=3306, user='root', password='123', database='db1', charset='utf8' ) print('userinfo',username,password) cursor = conn.cursor(pymysql.cursors.DictCursor) sql = 'select * from userinfo where username=%s and password=%s;' res = cursor.execute(sql, [username, password]) if res: return True else: return False
7.登录页面-login.html
在网页上,我们要看到一个用户名和密码的输入框,所以需要创建一个前端html文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--如果form表单里面的action什么值也没给,默认是往当前页面的url上提交你的数据,所以我们可以自己指定数据的提交路径--> <!--<form action="http://127.0.0.1:8080/auth/" method="post">--> <form action="http://127.0.0.1:8080/auth/" method="get"> 用户名<input type="text" name="username"> 密码 <input type="password" name="password"> <input type="submit"> </form> <script> </script> </body> </html>
8.登陆成功的跳转界面
登录成功后,有一个跳转页面,所以需要创建一个跳转页面的html文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> h1{ color:red; } </style> </head> <body> <h1>宝贝儿,恭喜你登陆成功啦</h1> </body> </html>
自定义web框架wsgiref版-优化版
优化版和上面的版本有什么不同?
对之前的版本进行优化,将不同的函数按照功能分别写到不同的文件和文件夹中
下面是文件的一个结构图:
关于上图的解释
1.static用于存放一些静态文件
包括css js icon jpg图片这种文件
2.template存放前端html文件
3.auth用来存放一些需要验证的函数
import pymysql def check(username, pwd): conn = pymysql.connect( host='152.136.114.188', port=3306, user='root', password='123456', database='django', charset='utf8' ) cursor = conn.cursor() sql = 'select * from userinfo where username=%s and password=%s;' res = cursor.execute(sql, [username, pwd]) if res: return True else: return False
4.manage.py是用来实现执行命令的函数
这样我们在pycharm命令行中通过 python manage.py xxx就可以执行相关命令了
from models import UserInfo from wsgi import run import sys args = sys.argv print(args) #['manage.py', 'migrate'] print(args[1]) if args[1] == 'migrate': obj = UserInfo() obj.create_model() elif args[1] == 'runserver': ip = args[2] port = int(args[3]) print(ip,port) # print(type(port)) run(ip, port) # python manage.py runserver 127.0.0.1 8001
5.models.py是和数据库相关的
主要完成了用python连接mysql的相关配置信息以及python对mysql进行一些增删改查操作用的
class UserInfo: def create_model(self): import pymysql conn = pymysql.connect( host='152.136.114.188', port=3306, user='root', password='123456', database='django', charset='utf8' ) cursor = conn.cursor() sql = ''' create table userinfo(id int primary key auto_increment, username char(10), password char(10)); ''' cursor.execute(sql) conn.commit()
6.urls.py是用来确定url路径的,并且通过访问相应的路径,可以执行和路径相关的函数(view)
import views urlpatterns = [ ('/home', views.home), ('/login', views.login), ('/vip.html', views.vip), ('/favicon.ico', views.ico), ('/test.css', views.css), ('/test.js', views.js), ('/2.jpg', views.jpg), ]
7.views.py是用来实现主要逻辑的,和项目内容逻辑相关的函数都写在这里面
def home(environ): msg = {'name': 'chao', 'hobby': ['女人', 'ddj', '小电影']} # with open('./templates/index.html', 'rb') as f: # data = f.read() with open('./templates/index.html', 'r', encoding='utf-8') as f: data = f.read() t = Template(data) ret = t.render(msg) return ret.encode('utf-8')
8.wsgi.py是web框架的服务器, 它代替了socket
from urls import urlpatterns from wsgiref.simple_server import make_server def run(ip, port): # print('xxxxxxxx') def application(environ, start_response): ''' :param environ: 是全部加工好的请求信息,加工成了一个字典,通过字典取值的方式就能拿到很多你想要拿到的信息 :param start_response: 帮你封装响应信息的(响应行和响应头),注意下面的参数 :return: ''' path = environ['PATH_INFO'] for url in urlpatterns: if url[0] == path: data = url[1](environ) break else: data = b'404 page not found' start_response('200 OK', [('a', '1'), ]) return [data] httpd = make_server(ip, port, application) # print('Serving HTTP on port 8001...') # 开始监听HTTP请求: httpd.serve_forever()
模板渲染JinJa2
如果我们想实现一个动态页面
之前使用的方法是:
假设以时间为例,在前端页面上显示时间戳(刷新就会显示当前时间戳)
怎么做到这件事呢?
def html(environ): # 1.创建一个当前时间时间戳 current_time = str(time.time()) # 2.读出当前的html文件 with open('./templates/home.html', 'r', encoding='utf-8') as f: data = f.read() # 3.将文件中的xxoo替换为时间戳 data = data.replace('xxoo', current_time).encode('utf-8') return data
在home.html中,搞一个字符串xxoo,然后时间戳就能够替换上去了
<body> <!-- 在html文件中,写一个标签,其中的内容有xxoo --> <h1>皇家赌场--xxoo</h1> <a href="http://127.0.0.1:8002/vip.html">会员中心</a> <img src="2.jpg" alt=""> <div class="c1" id="d1"></div> </body>
其实,这种行为从专业角度老说,叫做模板渲染
这个过程其实就是HTML模板渲染数据
本质上就是HTML内容中利用一些特殊的符号来替换要展示的数据。
我这里用的特殊符号是我定义的
其实模板渲染有个现成的工具:JinJa2
用JinJa2实现动态界面
from jinja2 import Template def index(): with open("index2.html", "r",encoding='utf-8') as f: data = f.read() template = Template(data) # 生成模板文件 ret = template.render({"name": "于谦", "hobby_list": ["烫头", "泡吧"]}) # 把数据填充到模板里面 return [bytes(ret, encoding="utf8"), ]
在JinJa2中 特殊符号就是{{ }} or {% %}
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> </head> <body> <h1>姓名:{{name}}</h1> <h1>爱好:</h1> <ul> {% for hobby in hobby_list %} <li>{{hobby}}</li> {% endfor %} </ul> </body> </html>
上面.py中的数据是我们手动写的
当然我们也可以从数据库中获取数据,但是前提一定要配置用pymysql配置好数据库哦
MTV和MVC框架
MVC框架
Web服务器开发领域里著名的MVC模式,所谓MVC就是把Web应用分为模型(M),控制器(C)和视图(V)三层,他们之间以一种插件式的、松耦合的方式连接在一起,模型负责业务对象与数据库的映射(ORM),视图负责与用户的交互(页面),控制器接受用户的输入调用模型和视图完成用户的请求,其示意图如下所示:
MTV框架
Django的MTV模式本质上和MVC是一样的,也是为了各组件间保持松耦合关系,只是定义上有些许不同,Django的MTV分别是指:
- M 代表模型(Model): 负责业务对象和数据库的关系映射(ORM)。
- T 代表模板 (Template):负责如何把页面展示给用户(html)。
- V 代表视图(View): 负责业务逻辑,并在适当时候调用Model和Template。
除了以上三层之外,还需要一个URL分发器,它的作用是将一个个URL的页面请求分发给不同的View处理,View再调用相应的Model和Template,MTV的响应模式如下所示:
一般是用户通过浏览器向我们的服务器发起一个请求(request),这个请求回去访问视图函数,(如果不涉及到数据调用,那么这个时候视图函数返回一个模板也就是一个网页给用户),视图函数调用模型,模型去数据库查找数据,然后逐级返回,视图函数把返回的数据填充到模板中空格中,最后返回网页给用户。
django:下载安装&创建启动
1.下载django
pip3 install django==1.11.9
2.创建一个django的project
django-admin startproject mysite # 创建了一个名为"mysite"的Django 项目:
当我们执行完这条指令后 ,会出现如下一堆文件
这些文件的作用:
- manage.py ----- Django项目里面的工具,通过它可以调用django shell和数据库,启动关闭项目与项目交互等,不管你将框架分了几个文件,必然有一个启动文件,其实他们本身就是一个文件。
- settings.py ---- 包含了项目的默认设置,包括数据库信息,调试标志以及其他一些工作的变量。
- urls.py ----- 负责把URL模式映射到应用程序。
- wsgi.py ---- runserver命令就使用wsgiref模块做简单的web server,后面会看到renserver命令,所有与socket相关的内容都在这个文件里面了,目前不需要关注它。
3.创建django APP应用
刚才我们只是创建了一个django项目,但是里面并没有之前所提到的models.py views.py这些文件
这是因为我们只是创建了django项目,并没有创建一个django的app
所以这个app需要我们执行一条指令去创建
python manage.py startapp blog2 #创建一个django应用 每个应用的目录下都有自己的views.py视图函数和models.py数据库操作相关的文件
当我们执行完这条指令后,会发现文件夹多了几个文件
我们现在只需要看其中两个文件
models.py :之前我们写的那个名为model的文件就是创建表用的,这个文件就是存放与该app(应用)相关的表结构的
views.py :存放与该app相关的视图函数的
其他的先不用管,以后会知道的
4.启动django项目
python manage.py runserver 8080 # python manage.py runserver 127.0.0.1:8080,本机就不用写ip地址了 如果连端口都没写,默认是本机的8000端口
这样我们的django就启动起来了。当我们访问:http://127.0.0.1:8080/时就可以看到:
这是django里自己写的一个html文件,当看到这个页面就说明,我们的django启动成功了