カスタムWebフレーム（ジャンゴ）

その他 2019-10-19 13:19:42 訪問数: null

ジャンゴの基礎知識

HTTPプロトコル（ハイパーテキスト転送プロトコル）

HTTPプロトコル

  1. 4つの特性：

    1. TCP / IPベースのアプリケーション層の演技オーバー

    2. 要求応答に基づいて、

    3. ステートレスは、クッキーのセッション・トークンから出てくる......

    4. 接続なし

      長い接続のWebSocketを（大型パッチHTTPプロトコル）

  2. データ形式：

    1. 要求フォーマット
      1. リクエストの最初の行（要求方法、プロトコルバージョン、等）
      2. リクエストヘッダ（ロットK：Vキーと値のペア）
      3. \ Rは\ nまたは\ nは短い、空白行を追加することです
      4. リクエストボディ（リアルタイムデータ要求は何を取得することではない場合にのみ、POSTリクエストを送信）
    2. 応答形式
      1. 応答の最初の行
      2. レスポンスヘッダ
      3. \ Rは\ nまたは\ nは短い、空白行を追加することです
      4. レスポンスボディ（リアルタイムデータ要求は何を取得することではない場合にのみ、POSTリクエストを送信）
    3. 応答ステータスコード
      • 特にデジタルでのいくつかの意味を表します
        • 1XX：サーバーは、追加データを提出し続けることができ、処理中のデータを表し、データを正常に受信しました
        • 2XX：サーバーの成功応答（200のリクエスト成功）
        • 3XX：リダイレクション（なしログイン淘宝網は、検索製品をクリックして、リダイレクトされている、ログインページにジャンプします）
        • 4XX：リクエストエラー（404 403は、リソースがアクセスを拒否するために存在していない要求します）
        • 5XX：内部サーバーエラー（500など）

  3. リクエストメソッド

    • 方法を取得：他の人に向けたデータに
  • ポスト要求は：他人にデータを送信する（例：ユーザログイン）
    • URL：ユニフォームリソースロケータ

カスタムWebフレームワーク

主に以下の二つの方法：

  1. 手動でソケットを書きます
  2. マニュアルデータ処理形式のhttp
## 说明
'''
我的理解是：
    web框架本质就是一个基于socket的客户端和服务端进行通信，交互的过程，也就是C/S架构，其实由于是通过浏览器向服务端发送请求和响应，所以应该是B/S架构，但是浏览器（Browser）本质也是一个客户端。
    如果按照一般的网络编程套路来，会报错，这是因为浏览器端走的是HTTP协议，但是服务端发过来的数据是基于TCP/UDP协议的，所以就不能识别数据而报错。
    所以我们需要在发消息的时候加一个HTTP的格式标准，这样就可以在浏览器端实现正常打印，     这是由于HTTP和TCP是不同层的协议，首先传输层的是TCP，只负责传输数据，发过去就进行接收打印二进制，但是在服务端发送的是支持TCP协议的，这样在浏览器端就会报错而无法正常显示（因为浏览器支持的是HTTP协议）
'''




## 代码
import socket


server = socket.socket()
server.bind(('127.0.0.1', 8080))
server.listen(5)

"""
请求首行
b'GET /index HTTP/1.1\r\n
请求头
Host: 127.0.0.1:8080\r\n
Connection: keep-alive\r\n
Cache-Control: max-age=0\r\n
DNT: 1\r\n
Upgrade-Insecure-Requests: 1\r\n
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.120 Safari/537.36\r\n
Sec-Fetch-Mode: navigate\r\n
Sec-Fetch-User: ?1\r\n
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3\r\n
Sec-Fetch-Site: none\r\n
Accept-Encoding: gzip, deflate, br\r\n
Accept-Language: zh-CN,zh;q=0.9\r\n
\r\n
请求体
'

#请求体是空的，因为浏览器发送的是get请求，请求体只在post请求时才会有。
"""

