2. 程式人生 > >小白學Django------------------web應用,HTTP,URL

小白學Django------------------web應用,HTTP,URL

阿新 • • 發佈：2018-12-19

一.web應用

web應用程式

Web應用程式是一種可以通過Web訪問的應用程式，程式的最大好處是使用者很容易訪問應用程式，使用者只需要有瀏覽器即可，不需要再安裝其他軟體。應用程式有兩種模式C/S、B/S。C/S是客戶端/伺服器端程式，也就是說這類程式一般獨立執行。而B/S就是瀏覽器端/伺服器端應用程式，這類應用程式一般藉助IE等瀏覽器來執行。WEB應用程式一般是B/S模式。Web應用程式首先是“應用程式”，和用標準的程式語言，如C、C++等編寫出來的程式沒有什麼本質上的不同。然而Web應用程式又有自己獨特的地方，就是它是基於Web的，而不是採用傳統方法執行的。換句話說，它是典型的瀏覽器/伺服器架構的產物。

總結一下，本質上：瀏覽器是一個socket客戶端，伺服器是一個socket服務端

基於socket的簡單web應用


import socket

socket = socket.socket()
socket.bind(('127.0.0.1', 8001))
socket.listen(5)
print('正在監聽...')
while True:
    print('等待連線...')
    conn, addr = socket.accept()
    data = conn.recv(1024)
    # 轉換成str型別
    data = str(data,encoding='utf-8')
    resuest_list = data.split('\r\n'
 
)
    first_list = resuest_list[0].split(' ')
    print(first_list)
    # 響應部分:"HTTP/1.1 200 OK"為響應頭,\r\n\r\n後面為響應體
    conn.send(b'HTTP/1.1 200 OK \r\n\r\n')
    if first_list[1] == '/index':
        # conn.send('<h1>index頁面</h1><img src="https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=25421f99a164034f1bc0ca54ceaa1254/37d3d539b6003af3543e0d243f2ac65c1138b6ea.jpg">'.encode('utf-8'))
 

        with open('index.html','rb') as f:
            data = f.read()
        conn.send(data)
    #     簡單動態網頁
    elif first_list[1] == '/two':
        with open('two.html','r',encoding='utf-8') as f:
            data = f.read()
        import datetime
        now = datetime.datetime.now().strftime('%Y-%m-%d %X')
        data = data.replace('@@[email protected]@',now)
        conn.send(data.encode('utf-8'))

    else:
        conn.send(b'404')
    conn.close()

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <img src="https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=25421f99a164034f1bc0ca54ceaa1254/37d3d539b6003af3543e0d243f2ac65c1138b6ea.jpg">
</body>
</html>

two.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
@@[email protected]@
</body>
</html>

補充(如果不記得什麼時候用encode,什麼時候用decode)

  • bytes型別轉為字串型別

    data = str(data,encoding='utf-8')

  • str型別轉為bytes型別

簡單web框架

socket(a)

路由關係(b)

模板字串替換,模板語言©

django a用別人的 b自己寫的 c自己寫的

flask a用別人的 b自己寫的 c用別人的(jinja2)

