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