Python学习笔记:web开发2
前言
最近在學(xué)習(xí)深度學(xué)習(xí),已經(jīng)跑出了幾個模型,但Pyhton的基礎(chǔ)不夠扎實,因此,開始補習(xí)Python了,大家都推薦廖雪峰的課程,因此,開始了學(xué)習(xí),但光學(xué)有沒有用,還要和大家討論一下,因此,寫下這些帖子,廖雪峰的課程連接在這里:廖雪峰
Python的相關(guān)介紹,以及它的歷史故事和運行機制,可以參見這篇:python介紹
Python的安裝可以參見這篇:Python安裝
Python的運行模式以及輸入輸出可以參見這篇:Python IO
Python的基礎(chǔ)概念介紹,可以參見這篇:Python 基礎(chǔ)
Python字符串和編碼的介紹,可以參見這篇:Python字符串與編碼
Python基本數(shù)據(jù)結(jié)構(gòu):list和tuple介紹,可以參見這篇:Python list和tuple
Python控制語句介紹:ifelse,可以參見這篇:Python 條件判斷
Python控制語句介紹:循環(huán)實現(xiàn),可以參見這篇:Python循環(huán)語句
Python數(shù)據(jù)結(jié)構(gòu):dict和set介紹Python數(shù)據(jù)結(jié)構(gòu)dict和set
Python函數(shù)相關(guān):Python函數(shù)
Python高階特性:Python高級特性
Python高階函數(shù):Python高階函數(shù)
Python匿名函數(shù):Python匿名函數(shù)
Python裝飾器:Python裝飾器
Python偏函數(shù):Python偏函數(shù)
Python模塊:Python模塊
Python面向?qū)ο缶幊?#xff08;1):Python面向?qū)ο?
Python面向?qū)ο缶幊?#xff08;2):Python面向?qū)ο?#xff08;2)
Python面向?qū)ο缶幊?#xff08;3):Python面向?qū)ο?#xff08;3)
Python面向?qū)ο缶幊?#xff08;4):Pyhton面向?qū)ο?#xff08;4)
Python面向?qū)ο蟾呒壘幊?#xff08;上):Python面向?qū)ο蟾呒壘幊?#xff08;上)
Python面向?qū)ο蟾呒壘幊?#xff08;中上):Python面向?qū)ο蟾呒壘幊?#xff08;中上)
Python面向?qū)ο蟾呒壘幊?#xff08;中下):Python面向?qū)ο蟾呒壘幊?#xff08;中下)
Python面向?qū)ο蟾呒壘幊?#xff08;完):Python面向?qū)ο蟾呒壘幊?#xff08;完)
Python錯誤調(diào)試(起):Python調(diào)試:起
Python錯誤調(diào)試(承):Python調(diào)試:承
Python錯誤調(diào)試(轉(zhuǎn)):Python調(diào)試:轉(zhuǎn)
Python錯誤調(diào)試(合):python調(diào)試:合
Python文件IO編程:Python文件IO
Python文件IO編程2:Python文件IO2
Python文件IO編程3:PYthon文件IO3
Python進程和線程(起):Python進程和線程起
Python進程和線程(承):Python進程和線程承
Python進程和線程(轉(zhuǎn)):Python進程和線程轉(zhuǎn)
Python進程和線程(合):Python進程和線程合
Python正則表達式:Python正則表達式
Python學(xué)習(xí)筆記:常用內(nèi)建模塊1:Python學(xué)習(xí)筆記:常用內(nèi)建模塊1
Python學(xué)習(xí)筆記:常用內(nèi)建模塊2:Python學(xué)習(xí)筆記:常用內(nèi)建模塊2
Python學(xué)習(xí)筆記:常用內(nèi)建模塊3:Python學(xué)習(xí)筆記:常用內(nèi)建模塊3
Python學(xué)習(xí)筆記:常用內(nèi)建模塊4:Python學(xué)習(xí)筆記: 常用內(nèi)建模塊4
Python學(xué)習(xí)筆記:常用內(nèi)建模塊5:Python學(xué)習(xí)筆記: 常用內(nèi)建模塊5
Python學(xué)習(xí)筆記:常用內(nèi)建模塊6:Python學(xué)習(xí)筆記:常用內(nèi)建模塊6
Python學(xué)習(xí)筆記:第三方模塊1:Python常用第三方模塊
Python學(xué)習(xí)筆記:第三方模塊2:Python常用第三方模塊
Python學(xué)習(xí)筆記:第三方模塊3:Python常用第三方模塊
Pytho學(xué)習(xí)筆記:網(wǎng)絡(luò)編程:Python網(wǎng)絡(luò)編程
Python學(xué)習(xí)筆記:電子郵件:Python電子郵件1
Python學(xué)習(xí)筆記:SMTP服務(wù)器:PythonSMTP服務(wù)器
Python學(xué)習(xí)筆記:POP3服務(wù)器:PythonPOP3服務(wù)器
Python學(xué)習(xí)筆記:Python數(shù)據(jù)庫 Python數(shù)據(jù)庫1
Python學(xué)習(xí)筆記:Python數(shù)據(jù)庫2Python數(shù)據(jù)庫2
Python學(xué)習(xí)筆記:web開發(fā)2Python學(xué)習(xí)筆記:web開發(fā)1
目錄
- 前言
- 目錄
- HTML簡介
- CSS簡介
- 加一個樣式,變成48號字體,灰色,帶陰影:
- JavaScript簡介
- 小結(jié)
- WSGI接口
- Hello, web!
- 運行WSGI服務(wù)
- 小結(jié)
HTML簡介
網(wǎng)頁就是HTML?這么理解大概沒錯。因為網(wǎng)頁中不但包含文字,還有圖片、視頻、Flash小游戲,有復(fù)雜的排版、動畫效果,所以,HTML定義了一套語法規(guī)則,來告訴瀏覽器如何把一個豐富多彩的頁面顯示出來。
HTML長什么樣?上次我們看了新浪首頁的HTML源碼,如果仔細數(shù)數(shù),竟然有6000多行!
所以,學(xué)HTML,就不要指望從新浪入手了。我們來看看最簡單的HTML長什么樣:
<html> <head><title>Hello</title> </head> <body><h1>Hello, world!</h1> </body> </html>可以用文本編輯器編寫HTML,然后保存為hello.html,雙擊或者把文件拖到瀏覽器中,就可以看到效果:
HTML文檔就是一系列的Tag組成,最外層的Tag是。規(guī)范的HTML也包含…和…(注意不要和HTTP的Header、Body搞混了),由于HTML是富文檔模型,所以,還有一系列的Tag用來表示鏈接、圖片、表格、表單等等。
CSS簡介
CSS是Cascading Style Sheets(層疊樣式表)的簡稱,CSS用來控制HTML里的所有元素如何展現(xiàn),比如,給標(biāo)題元素
加一個樣式,變成48號字體,灰色,帶陰影:
<html> <head><title>Hello</title><style>h1 {color: #333333;font-size: 48px;text-shadow: 3px 3px 3px #666666;}</style> </head> <body><h1>Hello, world!</h1> </body> </html>效果如下:
JavaScript簡介
JavaScript雖然名稱有個Java,但它和Java真的一點關(guān)系沒有。JavaScript是為了讓HTML具有交互性而作為腳本語言添加的,JavaScript既可以內(nèi)嵌到HTML中,也可以從外部鏈接到HTML中。如果我們希望當(dāng)用戶點擊標(biāo)題時把標(biāo)題變成紅色,就必須通過JavaScript來實現(xiàn):
<html> <head><title>Hello</title><style>h1 {color: #333333;font-size: 48px;text-shadow: 3px 3px 3px #666666;}</style><script>function change() {document.getElementsByTagName('h1')[0].style.color = '#ff0000';}</script> </head> <body><h1 onclick="change()">Hello, world!</h1> </body> </html>點擊標(biāo)題后效果如下:
小結(jié)
如果要學(xué)習(xí)Web開發(fā),首先要對HTML、CSS和JavaScript作一定的了解。HTML定義了頁面的內(nèi)容,CSS來控制頁面元素的樣式,而JavaScript負責(zé)頁面的交互邏輯。
講解HTML、CSS和JavaScript就可以寫3本書,對于優(yōu)秀的Web開發(fā)人員來說,精通HTML、CSS和JavaScript是必須的,這里推薦一個在線學(xué)習(xí)網(wǎng)站w3schools:
http://www.w3schools.com/
以及一個對應(yīng)的中文版本:
http://www.w3school.com.cn/
當(dāng)我們用Python或者其他語言開發(fā)Web應(yīng)用時,我們就是要在服務(wù)器端動態(tài)創(chuàng)建出HTML,這樣,瀏覽器就會向不同的用戶顯示出不同的Web頁面。
WSGI接口
了解了HTTP協(xié)議和HTML文檔,我們其實就明白了一個Web應(yīng)用的本質(zhì)就是:
1瀏覽器發(fā)送一個HTTP請求;
2 服務(wù)器收到請求,生成一個HTML文檔;
3 服務(wù)器把HTML文檔作為HTTP響應(yīng)的Body發(fā)送給瀏覽器;
4 瀏覽器收到HTTP響應(yīng),從HTTP Body取出HTML文檔并顯示。
所以,最簡單的Web應(yīng)用就是先把HTML用文件保存好,用一個現(xiàn)成的HTTP服務(wù)器軟件,接收用戶請求,從文件中讀取HTML,返回。Apache、Nginx、Lighttpd等這些常見的靜態(tài)服務(wù)器就是干這件事情的。
如果要動態(tài)生成HTML,就需要把上述步驟自己來實現(xiàn)。不過,接受HTTP請求、解析HTTP請求、發(fā)送HTTP響應(yīng)都是苦力活,如果我們自己來寫這些底層代碼,還沒開始寫動態(tài)HTML呢,就得花個把月去讀HTTP規(guī)范。
正確的做法是底層代碼由專門的服務(wù)器軟件實現(xiàn),我們用Python專注于生成HTML文檔。因為我們不希望接觸到TCP連接、HTTP原始請求和響應(yīng)格式,所以,需要一個統(tǒng)一的接口,讓我們專心用Python編寫Web業(yè)務(wù)。
這個接口就是WSGI:Web Server Gateway Interface。
WSGI接口定義非常簡單,它只要求Web開發(fā)者實現(xiàn)一個函數(shù),就可以響應(yīng)HTTP請求。我們來看一個最簡單的Web版本的“Hello, web!”:
def application(environ, start_response):start_response('200 OK', [('Content-Type', 'text/html')])return [b'<h1>Hello, web!</h1>']上面的application()函數(shù)就是符合WSGI標(biāo)準(zhǔn)的一個HTTP處理函數(shù),它接收兩個參數(shù):
environ:一個包含所有HTTP請求信息的dict對象;start_response:一個發(fā)送HTTP響應(yīng)的函數(shù)。在application()函數(shù)中,調(diào)用:
start_response('200 OK', [('Content-Type', 'text/html')])就發(fā)送了HTTP響應(yīng)的Header,注意Header只能發(fā)送一次,也就是只能調(diào)用一次start_response()函數(shù)。start_response()函數(shù)接收兩個參數(shù),一個是HTTP響應(yīng)碼,一個是一組list表示的HTTP Header,每個Header用一個包含兩個str的tuple表示。
通常情況下,都應(yīng)該把Content-Type頭發(fā)送給瀏覽器。其他很多常用的HTTP Header也應(yīng)該發(fā)送。
然后,函數(shù)的返回值b’
Hello, web!
‘將作為HTTP響應(yīng)的Body發(fā)送給瀏覽器。有了WSGI,我們關(guān)心的就是如何從environ這個dict對象拿到HTTP請求信息,然后構(gòu)造HTML,通過start_response()發(fā)送Header,最后返回Body。
整個application()函數(shù)本身沒有涉及到任何解析HTTP的部分,也就是說,底層代碼不需要我們自己編寫,我們只負責(zé)在更高層次上考慮如何響應(yīng)請求就可以了。
不過,等等,這個application()函數(shù)怎么調(diào)用?如果我們自己調(diào)用,兩個參數(shù)environ和start_response我們沒法提供,返回的bytes也沒法發(fā)給瀏覽器。
所以application()函數(shù)必須由WSGI服務(wù)器來調(diào)用。有很多符合WSGI規(guī)范的服務(wù)器,我們可以挑選一個來用。但是現(xiàn)在,我們只想盡快測試一下我們編寫的application()函數(shù)真的可以把HTML輸出到瀏覽器,所以,要趕緊找一個最簡單的WSGI服務(wù)器,把我們的Web應(yīng)用程序跑起來。
好消息是Python內(nèi)置了一個WSGI服務(wù)器,這個模塊叫wsgiref,它是用純Python編寫的WSGI服務(wù)器的參考實現(xiàn)。所謂“參考實現(xiàn)”是指該實現(xiàn)完全符合WSGI標(biāo)準(zhǔn),但是不考慮任何運行效率,僅供開發(fā)和測試使用。
運行WSGI服務(wù)
我們先編寫hello.py,實現(xiàn)Web應(yīng)用程序的WSGI處理函數(shù):
# hello.pydef application(environ, start_response):start_response('200 OK', [('Content-Type', 'text/html')])return [b'<h1>Hello, web!</h1>']然后,再編寫一個server.py,負責(zé)啟動WSGI服務(wù)器,加載application()函數(shù):
# server.py # 從wsgiref模塊導(dǎo)入: from wsgiref.simple_server import make_server # 導(dǎo)入我們自己編寫的application函數(shù): from hello import application# 創(chuàng)建一個服務(wù)器,IP地址為空,端口是8000,處理函數(shù)是application: httpd = make_server('', 8000, application) print('Serving HTTP on port 8000...') # 開始監(jiān)聽HTTP請求: httpd.serve_forever()確保以上兩個文件在同一個目錄下,然后在命令行輸入python server.py來啟動WSGI服務(wù)器:
注意:如果8000端口已被其他程序占用,啟動將失敗,請修改成其他端口。
啟動成功后,打開瀏覽器,輸入http://localhost:8000/,就可以看到結(jié)果了:
在命令行可以看到wsgiref打印的log信息:
按Ctrl+C終止服務(wù)器。
如果你覺得這個Web應(yīng)用太簡單了,可以稍微改造一下,從environ里讀取PATH_INFO,這樣可以顯示更加動態(tài)的內(nèi)容:
# hello.pydef application(environ, start_response):start_response('200 OK', [('Content-Type', 'text/html')])body = '<h1>Hello, %s!</h1>' % (environ['PATH_INFO'][1:] or 'web')return [body.encode('utf-8')]你可以在地址欄輸入用戶名作為URL的一部分,將返回Hello, xxx!:
是不是有點Web App的感覺了?
小結(jié)
無論多么復(fù)雜的Web應(yīng)用程序,入口都是一個WSGI處理函數(shù)。HTTP請求的所有輸入信息都可以通過environ獲得,HTTP響應(yīng)的輸出都可以通過start_response()加上函數(shù)返回值作為Body。
復(fù)雜的Web應(yīng)用程序,光靠一個WSGI函數(shù)來處理還是太底層了,我們需要在WSGI之上再抽象出Web框架,進一步簡化Web開發(fā)。
與50位技術(shù)專家面對面20年技術(shù)見證,附贈技術(shù)全景圖總結(jié)
以上是生活随笔為你收集整理的Python学习笔记:web开发2的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: caffe linux 教程,Caffe
- 下一篇: Python学习笔记:web开发3