tornado a自己寫的 b自己寫的 c自己寫的


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('@@[email protected]@',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('@@[email protected]@',''.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()

WebServer

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>

login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


@@[email protected]@
</body>
</html>

time.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>
        @@[email protected]@
    </tbody>


</table>

</body>
</html>

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>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>

user_list_new

二.HTTP

2.1 HTTP協議特性

  • 基於TCP/ip協議之上的應用層協議

  • 基於請求—響應模式(先從客戶端開始建立通訊的,伺服器端在沒有 接收到請求之前不會發送響應)

  • 無狀態儲存

    HTTP是一種不儲存狀態,即無狀態(stateless)協議。HTTP協議 自身不對請求和響應之間的通訊狀態進行儲存。也就是說在HTTP這個 級別,協議對於傳送過的請求或響應都不做持久化處理。

  • 無連線

    無連線的含義是限制每次連線只處理一個請求。伺服器處理完客戶的請求，並收到客戶的應答後，即斷開連線。採用這種方式可以節省傳輸時間。

2.2 http請求協議與響應協議

請求協議

請求方式: get與post請求

  • GET提交的資料會放在URL之後，以?分割URL和傳輸資料，引數之間以&相連，如EditBook?name=test1&id=123456. POST方法是把提交的資料放在HTTP包的請求體中.
  • GET提交的資料大小有限制（因為瀏覽器對URL的長度有限制），而POST方法提交的資料沒有限制.
  • GET與POST請求在服務端獲取請求資料方式不同。

響應協議

響應狀態碼

1XX		資訊性狀態碼(Informational)	接受的請求正在處理
2XX		成功狀態碼(Success)			 請求正常處理完畢
3XX		重定向狀態碼(Redirection)		需要進行附加操作以完成請求
4XX		客戶端錯誤狀態碼(Client Error) 伺服器無法處理請求
5XX		服務端錯誤狀態碼(Server Error) 伺服器處理請求出錯

三.URL

3.1 url簡介

url:統一資源定位符是對可以從網際網路上得到的資源的位置和訪問方法的一種簡潔的表示，是網際網路上標準資源的地址。網際網路上的每個檔案都有一個唯一的URL，它包含的資訊指出檔案的位置以及瀏覽器應該怎麼處理它

格式：
　　協議：//IP:埠（80）/路徑?name=tom&age=18

？之前的是請求路徑，？之後的是請求資料部分

相關推薦

小白學Django------------------web應用,HTTP,URL

一.web應用 web應用程式 Web應用程式是一種可以通過Web訪問的應用程式，程式的最大好處是使用者很容易訪問應用程式，使用者只需要有瀏覽器即可，不需要再安裝其他軟體。應用程式有兩種模式C/S、B/S。C/S是客戶端/伺服器端程式，也就是說這類程式一般獨立執

Django web 應用 http 協議 web框架1

一:什麼是web 應用程式 Web應用程式是一種可以通過Web訪問的應用程式，程式的最大好處是使用者很容易訪問應用程式，使用者只需要有瀏覽器即可，不需要再安裝其他軟體 應用程式有兩種模式C/S、B/S。　　C/S是客戶端/伺服器端程式，也就是說這類程式一般獨立執行。　　而B/S就是瀏

小白學Django----------中介軟體

中介軟體 定義：是介於request與response處理之間的一道處理過程，相對比較輕量級，並且在全域性上改變django的輸入與輸出。因為改變的是全域性，所以需要謹慎實用，用不好會影響到效能。 1.中介軟體有什麼用 如果你想修改請求，例如被傳送到view中的HttpReque

小白學Django-------------Cookie與Session

一.Cookie 1.cookie的由來 大家都知道HTTP協議是無狀態的。 無狀態的意思就是每次請求都是獨立的，它的執行情況和結果與前面的請求和之後的請求都無直接關係，它不會受前面的請求響應情況直接影響，也不會直接影響後面的請求響應情況。而狀態可以理解為客戶端和伺服器在某次會話

小白學Django----------分頁器元件

分頁器元件 1.Django的分頁器（paginator） 在頁面顯示分頁資料，需要用到Django分頁器元件 匯入：from django.core.paginator import Paginator Paginator物件： paginator = Paginat

小白學Django-----------初識Ajax

Ajax 一.什麼是Ajax AJAX(Asynchronous Javascript And XML)，就是“非同步Javascript和XML”。即使用Javascript語言與伺服器進行非同步互動，傳輸的資料為XML（當然，傳輸的資料不只是XML,現在更多使用json資料）。

小白學Django---------------多表操作

一.多表操作 1.建立模型 假如有以下幾個模型及關係: 作者模型：一個作者有姓名和年齡。 作者詳細模型：把作者的詳情放到詳情表，包含生日，手機號，家庭住址等資訊。作者詳情模型和作者模型之間是一對一的關係（one-to-one） 出版商模型：出版商有名稱，所在城市以及ema

小白學Django---------------模板層

一.Django------模板層 1.模板簡介 模版語法重點： 　　變數：{{ 變數名 }} 　　　　1 深度查詢 用句點符 　　　　2 過濾器 　　標籤：｛｛% % ｝｝ 2.模版語法之變數 views.py from django.shortcuts impor

小白學Django---------------Django簡介與安裝使用

一.Django簡介與安裝使用 1.下載Django 1.開啟cmd 在命令列輸入: pip3 install django pip install django==1.11.9 -i http://pypi.hustunique.org/simple

小白學Django---------------forms元件

forms元件 校驗欄位功能 渲染標籤功能 渲染錯誤資訊功能 元件的引數配置 區域性鉤子(能走到它，說明前面校驗已經通過了，一定能把該欄位的值取出來) 全域性鉤子(能走到它，前面的全都執行過了，包括區域性鉤子)在做密碼判斷的時候，一定要注意，可能密碼取出來為空

小白學Java Web 10 Web開發入門

        本寶寶也算是一個程式設計愛好者吧，雖然很菜····入了Java的坑後，便對這個相當感興趣，學生時期就自學了不少，從最基礎的JavaSE 到後面的web程式設計，再到框架，再到大資料部

web應用,HTTP協議以及Django初次認識與安裝

tran char 服務器 list div content nbsp 安裝 我們 一、對於web應用的認識（web應用詳情https://www.cnblogs.com/liuqingzheng/articles/9509785.html） 簡述：可以從我們之前學習的網絡

小白學安卓（一）：Android系統架構和應用開發特色

一、Android架構 Android大致可以分為四層架構： Linux核心層 系統執行庫層 應用框架層 應用層 Linux核心層 Android系統是基於Linux核心的，這一層為Android裝置的各種硬體提供了底層的驅動，如顯示驅動

小白學 Python 爬蟲（7）：HTTP 基礎

人生苦短，我用 Python 前文傳送門： 小白學 Python 爬蟲（1）：開篇 小白學 Python 爬蟲（2）：前置準備（一）基本類庫的安裝 小白學 Python 爬蟲（3）：前置準備（二）Linux基礎入門 小白學 Python 爬蟲（4）：前置準備（三）Docker基礎入門 小白學 Pyth

小白學前端06

好的 空格 cti 回顧 overflow 目前 效率 col over 回顧一下這幾天吧： 非常後悔的行為： 一口氣看完一遍head first html就一頭開始想著做網頁，實則很多技巧就像剛剛開始學編程就生搬硬套的寫算法，不是這樣不可行，而是這樣的學習曲線很陡峭，很容

小白學前端07

css 寫法 什麽 實現 總結 正在 url text pix 2017-05-12 16:02:53：1.小技巧：在<style type="text/css"><!--.../*your css code*/--></style>利用

小白學前端12

人生 nbsp ons hidden 前端 創建 vertical tab 輸出 1.var string = "you are";var text = string;string = "best";console.log(text); //輸出"you are"變量為一

小白學前端20

javascrip 感覺 空指針 java 自己 struts2 慢慢 畢業 程序員 也許今天都是一個空指針吧1.大致的理解了struts2，因為畢業的需要，不過感覺其實一直都是，啊，java耶。就立馬興致沖沖的去學java,好像學會了java之後自己就會是一個程序員，自己

小白學開發（iOS）OC_ block數據類型（2015-08-08）

main nsobject 改變 char typedef 能夠 div sel 方法 // // main.m // block數據類型 // // Created by admin on 15/8/12. // Copyright (c) 201

小白學開發（iOS）OC_ 經常使用結構體（2015-08-14）

轉換成 tracking 小白 epo idt rgb 表示範圍 dsm tor // // main.m // 經常使用結構體 // // Created by admin on 15/8/13. // Copyright (c) 2015年 admin.