原文連接:https://www.cnblogs.com/maple-shaw/p/8862330.htmlhtml
咱們能夠這樣理解:全部的Web應用本質上就是一個socket服務端,而用戶的瀏覽器就是一個socket客戶端。 這樣咱們就能夠本身實現Web框架了。python
import socket sk = socket.socket() sk.bind(("127.0.0.1", 8000)) sk.listen() while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"OK") conn.close()
sk.bind(("127.0.0.1", 8000)) 當綁定爲8000的時候,瀏覽器報錯;ERR_INVALID_HTTP_RESPONSE。無效的響應,響應格式有問題mysql
若是將8000端口改成80,就能瀏覽器就能顯示出ok,可是咱們想要的是其它端口也能顯示內容web
能夠說Web服務本質上都是在這十幾行代碼基礎上擴展出來的。這段代碼就是它們的祖宗。sql
用戶在瀏覽器中輸入網址,瀏覽器會向服務端發送數據,那瀏覽器會發送什麼數據?怎麼發?這個誰來定? 你這個網站是這個規定,他那個網站按照他那個規定,那互聯網還能玩麼?數據庫
因此,必須有一個統一的規則,讓你們發送消息、接收消息的時候都有個格式依據,不能隨便寫。django
這個規則就是HTTP協議,之後瀏覽器發送請求信息也好,服務器回覆響應信息也罷,都要按照這個規則來。瀏覽器
HTTP協議主要規定了客戶端和服務器之間的通訊格式,那HTTP協議是怎麼規定消息格式的呢?服務器
讓咱們首先打印下咱們在服務端接收到的消息是什麼。session
輸出:
接收回來的是bytes類型,打印解碼的爲(字符串類型,換行了):
print(data.decode()) # 將瀏覽器發來的消息打印出來
b'GET / HTTP/1.1\r\nHost: 127.0.0.1:8080\r\nConnection: keep-alive\r\nCache-Control: max-age=0\r\nUpgrade-Insecure-Requests: 1\r\nUser-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3355.4 Safari/537.36\r\nAccept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8\r\nAccept-Encoding: gzip, deflate, br\r\nAccept-Language: zh-CN,zh;q=0.9\r\nCookie: csrftoken=CtHePYARJOKNx5oNVwxIteOJXpNyJ29L4bW4506YoVqFaIFFaHm0EWDZqKmw6Jm8\r\n\r\n'
咱們將\r\n替換成換行看得更清晰點:
而後咱們再看一下咱們訪問博客園官網時瀏覽器收到的響應信息是什麼。
響應相關信息能夠在瀏覽器調試窗口的Network標籤頁中看到。響應數據不是都能看的view sourse
點擊view source以後顯示以下圖:
response是請求的數據體部分,複製粘貼到本身建立的socket裏,讓它發送給瀏覽器
當發送給瀏覽器的爲HTML時:conn.send(b"HTTP/1.1 200 OK\r\n\r\n <h1>ok</h1> ")。渲染了
咱們發現收發的消息須要按照必定的格式來,這裏就須要瞭解一下HTTP協議了。
HTTP協議對收發消息的格式要求
每一個HTTP請求和響應都遵循相同的格式,一個HTTP包含Header和Body兩部分,其中Body是可選的。
HTTP響應的Header中有一個 Content-Type
代表響應的內容格式。它的值如text/html; charset=utf-8。
text/html則表示是網頁,charset=utf-8則表示編碼爲utf-8。
通過上面的學習,那咱們基於socket服務端的十幾行代碼寫一個咱們本身的web框架。咱們先不處理瀏覽器發送的請求,先讓瀏覽器能顯示咱們web框架返回的信息,那咱們就要按照HTTP協議的格式來發送響應。
咱們經過十幾行代碼簡單地演示了web 框架的本質。
接下來就讓咱們繼續完善咱們的自定義web框架吧!
這樣就結束了嗎? 如何讓咱們的Web服務根據用戶請求的URL不一樣而返回不一樣的內容呢?
小事一樁,咱們能夠從請求相關數據裏面拿到請求URL的路徑,而後拿路徑作一個判斷...
當瀏覽器訪問對應的目錄時,後臺顯示/home,咱們要根據訪問的目錄而send給瀏覽器不一樣的數據。
獲取路徑:
data = conn.recv(8096)
print(data.decode().split()) # 將瀏覽器發來的消息打印出來
根據索引打印
print(data.decode().split()[1]) # 將瀏覽器發來的消息打印出來
favicon.ico不用管,是谷歌瀏覽器 的title
由於獲取到的有斜線,而這裏判斷是沒有斜線的字符串,因此麼有匹配成功。正則的話有米有都能實現也能夠的。
先發請求頭,再發數據,分兩次發。
上面的代碼解決了不一樣URL路徑返回不一樣內容的需求。
咱們返回的內容是簡單的幾個字符,那若是我能夠將返回的結果封裝成一個函數呢?
def func(url): s = "this is {} page !".format(url) return bytes(s, encoding="utf8")
看起來上面的代碼寫了一個函數,那確定能夠寫多個函數,不一樣的路徑對應執行不一樣的函數拿到結果,可是咱們要一個個判斷路徑,是否是很麻煩?咱們有簡單的辦法來解決。
分析:
1)定義多個函數,將取出url後面的訪問目錄傳入到函數中,執行函數。
2)定義一個列表,列表中有不少個字符串和函數名對應的元組
3)定義一個變量爲None,循環列表元素,判斷元素第一個字元素是否爲url中取出的的訪問文件,是就讓變量從新賦值爲這個這個元素的第二個字元素,即這個變量等於4一個定義好的函數名。
4)若是func是真,訪問url中的匹配成功,那麼就執行這個函數並用返回數據變量接收函數返回值,不然讓請求返回的變量是404未找到。
5)而後發送請求返回的數據給瀏覽器。這樣就實現了一個框架。
完美解決了不一樣URL返回不一樣內容的問題。 可是我不想僅僅返回幾個字符串,我想給瀏覽器返回完整的HTML內容,這又該怎麼辦呢?
沒問題,不論是什麼內容,最後都是轉換成字節數據發送出去的。 咱們能夠打開HTML文件,讀取出它內部的二進制數據,而後再發送給瀏覽器。
<!DOCTYPE html> <html lang="en"> <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>index</title> </head> <body> <div>這是index頁面</div> </body> </html>
<!DOCTYPE html> <html lang="en"> <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>index</title> </head> <body> <div>這是home頁面</div> </body> </html>
1)將以前的請求過來執行的函數中,函數的返回值由字符串改成返回對應html的文件內容。
2)實現方法是在函數中將文件內容都讀取出來,而後由以前的函數中定義的字符串改成返回讀取出來的文件數據。
3)後面程序與上的相同,這樣就實現了根據不一樣url執行不一樣的函數,返回不一樣的數據給瀏覽器:
2)定義一個列表,列表中有不少個字符串和函數名對應的元組
3)定義一個變量爲None,循環列表元素,判斷元素第一個字元素是否爲url中取出的的訪問文件,是就讓變量從新賦值爲這個這個元素的第二個字元素,即這個變量等於4一個定義好的函數名。
4)若是func是真,訪問url中的匹配成功,那麼就執行這個函數並用返回數據變量接收函數返回值,不然讓請求返回的變量是404未找到。
5)而後發送請求返回的數據給瀏覽器。這樣就實現了一個框架。
這網頁可以顯示出來了,可是都是靜態的啊。頁面的內容都不會變化的,我想要的是動態網站。
沒問題,我也有辦法解決。我選擇使用字符串替換來實現這個需求。(這裏使用時間戳來模擬動態的數據)
<!DOCTYPE html> <html lang="en"> <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>time</title> </head> <body> <div>當前時間是:@@time@@</div> </body> </html>
<div>當前時間是:@@time@@</div> 在代碼中將文件讀取出來,而後字符串替換成當前的時間,而後做爲函數返回值編碼發送給訪問這個地址的請求。實現網頁中數據不固定,用數據渲染顯示頁面。
對於真實開發中的python web程序來講,通常會分爲兩部分:服務器程序和應用程序。
服務器程序負責對socket服務端進行封裝,並在請求到來時,對請求的各類數據進行整理。
應用程序則負責具體的邏輯處理。爲了方便應用程序的開發,就出現了衆多的Web框架,例如:Django、Flask、web.py 等。不一樣的框架有不一樣的開發方式,可是不管如何,開發出的應用程序都要和服務器程序配合,才能爲用戶提供服務。
這樣,服務器程序就須要爲不一樣的框架提供不一樣的支持。這樣混亂的局面不管對於服務器仍是框架,都是很差的。對服務器來講,須要支持各類不一樣框架,對框架來講,只有支持它的服務器才能被開發出的應用使用。
這時候,標準化就變得尤其重要。咱們能夠設立一個標準,只要服務器程序支持這個標準,框架也支持這個標準,那麼他們就能夠配合使用。一旦標準肯定,雙方各自實現。這樣,服務器能夠支持更多支持標準的框架,框架也可使用更多支持標準的服務器。
WSGI(Web Server Gateway Interface)就是一種規範,它定義了使用Python編寫的web應用程序與web服務器程序之間的接口格式,實現web應用程序與web服務器程序間的解耦。
經常使用的WSGI服務器有uWSGI、Gunicorn。而Python標準庫提供的獨立WSGI服務器叫wsgiref,Django開發環境用的就是這個模塊來作服務器。
咱們利用wsgiref模塊來替換咱們本身寫的web框架的socket server部分:
{ 'ALLUSERSPROFILE': 'C:\\ProgramData', 'APPDATA': 'C:\\Users\\Administrator\\AppData\\Roaming', 'COMMONPROGRAMFILES': 'C:\\Program Files (x86)\\Common Files', 'COMMONPROGRAMFILES(X86)': 'C:\\Program Files (x86)\\Common Files', 'COMMONPROGRAMW6432': 'C:\\Program Files\\Common Files', 'COMPUTERNAME': 'PC-20190328RVNA', 'COMSPEC': 'C:\\Windows\\system32\\cmd.exe', 'FP_NO_HOST_CHECK': 'NO', 'HOMEDRIVE': 'C:', 'HOMEPATH': '\\Users\\Administrator', 'LOCALAPPDATA': 'C:\\Users\\Administrator\\AppData\\Local', 'LOGONSERVER': '\\\\PC-20190328RVNA', 'NUMBER_OF_PROCESSORS': '4', 'OS': 'Windows_NT', 'PATH': 'C:\\mcw\\venv\\Scripts;C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\;C:\\軟件安裝\\Git\\cmd;C:\\mysql\\mysql-5.6.44-winx64\\bin;C:\\python3\\Scripts\\;C:\\python3\\', 'PATHEXT': '.COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JS;.JSE;.WSF;.WSH;.MSC', 'PROCESSOR_ARCHITECTURE': 'x86', 'PROCESSOR_ARCHITEW6432': 'AMD64', 'PROCESSOR_IDENTIFIER': 'Intel64 Family 6 Model 58 Stepping 9, GenuineIntel', 'PROCESSOR_LEVEL': '6', 'PROCESSOR_REVISION': '3a09', 'PROGRAMDATA': 'C:\\ProgramData', 'PROGRAMFILES': 'C:\\Program Files (x86)', 'PROGRAMFILES(X86)': 'C:\\Program Files (x86)', 'PROGRAMW6432': 'C:\\Program Files', 'PROMPT': '(venv) $P$G', 'PSMODULEPATH': 'C:\\Windows\\system32\\WindowsPowerShell\\v1.0\\Modules\\', 'PUBLIC': 'C:\\Users\\Public', 'PYCHARM_HOSTED': '1', 'PYCHARM_MATPLOTLIB_PORT': '59585', 'PYTHONIOENCODING': 'UTF-8', 'PYTHONPATH': 'C:\\mcw;C:\\軟件安裝\\PyCharm 2018.3.5\\helpers\\pycharm_matplotlib_backend', 'PYTHONUNBUFFERED': '1', 'SESSIONNAME': 'Console', 'SYSTEMDRIVE': 'C:', 'SYSTEMROOT': 'C:\\Windows', 'TEMP': 'C:\\Users\\ADMINI~1\\AppData\\Local\\Temp', 'TMP': 'C:\\Users\\ADMINI~1\\AppData\\Local\\Temp', 'USERDOMAIN': 'PC-20190328RVNA', 'USERNAME': 'Administrator', 'USERPROFILE': 'C:\\Users\\Administrator', 'VIRTUAL_ENV': 'C:\\mcw\\venv', 'WINDIR': 'C:\\Windows', 'WINDOWS_TRACING_FLAGS': '3', 'WINDOWS_TRACING_LOGFILE': 'C:\\BVTBin\\Tests\\installpackage\\csilogfile.log', '_OLD_VIRTUAL_PATH': 'C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\;C:\\杞\ue219歡瀹夎\ue5ca\\Git\\cmd;C:\\mysql\\mysql-5.6.44-winx64\\bin;C:\\python3\\Scripts\\;C:\\python3\\', '_OLD_VIRTUAL_PROMPT': '$P$G', 'SERVER_NAME': 'PC-20190328RVNA', 'GATEWAY_INTERFACE': 'CGI/1.1', 'SERVER_PORT': '8090', 'REMOTE_HOST': '', 'CONTENT_LENGTH': '', 'SCRIPT_NAME': '', 'SERVER_PROTOCOL': 'HTTP/1.1', 'SERVER_SOFTWARE': 'WSGIServer/0.2', 'REQUEST_METHOD': 'GET', 'PATH_INFO': '/time/', 'QUERY_STRING': '', 'REMOTE_ADDR': '127.0.0.1', 'CONTENT_TYPE': 'text/plain', 'HTTP_HOST': '127.0.0.1:8090', 'HTTP_CONNECTION': 'keep-alive', 'HTTP_CACHE_CONTROL': 'max-age=0', 'HTTP_UPGRADE_INSECURE_REQUESTS': '1', 'HTTP_USER_AGENT': 'Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36', 'HTTP_ACCEPT': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3', 'HTTP_ACCEPT_ENCODING': 'gzip, deflate, br', 'HTTP_ACCEPT_LANGUAGE': 'zh-CN,zh;q=0.9', 'wsgi.input': < _io.BufferedReader name = 564 > , 'wsgi.errors': < _io.TextIOWrapper name = '<stderr>' mode = 'w' encoding = 'UTF-8' > , 'wsgi.version': (1, 0), 'wsgi.run_once': False, 'wsgi.url_scheme': 'http', 'wsgi.multithread': True, 'wsgi.multiprocess': False, 'wsgi.file_wrapper': < class 'wsgiref.util.FileWrapper' > } < bound method BaseHandler.start_response of < wsgiref.simple_server.ServerHandler object at 0x02A06950 >> 127.0 .0 .1 - -[11 / Jun / 2019 19: 12: 41] "GET /time/ HTTP/1.1" 200 301 { 'ALLUSERSPROFILE': 'C:\\ProgramData', 'APPDATA': 'C:\\Users\\Administrator\\AppData\\Roaming', 'COMMONPROGRAMFILES': 'C:\\Program Files (x86)\\Common Files', 'COMMONPROGRAMFILES(X86)': 'C:\\Program Files (x86)\\Common Files', 'COMMONPROGRAMW6432': 'C:\\Program Files\\Common Files', 'COMPUTERNAME': 'PC-20190328RVNA', 'COMSPEC': 'C:\\Windows\\system32\\cmd.exe', 'FP_NO_HOST_CHECK': 'NO', 'HOMEDRIVE': 'C:', 'HOMEPATH': '\\Users\\Administrator', 'LOCALAPPDATA': 'C:\\Users\\Administrator\\AppData\\Local', 'LOGONSERVER': '\\\\PC-20190328RVNA', 'NUMBER_OF_PROCESSORS': '4', 'OS': 'Windows_NT', 'PATH': 'C:\\mcw\\venv\\Scripts;C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\;C:\\軟件安裝\\Git\\cmd;C:\\mysql\\mysql-5.6.44-winx64\\bin;C:\\python3\\Scripts\\;C:\\python3\\', 'PATHEXT': '.COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JS;.JSE;.WSF;.WSH;.MSC', 'PROCESSOR_ARCHITECTURE': 'x86', 'PROCESSOR_ARCHITEW6432': 'AMD64', 'PROCESSOR_IDENTIFIER': 'Intel64 Family 6 Model 58 Stepping 9, GenuineIntel', 'PROCESSOR_LEVEL': '6', 'PROCESSOR_REVISION': '3a09', 'PROGRAMDATA': 'C:\\ProgramData', 'PROGRAMFILES': 'C:\\Program Files (x86)', 'PROGRAMFILES(X86)': 'C:\\Program Files (x86)', 'PROGRAMW6432': 'C:\\Program Files', 'PROMPT': '(venv) $P$G', 'PSMODULEPATH': 'C:\\Windows\\system32\\WindowsPowerShell\\v1.0\\Modules\\', 'PUBLIC': 'C:\\Users\\Public', 'PYCHARM_HOSTED': '1', 'PYCHARM_MATPLOTLIB_PORT': '59585', 'PYTHONIOENCODING': 'UTF-8', 'PYTHONPATH': 'C:\\mcw;C:\\軟件安裝\\PyCharm 2018.3.5\\helpers\\pycharm_matplotlib_backend', 'PYTHONUNBUFFERED': '1', 'SESSIONNAME': 'Console', 'SYSTEMDRIVE': 'C:', 'SYSTEMROOT': 'C:\\Windows', 'TEMP': 'C:\\Users\\ADMINI~1\\AppData\\Local\\Temp', 'TMP': 'C:\\Users\\ADMINI~1\\AppData\\Local\\Temp', 'USERDOMAIN': 'PC-20190328RVNA', 'USERNAME': 'Administrator', 'USERPROFILE': 'C:\\Users\\Administrator', 'VIRTUAL_ENV': 'C:\\mcw\\venv', 'WINDIR': 'C:\\Windows', 'WINDOWS_TRACING_FLAGS': '3', 'WINDOWS_TRACING_LOGFILE': 'C:\\BVTBin\\Tests\\installpackage\\csilogfile.log', '_OLD_VIRTUAL_PATH': 'C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\;C:\\杞\ue219歡瀹夎\ue5ca\\Git\\cmd;C:\\mysql\\mysql-5.6.44-winx64\\bin;C:\\python3\\Scripts\\;C:\\python3\\', '_OLD_VIRTUAL_PROMPT': '$P$G', 'SERVER_NAME': 'PC-20190328RVNA', 'GATEWAY_INTERFACE': 'CGI/1.1', 'SERVER_PORT': '8090', 'REMOTE_HOST': '', 'CONTENT_LENGTH': '', 'SCRIPT_NAME': '', 'SERVER_PROTOCOL': 'HTTP/1.1', 'SERVER_SOFTWARE': 'WSGIServer/0.2', 'REQUEST_METHOD': 'GET', 'PATH_INFO': '/favicon.ico', 'QUERY_STRING': '', 'REMOTE_ADDR': '127.0.0.1', 'CONTENT_TYPE': 'text/plain', 'HTTP_HOST': '127.0.0.1:8090', 'HTTP_CONNECTION': 'keep-alive', 'HTTP_PRAGMA': 'no-cache', 'HTTP_CACHE_CONTROL': 'no-cache', 'HTTP_USER_AGENT': 'Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36', 'HTTP_ACCEPT': 'image/webp,image/apng,image/*,*/*;q=0.8', 'HTTP_REFERER': 'http://127.0.0.1:8090/time/', 'HTTP_ACCEPT_ENCODING': 'gzip, deflate, br', 'HTTP_ACCEPT_LANGUAGE': 'zh-CN,zh;q=0.9', 'wsgi.input': < _io.BufferedReader name = 564 > , 'wsgi.errors': < _io.TextIOWrapper name = '<stderr>' mode = 'w' encoding = 'UTF-8' > , 'wsgi.version': (1, 0), 'wsgi.run_once': False, 'wsgi.url_scheme': 'http', 'wsgi.multithread': True, 'wsgi.multiprocess': False, 'wsgi.file_wrapper': < class 'wsgiref.util.FileWrapper' > }
獲取環境變量一個鍵:environ['PATH_INFO']
鍵的值是後面的值,就是url中獲取到的值,: 'PATH_INFO': '/time/',
'PATH': 'C:\\mcw\\venv\\Scripts;C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\;C:\\軟件安裝\\Git\\cmd;C:\\mysql\\mysql-5.6.44-winx64\\bin;C:\\python3\\Scripts\\;C:\\python3\\',
start_response是個對象:<bound method BaseHandler.start_response of <wsgiref.simple_server.ServerHandler object at 0x02A16930>>
from wsgiref.simple_server import make_server
def run_server(environ, start_response): #2)定義執行函數,傳參environ, start_response
start_response('200 OK', [('Content-Type', 'text/html;charset=utf8'), ]) # 4) 設置HTTP響應的狀態碼和頭信息start_response('200 OK', [('Content-Type', 'text/html;charset=utf8'), ]) url = environ['PATH_INFO'] #3)取到用戶輸入的url environ['PATH_INFO'] if url=='/home/': response=("response:"+url).encode('utf-8') else: response = b"404 not found!" #)url知足條件返回內容定義 return [response, ] #6)執行函數返回列表,列表一個元素是返回的內容 if __name__ == '__main__': httpd = make_server('127.0.0.1', 8090, run_server) #1)make_server 作服務傳ip端口和執行函數 httpd.serve_forever() #啓動這個服務
用wsgiref代替服務端socket建立簡易web框架:
1)make_server 作服務傳ip端口和執行函數
2)定義執行函數,傳參environ, start_response
3)取到用戶輸入的url environ['PATH_INFO']
4) 設置HTTP響應的狀態碼和頭信息start_response('200 OK', [('Content-Type', 'text/html;charset=utf8'), ])
5)url知足條件返回內容定義
6)執行函數返回列表,列表一個元素是返回的內容
7)啓動這個服務
上面的代碼實現了一個簡單的動態,我徹底能夠從數據庫中查詢數據,而後去替換我html中的對應內容,而後再發送給瀏覽器完成渲染。 這個過程就至關於HTML模板渲染數據。 本質上就是HTML內容中利用一些特殊的符號來替換要展現的數據。 我這裏用的特殊符號是我定義的,其實模板渲染有個現成的工具: jinja2
下載jinja2:
pip install jinja2
<!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>
使用jinja2渲染index2.html文件:
1)從jinja2導入模板類
2)實例化模板類,傳參爲帶特別語法的文件。
3)對象.render(字典),把數據填充到模板中
4)支持{{name}}雙括號中變量替換爲字典鍵的值,for循環建立語句。
{'name': '小郭吹雪', 'hobby_list': ['敲代碼', '今日頭條', '睡覺']
雙花中表明變量,字典的鍵:<h1>姓名:{{name}}</h1>
上下花百分。上for循環字典鍵中列表,下endfor。中間是對for循環的每一個變量生成html。
{% for hobby in hobby_list %}
<li>{{hobby}}</li>
{% endfor %}
如今的數據是咱們本身手寫的,那可不能夠從數據庫中查詢數據,來填充頁面呢?
使用pymysql鏈接數據庫:
conn = pymysql.connect(host="127.0.0.1", port=3306, user="root", passwd="xxx", db="xxx", charset="utf8") cursor = conn.cursor(cursor=pymysql.cursors.DictCursor) cursor.execute("select name, age, department_id from userinfo") user_list = cursor.fetchall() cursor.close() conn.close()
建立一個測試的user表:
CREATE TABLE user( id int auto_increment PRIMARY KEY, name CHAR(10) NOT NULL, hobby CHAR(20) NOT NULL )engine=innodb DEFAULT charset=UTF8;
模板的原理就是字符串替換,咱們只要在HTML頁面中遵循jinja2的語法規則寫上,其內部就會按照指定的語法進行相應的替換,從而達到動態的返回內容。
pip3 install django==1.11.20
指定安裝源(清華源):
pip3 install django==1.11.21 -i https://pypi.tuna.tsinghua.edu.cn/simple
pycharm安裝Django,指定版本
shift右擊 在當前目錄打開cmd
下面的命令建立了一個名爲"mysite"的Django 項目:
django-admin startproject mysite
mysite/ ├── manage.py # 管理文件 └── mysite # 項目目錄 ├── __init__.py ├── settings.py # 配置 ├── urls.py # 路由 --> URL和函數的對應關係 └── wsgi.py # runserver命令就使用wsgiref模塊作簡單的web server
pycharm建立,社區版不支持建立django項目。
file->new project->Django
location項目路徑,名稱。
解釋器
虛擬環境:能隔離開各個項目的環境
不寫不自動生成這個目錄
修改配置:
默認端口8000麼?
python manage.py runserver 127.0.0.1:8000
1.命令行 切換到項目的根目錄下 manage.py python36 manage.py runserver # http://127.0.0.1:8000/ python36 manage.py runserver 80 #指定端口啓動 在80端口啓動 python36 manage.py runserver 0.0.0.0:80 #0.0.0.0:80 其它主機可訪問,外部主機可訪問
直接點擊啓動關閉
python36 manage.py runserver 0.0.0.0:80#而且settings設置爲‘*’,容許全部主機訪問
terminate是項目終止,disconnect是斷開鏈接,項目不終止
命令行開啓的能夠crtl + c終止
disconect點擊以後,要中止項目。能夠在資源管理器中殺掉進程
多了個文件:
若是啓動時報錯哪一個文件的問題,看看是否是啓動錯了,啓動的不是Django項目而是某個文件:
TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, "template")], # template文件夾位置 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ]
STATIC_URL = '/static/' # HTML中使用的靜態文件夾前綴 STATICFILES_DIRS = [ os.path.join(BASE_DIR, "static"), # 靜態文件存放位置 ]
看不明白?有圖有真相:
剛開始學習時可在配置文件中暫時禁用csrf中間件,方便表單提交測試。
MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', # 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ]
from django.shortcuts import HttpResponse, render, redirect
內部傳入一個字符串參數,返回給瀏覽器。
例如:
def index(request): # 業務邏輯代碼 return HttpResponse("OK")
建立一個頁面
from django.contrib import admin from django.urls import path from django.shortcuts import HttpResponse,render def index(request): return HttpResponse('index') urlpatterns = [ path('admin/', admin.site.urls), path('index/', index), ]
除request參數外還接受一個待渲染的模板文件和一個保存具體數據的字典參數。
將數據填充進模板文件,最後把結果返回給瀏覽器。(相似於咱們上面用到的jinja2)
例如:
def index(request): # 業務邏輯代碼 return render(request, "index.html", {"name": "alex", "hobby": ["燙頭", "泡吧"]})
from django.contrib import admin from django.urls import path from django.shortcuts import HttpResponse,render def index(request): # return HttpResponse('index') return render(request,'index.html') urlpatterns = [ path('admin/', admin.site.urls), path('index/', index), ]
接受一個URL參數,表示跳轉到指定的URL。
例如:
def index(request): # 業務邏輯代碼 return redirect("/home/")
Django 啓動時報錯 UnicodeEncodeError ...
報這個錯誤一般是由於計算機名爲中文,改爲英文的計算機名重啓下電腦就能夠了。