web框架

時間 2019-11-08

標籤 web 框架欄目 HTML 简体版

原文原文鏈接

前言: 今天寫一篇博客簡單介紹下web框架，下篇博客介紹下django框架~~html

1、WSGI

衆所周知，對於全部的Web應用，本質上其實就是一個socket服務端，用戶的瀏覽器其實就是一個socket客戶端。python

 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 等。不一樣的框架有不一樣的開發方式，可是不管如何，開發出的應用程序都要和服務器程序配合，才能爲用戶提供服務。這樣，服務器程序就須要爲不一樣的框架提供不一樣的支持。這樣混亂的局面不管對於服務器仍是框架，都是很差的。對服務器來講，須要支持各類不一樣框架，對框架來講，只有支持它的服務器才能被開發出的應用使用。這時候，標準化就變得尤其重要。咱們能夠設立一個標準，只要服務器程序支持這個標準，框架也支持這個標準，那麼他們就能夠配合使用。一旦標準肯定，雙方各自實現。這樣，服務器能夠支持更多支持標準的框架，框架也可使用更多支持標準的服務器。web

WSGI（Web Server Gateway Interface）WEB服務網關接口是一種規範，它定義了使用python編寫的web app與web server之間接口格式，實現web app與web server間的解耦。數據庫

python標準庫提供的獨立WSGI服務器稱爲wsgiref。django

2、兩種web框架

WEB框架分爲兩種，第一種不用WSGI標準，如Tornado框架，須要本身寫socket；第二種則用到了WSGI封裝好的socket標準，如Django/bottle/flask/web.py框架。flask

3、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()

運行結果:服務器

4、模板引擎

在上一步驟中，對於全部的index、news均返回給用戶瀏覽器一個簡單的字符串，在現實的Web請求中通常會返回一個複雜的符合HTML規則的字符串，因此咱們通常將要返回給用戶的HTML寫在指定文件中，而後再返回。app

雖然能夠返回給用戶HTML的內容以現實複雜的頁面，可是仍是存在問題：如何給用戶返回動態內容？框架

自定義一套特殊的語法，進行替換
使用開源工具jinja2，遵循其指定語法

首先你要先導入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 data 14 
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/

5、MVC

前陣子在網上找實習有看到要求熟悉MVC。什麼是MVC呢？

這個圖我但是畫了好久的!!咱們已經知道服務端返回HTML字符串給客戶端(瀏覽器)，但並非單單從HTML文檔取數據再直接經過路由系統-->WSGI發送給客戶端。好比我博客園的我的主頁，當我點擊https://home.cnblogs.com/u/0zcl/時，會看到此時我只有25個粉絲，但25這個數據確定不是在HTML文檔的吧!在哪裏？固然是在數據庫中啦。因此當你點擊個人我的主頁，其實此時不只要從HTML文檔取數據，還要從數據庫中取數據，再經過jinja2的替換規則進行替換(模板渲染)。你懂了麼??

好，仍是說回MVC吧。其實MVC只是代碼的目錄結構，只是聽起來很高大上而已~~

想必各位必定知道模塊化吧(找實習也有看到這個要求哈)。根據上圖，咱們能夠把處理數據(庫)的功能模塊放在一個目錄下，存放HTML的模塊放在一個目錄下: