dya49:django:wsgrief&模板渲染Jinjia2&django的MTV/MVC框架&建立/啟動一個django專案
阿新 • • 發佈：2020-09-09
目錄
1.自定義web框架wsgiref版
2.自定義web框架wsgiref版-優化版
3.模板渲染JinJa2
4.MTV和MVC框架
5.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啟動成功了
&n