while True:
    conn, addr = server.accept()
    data = conn.recv(1024)
    # print(data)  #打印出来的是浏览器发送过来的HTTP请求数据
    conn.send(b'HTTP/1.1 200 OK\r\n\r\n')
    # conn.send(b'hello')
    data = data.decode('utf-8')
    current_path = data.split('\r\n')[0].split(' ')[1]
    # print(current_path)
    if current_path == '/index': # 如果浏览器上输入的后缀是/index, 那么将.html文件读出来发送过去
        # conn.send(b'index')
        with open(r'index.html','rb') as f:# # 这里面用document.charset看一下网页的编码格式，不然的话可能会乱码。
            conn.send(f.read())
    elif current_path == '/login': 
        conn.send(b'login')
    else:
        conn.send(b'404 error')
    conn.close()

型変換

data = b'hello s11'

# 二进制转字符串
data = str(data, encoding='utf-8')
print(data,type(data))

# 字符串转二进制
data = bytes(data, encoding='utf-8')
print(data,type(data))

ベースのwsgirefモジュール

WSGIとは何ですか

このモジュールは、2つのフレームの間にカスタムWebを実装します

別の機能に応じて異なるpyのファイルに分割

あなたが仕事の完了後に分割を追加したい場合は、唯一のurls.pyにし、views.pyでそれを変更する必要があります

  1. urls.pyルーティングおよびオブジェクト・リレーショナル・ビュー機能
  2. views.pyビュー機能が置かれている（処理ビジネスロジック、機能など）
  3. テンプレートのテンプレートフォルダ（htmlファイルの束）
## 基于wsgiref.py

'''
（主要作用就是初始化服务端，然后接受浏览器端发过来的请求，把请求分门别类，传给urls找到对应的视图函数，然后在views中执行相应的视图函数并把结果返回到前端页面）
'''

from wsgiref.simple_server import make_server
from urls import urls
from views import *




def run(env,response):
    """
    :param env: 请求相关的所有数据
    :param response: 响应相关的所有数据
    :return:
    """
    response('200 OK',[])
    print(env)
    current_path = env.get('PATH_INFO')
    # if current_path == '/index':
    #     # 很多业务逻辑代码
    #     return [b'index']
    # elif current_path == '/login':
    #     return [b'login']
    # else:
    #     return [b'404 error']
    # 先定义一个变量名 用来存储后续匹配到的函数名
    func = None
    # for循环 匹配后缀
    for url in urls:
        if current_path == url[0]:
            func = url[1]  # 一旦匹配成功 就将匹配到的函数名赋值给func变量
            break  # 主动结束匹配
    # 判断func是否有值
    if func:
        res = func(env)
    else:
        res = error(env)
    return [res.encode('utf-8')]




if __name__ == '__main__':
    server = make_server('127.0.0.1',8081,run)
    # 实时监听该地址  只要有客户端来连接 统一交给run函数去处理
    server.serve_forever()  # 启动服务端

    
## urls.py
'''
主要作用就是用一个存有元组的列表，实现将前端接收到的后缀名与view中的函数进行对应，其实就相当于一个路由分发器，中转驿站
'''

from views import *

urls = [
    ('/index',index),
    ('/login',login),
    ('/xxx',xxx),
    ('/get_time',get_time),
    ('/get_user',get_user),
    ('/get_db',get_db),
]

# views.py
'''
用于处理业务逻辑，其实就相当于之前写的项目中的interface接口，主要根据前端接收过来的数据 然后执行相应的函数，实现相应的功能，并将结果返回给前端展现出来。
'''

def index(env):
    return 'index'


def login(env):
    return 'login'

def error(env):
    return '404 error'


def xxx(env):
    return 'xxx'

from datetime import datetime


def get_time(env):
    current_time = datetime.now().strftime('%Y-%m-%d %X')
    with open(r'E:\Python11\10月\1018\代码\web框架推导\templates\get_time.html','r',encoding='utf-8') as f:
        data = f.read()
    data = data.replace('$$time$$',current_time)
    return data

from jinja2 import Template

def get_user(env):
    d = {'name':'jason','pwd':'123','hobby':['read','running','music']}
    with open(r'E:\Python11\10月\1018\代码\web框架推导\templates\get_user.html','r',encoding='utf-8') as f:
        data = f.read()
    temp = Template(data)
    res = temp.render(user=d)  # 将字典d传递给前端页面
    # 页面上通过变量名user就能够获取到该字典
    return res

