一 Web應用程序是什么
Web應用程序是一種可以通過Web訪問的應用程序，程序的最大好處是用戶很容易訪問應用程序，用戶只需要有瀏覽器即可，不需要再安裝其他軟件
應用程序有兩種模式C/S、B/S。C/S是客戶端/服務器端程序，也就是說這類程序一般獨立運行。而B/S就是瀏覽器端/服務器端應用程序，這類應用程序一般借助IE等瀏覽器來運行。WEB應用程序一般是B/S模式。Web應用程序首先是“應用程序”，和用標准的程序語言，如C、C++等編寫出來的程序沒有什么本質上的不同。然而Web應用程序又有自己獨特的地方，就是它是基於Web的，而不是采用傳統方法運行的。換句話說，它是典型的瀏覽器/服務器架構的產物。
1.1 Web應用程序的優點
- 網絡應用程序不需要任何復雜的“展開”過程，你所需要的只是一個適用的瀏覽器；
- 網絡應用程序通常耗費很少的用戶硬盤空間，或者一點都不耗費；
- 它們不需要更新，因為所有新的特性都在服務器上執行，從而自動傳達到用戶端；
- 網絡應用程序和服務器端的網絡產品都很容易結合，如email功能和搜索功能；
- 因為它們在網絡瀏覽器窗口中運行，所以大多數情況下它們是通過跨平台使用的 (例如Windows，Mac，Linux等等)
1.2 Web應用程序的缺點
- 網絡應用程序強調瀏覽器的適用性。如果瀏覽器方沒有提供特定的功能，或者棄用特定的平台或操作系統版本（導致不適用），就會影響大量用戶；
- 網絡應用依靠互聯網遠程服務器端的應用文件。因此，當連接出問題時，應用將不能正常使用。
- 許多網絡應用程序不是開源的，只能依賴第三方提供的服務，因此不能針對用戶定制化、個性化，而且大多數情況下用戶不能離線使用，因而損失了很多靈活性；
- 它們完全依賴應用服務商的可及性。如果公司倒閉，服務器停止使用，用戶也無法追索以前的資料。對比而看，即使軟件制造商倒閉了，傳統的安裝軟件也可以繼續運行，盡管不能再更新或有其他用戶服務；
- 相似地，提供方公司對軟件和其功能有了更大的控制權。只要他們願意就能為軟件添加新特性，即使用戶想等bugs先被解決再更新。跳過較差的軟件版本也不可能了。公司可以強加不受歡迎的特性給用戶，也可以隨意減少帶寬來削減開支。
- 公司理論上可以檢索任何的用戶行為。這有可能引起隱私安全問題。
1.3 B/S架構優點
瀏覽器/服務器架構（Browser/Server,簡稱B/S）能夠很好地應用在廣域網上，成為越來越多的企業的選擇。瀏覽器/服務器架構相對於其他幾種應用程序體系結構，有如下3方面的優點：
- 這種架構采用Internet上標准的通信協議（通常是TCP/IP協議）作為客戶機同服務器通信的協議。這樣可以使位於Internet任意位置的人都能夠正常訪問服務器。對於服務器來說，通過相應的Web服務和數據庫服務可以對數據進行處理。對外采用標准的通信協議，以便共享數據。
- 在服務器上對數據進行處理，就處理的結果生成網頁，以方便客戶端直接下載。
- 在客戶機上對數據的處理被進一步簡化，將瀏覽器作為客戶端的應用程序，以實現對數據的顯示。不再需要為客戶端單獨編寫和安裝其他類型的應用程序。這樣，在客戶端只需要安裝一套內置瀏覽器的操作系統，直接安裝一套瀏覽器，就可以實現服務器上數據的訪問。而瀏覽器是計算機的標准設備
總結一下，本質上：瀏覽器是一個socket客戶端，服務器是一個socket服務端
二 基於SOCKET寫一個web應用
2.1 main.py
import socket
def server_run():
soc = socket.socket()
soc.bind(('127.0.0.1', 8008))
soc.listen(5)
while True:
conn, addr = soc.accept()
recv_data = conn.recv(1024)
print(recv_data)
# 1 直接在send里寫，發送給客戶端
# conn.send(b'HTTP/1.1 200 OK\r\n\r\n<h1>hello web</h1><img src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=5e3814acf9edab64607f4592965fc4a6/14ce36d3d539b600c0c465d0eb50352ac65cb74b.jpg"></img>')
#2 打開一個html文件，發送給客戶端
# with open('index.html','r',encoding='utf-8') as f:
# data=f.read()
# conn.send(('HTTP/1.1 200 OK\r\n\r\n%s'%data).encode('utf-8'))
# 3 動態網頁，字符串替換
import time
now=time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())
print(now)
with open('index.html','r',encoding='utf-8') as f:
data=f.read()
data=data.replace('@@@',now)
conn.send(('HTTP/1.1 200 OK\r\n\r\n%s'%data).encode('utf-8'))
conn.close()
if __name__ == '__main__':
server_run()
2.2 index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h2>@@@</h2>
<img src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=5e3814acf9edab64607f4592965fc4a6/14ce36d3d539b600c0c465d0eb50352ac65cb74b.jpg" alt="">
</body>
</html>
三 手擼簡單web框架
3.1 main.py
import socket
import pymysql
def index(request):
return '<img src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=5e3814acf9edab64607f4592965fc4a6/14ce36d3d539b600c0c465d0eb50352ac65cb74b.jpg"></img>'
def login(request):
with open('login.html','r',encoding='utf-8') as f :
data=f.read()
return data
def time(request):
import datetime
now=datetime.datetime.now().strftime('%Y-%m-%d %X')
with open('time.html','r',encoding='utf-8') as f :
data=f.read()
data=data.replace('@@time@@',now)
return data
def user_list(request):
# 創建連接
conn = pymysql.connect(host='127.0.0.1', port=3306, user='root', passwd='123456', db='lqz')
cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
cursor.execute("select id,name,password from user")
user_list = cursor.fetchall()
cursor.close()
conn.close()
tr_list=[]
for row in user_list:
tr='<tr><td>%s</td><td>%s</td><td>%s</td></tr>'%(row['id'],row['name'],row['password'])
tr_list.append(tr)
with open('user_list.html','r',encoding='utf-8') as f:
data=f.read()
data=data.replace('@@body@@',''.join(tr_list))
return data
def user_list_new(request):
# 創建連接
conn = pymysql.connect(host='127.0.0.1', port=3306, user='root', passwd='123456', db='lqz')
cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
cursor.execute("select id,name,password from user")
user_list = cursor.fetchall()
cursor.close()
conn.close()
with open('user_list_new.html','r',encoding='utf-8') as f:
data=f.read()
from jinja2 import Template
template=Template(data)
response=template.render(user_list=user_list)
# response=template.render({'user_list':user_list})
return response
urls = [
('/index', index),
('/login', login),
('/time', time),
('/user_list', user_list),
('/user_list_new', user_list_new),
]
def run():
soc = socket.socket()
soc.bind(('127.0.0.1', 8006))
soc.listen(5)
while True:
conn, port = soc.accept()
data = conn.recv(1024)
# data=data.decode('utf-8')
print(data)
data = str(data, encoding='utf-8')
request_list = data.split('\r\n\r\n')
head_list = request_list[0].split('\r\n')
method, url, htt = head_list[0].split(' ')
# conn.send(b'hello web')
conn.send(b'HTTP/1.1 200 OK \r\n\r\n')
print(url)
func_name = None
for u in urls:
if url == u[0]:
func_name = u[1]
break
if func_name:
response = func_name(data)
else:
response = '404 not found'
conn.send(response.encode('utf-8'))
conn.close()
if __name__ == '__main__':
run()
3.2 login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="">
<p>用戶名：<input type="text"></p>
<p>密碼：<input type="password"></p>
</form>
</body>
</html>
3.3 time.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
@@time@@
</body>
</html>
3.4 user_list.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用戶列表</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>id</th>
<th>用戶名</th>
<th>密碼</th>
</tr>
</thead>
<tbody>
@@body@@
</tbody>
</table>
</body>
</html>
3.5 user_list_new
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用戶列表</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>id</th>
<th>name</th>
<th>password</th>
</tr>
</thead>
<tbody>
{% for user in user_list%}
<tr>
<td>{{user.id}}</td>
<td>{{user.name}}</td>
<td>{{user.password}}</td>
</tr>
{%endfor%}
</tbody>
</table>
</body>
</html>