web架構，web前端架構
前言: 今天寫一篇部落格簡單介紹下web架構，下篇部落格介紹下django架構~~
一、WSGI
眾所周知，對於所有的Web應用，本質上其實就是一個socket服務端，使用者的瀏覽器其實就是一個socket用戶端。
1 #!/usr/bin/env python 2 #coding:utf-8 3 4 import socket 5 6 def handle_request(client): 7 buf = client.recv(1024) 8 client.send("HTTP/1.1 200 OK\r\n\r\n") 9 client.send("Hello, Seven")10 11 def main():12 sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)13 sock.bind(('localhost',8000))14 sock.listen(5)15 16 while True:17 connection, address = sock.accept()18 handle_request(connection)19 connection.close()20 21 if __name__ == '__main__':22 main()View Code
對於真實開發中的python web程式來說，一般會分為兩部分：伺服器程式和應用程式。伺服器程式負責對socket伺服器進行封裝，並在請求到來時，對請求的各種資料進行整理。應用程式則負責具體的邏輯處理。為了方便應用程式的開發，就出現了眾多的Web架構，例如：Django、Flask、web.py 等。不同的架構有不同的開發方式，但是無論如何，開發出的應用程式都要和伺服器程式配合，才能為使用者提供服務。這樣，伺服器程式就需要為不同的架構提供不同的支援。這樣混亂的局面無論對於伺服器還是架構，都是不好的。對伺服器來說，需要支援各種不同架構，對架構來說，只有支援它的伺服器才能被開發出的應用使用。這時候，標準化就變得尤為重要。我們可以設立一個標準，只要伺服器程式支援這個標準，架構也支援這個標準，那麼他們就可以配合使用。一旦標準確定，雙方各自實現。這樣，伺服器可以支援更多支援標準的架構，架構也可以使用更多支援標準的伺服器。
WSGI（Web Server Gateway Interface）WEB服務網關介面是一種規範，它定義了使用python編寫的web app與web server之間介面格式，實現web app與web server間的解耦。
python標準庫提供的獨立WSGI伺服器稱為wsgiref。
二、兩種web架構
WEB架構分為兩種，第一種不用WSGI標準，如Tornado架構，需要自己寫socket；第二種則用到了WSGI封裝好的socket標準，如Django/bottle/flask/web.py架構。
三、web小執行個體
接下用python的wsgiref模組做個小執行個體，該程式是在python2.7環境啟動並執行，在python3.4下出現莫名錯誤~~
1 #coding:utf-8 2 from wsgiref.simple_server import make_server 3 4 def f1(): 5 return "index" 6 7 def f2(): 8 return "news" 9 10 routers = {11 "/index/": f1,12 "/news/": f2,13 }14 15 # environ包含使用者請求的所有資訊，是wsgi封裝好的16 def RunServer(environ, start_response):17 start_response('200 OK', [('Content-Type', 'text/html')])18 url = environ["PATH_INFO"]19 """20 if url == "/index/":21 return "index"22 elif url == "/news/":23 return "news"24 else:25 return "404"26 """27 if url in routers.keys():28 func_name = routers[url]29 return func_name()30 else:31 return "404"32 33 34 if __name__ == '__main__':35 # 建立socket server對象(參數可查看源碼建構函式，如果找不到可往父類找直至找到)36 httpd = make_server('', 8000, RunServer)37 print("Serving HTTP on port 8000...")38 # 相當while迴圈，等待使用者請求到來39 # 只要有請求進來，執行RunServer函數40 httpd.serve_forever()
運行結果:
四、模板引擎
在上一步驟中，對於所有的index、news均返回給使用者瀏覽器一個簡單的字串，在現實的Web請求中一般會返回一個複雜的符合HTML規則的字串，所以我們一般將要返回給使用者的HTML寫在指定檔案中，然後再返回。
雖然可以返回給使用者HTML的內容以現實複雜的頁面，但是還是存在問題：如何給使用者返回動態內容？
首先你要先匯入jinja2模組，注意是在python2.x環境下匯入。
匯入成功後，先來看看下面的例子，瞭解下jinja2的用法:
目錄結構:
templates/t1.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <h1>zcl</h1> 9 <div>10 <a style="color: red;">blog</a>11 <div style="font-size: large;">zcl ---- ((x))</div>12 </div>13 </body>14 </html>
templates/t2.html：
注意jinja2替換的文法規則：有迴圈則用{% ... %}, 替換字元則用{{...}}.
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <h1>{{name}}</h1> 9 <hr />10 <ul>11 {% for item in user_list %}12 <li>{{item}}</li>13 {% endfor %}14 </ul>15 16 </body>17 </html>
web_1.py:
1 #coding:utf-8 2 from wsgiref.simple_server import make_server 3 import time 4 from jinja2 import Template 5 6 7 def f1(): 8 f = open("templates/t1.html") 9 data = f.read()10 f.close()11 db_str = str(time.time())12 data = data.replace("((x))", db_str) #將t1.html中的((x))值替換成db_str即目前時間13 return data14 15 16 def f2():17 f = open('templates/t2.html')18 result = f.read()19 template = Template(result)20 # 接收值，進行特殊的替換21 data = template.render(name='John Doe', user_list=['alex', 'eric'])22 return data.encode('utf-8') #必須加encode('utf-8')否則無法訪問網頁23 routers = {24 "/index/": f1,25 "/news/": f2,26 }27 28 # environ包含使用者請求的所有資訊，是wsgi封裝好的29 def RunServer(environ, start_response):30 start_response('200 OK', [('Content-Type', 'text/html')])31 url = environ["PATH_INFO"]32 33 if url in routers.keys():34 func_name = routers[url]35 return func_name()36 else:37 return "404"38 39 40 if __name__ == '__main__':41 # 建立socket server對象(參數可查看源碼建構函式，如果找不到可往父類找直至找到)42 httpd = make_server('', 8000, RunServer)43 print("Serving HTTP on port 8000...")44 # while迴圈，等待使用者請求到來45 # 只要有請求進來，執行RunServer函數46 httpd.serve_forever()
訪問http://127.0.0.1:8000/news/與http://127.0.0.1:8000/index/
五、MVC
前陣子在網上找實習有看到要求熟悉MVC。什麼是MVC呢？
這個圖我可是畫了很久的!!我們已經知道服務端返回HTML字串給用戶端(瀏覽器)，但並不是單單從HTML文檔取資料再直接通過路由系統-->WSGI發送給用戶端。比如我部落格園的個人首頁，當我點擊https://home.cnblogs.com/u/0zcl/時，會看到此時我只有25個粉絲，但25這個資料肯定不是在HTML文檔的吧!在哪裡？當然是在資料庫中啦。所以當你點擊我的個人首頁，其實此時不僅要從HTML文檔取資料，還要從資料庫中取資料，再通過jinja2的替換規則進行替換(模板渲染)。你懂了麼??
好，還是說回MVC吧。其實MVC只是代碼的目錄結構，只是聽起來很高大上而已~~
想必各位一定知道模組化吧(找實習也有看到這個要求哈)。根據，我們可以把處理資料(庫)的功能模組放在一個目錄下，存放HTML的模組放在一個目錄下:
MTV與MVC同理:
MVC目錄例子:
django架構是基於MTV模式的，下面我建立一個django程式(注意看目錄結構):
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