import pymysql

def get_db(env):
    conn = pymysql.connect(
        host = '127.0.0.1',
        port = 3306,
        user = 'root',
        password = 'root',
        database = 'hupu',
        charset = 'utf8',
        autocommit = True
    )
    cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
    sql = "select * from user_info1"
    cursor.execute(sql)
    res = cursor.fetchall()
    print(res)
    with open(r'E:\Python11\10月\1018\代码\web框架推导\templates\get_db.html','r',encoding='utf-8') as f:
        data = f.read()
    temp = Template(data)
    ret = temp.render(user_list = res)  # 将字典d传递给前端页面 页面上通过变量名user就能够获取到该字典
    return ret



### 前端代码

##get_db.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <h1 class="text-center">用户列表</h1>
            <table class="table table-bordered table-striped table-hover">
                <thead>
                    <tr>
                        <th>id</th>
                        <th>name</th>
                        <th>pwd</th>
                    </tr>
                </thead>
                <tbody>
                    {% for user_dict in user_list %}
                        <tr>
                            <td>{{ user_dict.id }}</td>
                            <td>{{ user_dict.name }}</td>
                            <td>{{ user_dict.pwd }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

</div>
</body>
</html>


## get_time.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>
</head>
<body>
$$time$$
</body>
</html>


## get_user.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<p>{{ user }}</p>
<p>{{ user.name }}</p>
<p>{{ user['pwd'] }}</p>
<p>{{ user.get('hobby') }}</p>
</body>
</html>

注1：

上記のコードは、それの動的ページ静的なページであるものが何であるか、その後、動的および静的なWebページの機能を実現しますか？

静的ページ：死は単に生成されたHTMLコードで、ページを書かれており、基本的には変わっていないの目次ページが表示される-あなたはページのコードを変更しない限り。

動的ページ：ページコード、変更しましたが、内容が表示されていないが、時間、環境やデータベース操作の結果として変更することができます。主に2つの状況で：前端に後端現在の時刻表示を取得する; 2後部先端は、表示するデータベースからデータを取得します。

注2：

htmlページにバックエンドのデータ転送を取得するには？

バックエンドは、特定の条件にデータを取得し>>> htmlページ：テンプレートをレンダリング

輸入Jinja2のは、上記の機能を実現することができます。

pip3 install jinja2
    
    模板语法(极其贴近python后端语法)
        <p>{{ user }}</p>
        <p>{{ user.name }}</p>
        <p>{{ user['pwd'] }}</p>
        <p>{{ user.get('hobby') }}</p>
        
        
        {% for user_dict in user_list %}  ##在前端页面中使用后端的循环语法
            <tr>
                <td>{{ user_dict.id }}</td>
                <td>{{ user_dict.name }}</td>
                <td>{{ user_dict.pwd }}</td>
            </tr>
        {% endfor %}

おすすめ

転載: www.cnblogs.com/michealjy/p/11703439.html
おすすめ
ランキング
uni.request在接口状态码403等还是走success
Springboot は mybatisplus を統合しており、ページング クエリによって返される Page オブジェクトの合計は常に 0 です。
System.InvalidOperationExceptionが：「BuildWindowCoreは、子ウィンドウのハンドル搭乗を返しません。」
[Example 08] IPD system advancement: version naming rules for version management
カスタム NavigationBar -- UIView による描画
データとデータの移行を復元します（個人的なメモ、無用リーダー）
4. 2次元配列で検索する
vim的私人订制
Flutterのカスタムルーティング切り替えアニメーション
Javaコンテナの方法の簡単なアプリケーションのArrayList
アーカイブ
もっと
2024-05-12(27)
2024-05-11(31)
2024-05-10(33)
2024-05-09(30)
2024-05-08(18)
2024-05-07(34)
2024-05-06(6)
2024-05-05(0)
2024-05-04(18)
2024-05-03(8)

コードワールド

© 2018 codetd.com