大白話說Python+Flask入門(二)

来源:https://www.cnblogs.com/longronglang/archive/2023/11/18/17841043.html
-Advertisement-
Play Games

寫在前面 筆者技術真的很一般,也許只靠著笨鳥先飛的這種傻瓜堅持,才能在互聯網行業僥幸的生存下來吧! 為什麼這麼說? 我曾不止一次在某群,看到說我寫的東西一點技術含量都沒有,而且很沒營養,換作一年前的我,也許會懟回去,現在的話,我只是看到了,完事忘記了。 早期寫文章是為了當筆記用,不會隨時查閱,當然也 ...


寫在前面

筆者技術真的很一般,也許只靠著笨鳥先飛的這種傻瓜堅持,才能在互聯網行業僥幸的生存下來吧!

為什麼這麼說?

我曾不止一次在某群,看到說我寫的東西一點技術含量都沒有,而且很沒營養,換作一年前的我,也許會懟回去,現在的話,我只是看到了,完事忘記了。

QQ截圖20231118135309.png

早期寫文章是為了當筆記用,不會隨時查閱,當然也因為這個習慣,也結交了一些不嫌棄我的笨的朋友,真的很開心。

哈哈,回來別走神哈,來我們繼續學習,老規矩,先上代碼,拆知識點。

Flask的Api

1、Flask 靜態文件

模版文件testJs.html,示例代碼:

<!DOCTYPE html>
<head>
  <title>testJs</title>
  <script type = "text/javascript" src = "{{ url_for('static', filename = 'testjs.js') }}" ></script>

</head>
<body>
  JS測試 : <input type="button" value="點一下按鈕" onclick="callJs()">
</body>
</html>

testjs.js文件代碼:示例代碼如下:

function callJs() {
  alert('hello testJs!')
}

邏輯代碼如下:

from flask import Flask,render_template
app=Flask(__name__)
@app.route("/")
def index():
    return render_template("testJs.html")

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

知識點:

  • 在項目下創建一個static文件,這個文件就是放testjs.js的位置,如JS、CSS這種文件
  • 模版文件引入靜態文件固定寫法:
<script type = "text/javascript" src = "{{ url_for('static', filename = 'testjs.js') }}" ></script>

2、Request的使用

模版代碼MarriageInformation.html,示例代碼如下:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Marriage Information</title>
  </head>
  <body>
    <h3>基本信息</h3>
    <form action="http://localhost:8888/userinfo" method="post">
      <p>Name: <input type="text" name="name" ></p>
      <p>Height: <input type="text" name="height" ></p>
      <p>Age: <input type="text" name="age" ></p>
      <p>Sex: <input type="text" name="sex" ></p>
      <p>Education: <input type="text" name="education" ></p>
      <p>Hobby: <input type="text" name="hobby" ></p>
      <p><input type="submit" value="submit"></p>
    </form>
  </body>
</html>

作用: 主要用於前端數據錄入,是不是直接聯想到常見的問卷啥的?

模版代碼userinfo.html,示例代碼如下:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>user Info</title>
  </head>
  <body>
    <h3>user Info</h3>
    <table border="0.5">
      {% for key ,value in userinfo.items() %}
      <tr>
        <th>{{key}}</th>
        <td>{{value}}</td>
      </tr>
      {% endfor %}
    </table>
  </body>
</html>

作用: 主要用於展示你剛纔你錄入的信息。

邏輯代碼,示例如下:

from flask import Flask, render_template, request

app = Flask(__name__)


@app.route("/")
def marryInfo():
    return render_template("MarriageInformation.html")


@app.route('/userinfo',methods=['GET','POST'])
def userinfo():
    userinfo = request.form
    return render_template("userinfo.html", userinfo=userinfo)


if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

效果:

知識點:

1、Request主要用於接收和處理客戶端你提交的數據,Request對象的重要屬性如下所列:

  • Form - 它是一個字典對象,包含表單參數及其值的鍵和值對。
  • args ****- 解析查詢字元串的內容,它是問號(?)之後的URL的一部分。
  • Cookies - 保存Cookie名稱和值的字典對象。
  • files - 與上傳文件有關的數據。
  • method - 當前請求方法。

2、 {% for key ,value in userinfo.items() %}這個就是遍歷屬性, {% endfor %}就是結束遍歷的意思。不會寫怎麼辦?照著抄,抄完再改。

3、Cookie的使用

示例代碼如下:

from flask import Flask, make_response, request

app = Flask(__name__)


@app.route('/setCookie')
def setCookie():
    res = make_response('Success!')
    res.set_cookie('login', 'true', max_age=3600)
    return res


@app.route('/getCookie')
def getCookie():
    cookies = request.cookies
    return cookies


@app.route('/deleteCookie')
def deleteCookie():
    res = make_response('deleteCookie, Success!')
    res.delete_cookie('login')
    return res


if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

設置cookie效果:

獲取cookie效果:

刪除cookie效果:

知識點:

  • 設置cookie:預設有效期是臨時,瀏覽器關閉就失效,可以通過 max_age 設置有效期時間,單位是秒
  • 獲取cookie:通過request.cookies的方式, 返回的是一個字典
  • 刪除cookie:通過delete_cookie('cookie名字')的方式, 刪除只是讓cookie過期,而不是直接刪除cookie
  • cookie只存在客戶端

4、Session的使用

示例代碼如下:

from flask import Flask, request, session, url_for, redirect

app = Flask(__name__)
# 為每個客戶端的會話分配會話ID,會話數據存儲在cookie的頂部
app.secret_key = 'nkladhnjldasjhnlksdnjklasdn'

@app.route('/')
def index():
    if 'usersession' in session:
        usersession = session['usersession']
        return usersession + ',已經登錄了!' + '<br><a href="/logout" >請點擊退出!</a>'
    return '您還沒登錄,<a href="/login" >請點擊登錄</a>'


@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        session['usersession'] = request.form['usersession']
        return redirect(url_for('index'))
    return '''
   <form action = "" method = "post">
      <p><input type="text" name="usersession"/></p>
      <p><input type="submit" value="Login"/></p>
   </form>

   '''


@app.route('/logout')
def logout():
    session.pop('usersession', None)
    return redirect(url_for('index'))


if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

效果:

知識點:

  • Session即會話,會話數據會存儲在伺服器上的臨時目錄中
  • Session是字典,成對存在
  • Session['username'] = 'admin':為'username'會話變數
  • session.pop('username', None):使用pop()方法,釋放會話變數。
  • app.secret_key:為每個客戶端的會話分配會話ID,會話數據存儲在cookie的頂部

5、重定向的使用

示例代碼如下:

from flask import Flask, request, session, url_for, redirect, render_template, abort

app = Flask(__name__)
app.secret_key = 'nkladhnjldasjhnlksdnjklasdn'


@app.route('/')
def index():
    return render_template('login.html')


@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        username = request.form['username']
        if username == 'admin':
            return redirect(url_for('welcome'))
        else:
            abort(401)
    else:
        return redirect(url_for('index'))


@app.route('/welcome')
def welcome():
    return 'login Successs!'


if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

知識點:

1、redirect(location, statuscode, response): 用於跳轉到指定位置

  • location:重定向的url路徑
  • statuscode:狀態碼,預設為302。
  • response: 用於實例化響應。

2、abort(code): 錯誤碼的函數,和HTTP協議的code碼幾乎一樣,可自行瞭解。

6、上傳文件的使用

可以理解為就是一個文件上傳的功能。

模版文件代碼:

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
               <title>upload demo</title>
               </head>
               <body>
               <h2>upload demo</h2>
               <form action="http://localhost:8888/upload" method="POST" enctype="multipart/form-data">
    <input type="file" name="file">
    <input type="submit" value="upload">
</form>
</body>
</html>

邏輯代碼如下:

import os.path

from flask import Flask, request, url_for, redirect, render_template

basedir = os.path.dirname(__file__)
parentpath = os.path.dirname(basedir)
app = Flask(__name__)

@app.route('/')
def index():
    return render_template('upload.html')


@app.route('/upload', methods=['POST'])
def upload():
    file = request.files['file']
    if file:
        filename = file.filename
        file.save(os.path.join(parentpath+'\upload', secure_filename(filename)))
        return 'upload Success!'
    else:
        return redirect(url_for('index'))


if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8888, debug=False)

效果:

知識點:

  • 在模版文件中加入:enctype 屬性設置為“multipart/form-data”,表示在url中處理文件上傳
  • 使用 secure_filename(filename) 函數,獲取文件的安全版本
  • request.files[file] 這個函數用於獲取提交文件,其中filename屬性就是文件名,使用
  • upload 前面不能加“/”。會報錯的

寫在最後

看到這,你是不是感覺,我靠,這東西不就是jsp嗎?

好過時的技術呀,哈哈,是不是心中的鄙視鏈和碎碎念就出來了!

沒關係,感覺不要停,也不要欺騙自己,畢竟這感覺是真的呢。

但我想會,即便過時我也寫,畢竟還是會有人看得,至少我看到公號上有四個小伙伴收藏了我的文章。

QQ截圖20231118135251.png

換個角度,現實看,你會了怎麼也比啥也寫不出來強吧,所以尊重技術,好好的把“招數”拿出來就好了,至於什麼招式這東西,完全趨於百煉成精,一種本能罷了。

我曾看過這樣一個故事:

一個學者問老和尚說:師傅您在得道之前,每天都做什麼呀?

老和尚說:砍柴、挑水、做飯。

學者有問:那得道後呢?

老和尚說:砍柴、挑水、做飯。

那何謂得道?

老和尚說:得道前,砍柴時惦記著挑水,挑水時惦記著做飯;得道後,砍柴就是砍柴,挑水就是挑水,做飯就是做飯。

所以學東西也一樣,不如踏實的把一件事做好,啥都想乾,倒是啥也乾不好,不是嗎!

好啦,今天好開心呢,因為比昨天又多會了幾個知識點!

優秀不夠,你是否無可替代

軟體測試交流QQ群:721256703,期待你的加入!!

歡迎關註我的微信公眾號:軟體測試君



您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本文介紹MySQL和PostgreSQL的一些特性對比,讓大家瞭解二者的優劣,更好的做出選擇。當前國內的現狀,互聯網公司使用MySQL的較多,PostgreSQL的使用比例反而不高,但相信看到PG的新特性後,你會愛上她。當然MySQL作為最流行的資料庫,依然會吸引大部分人的眼球。 PostgreSQ ...
  • 原文:Android Material組件庫(日期選擇和時間選擇器)基本使用 - Stars-One的雜貨小窩 簡單的封裝下Material組件里的日期選擇器和時間選擇器的使用方法 效果 代碼 需要添加Material組件庫的依賴(不過後面新版本Android Studio創建的新項目都會有此依賴了 ...
  • 可以少去理解一些不必要的概念,而多去思考為什麼會有這樣的東西,它解決了什麼問題,或者它的運行機制是什麼? JS JavaScript 是互聯網上最流行的腳本語言,這門語言可用於 HTML 和 web,更可廣泛用於伺服器、PC、筆記本電腦、平板電腦和智能手機等設備。 https://www.runoo ...
  • 本文首發於公眾號:Hunter後端 原文鏈接:Django筆記四十一之Django中使用es 前面在 Python 連接 es 的操作中,有過介紹如何使用 Python 代碼連接 es 以及對 es 數據進行增刪改查。 這一篇筆記介紹一下如何為 es 的 索引 index 定義一個 model,像 ...
  • Dart庫中有大量返回結果為Future或Stream類型的函數,它們都是非同步函數,函數的返回結果在構建可能存在耗時操作之後就返回了(如:網路IO操作),而不是同步等到這些耗時操作完成後在返回。關鍵字async和wait簡化了非同步編程(如:回調地獄),讓非同步代碼的編寫看起來像同步代碼一樣…… ...
  • 大家好,我是 Java陳序員。 自從微服務開始流行之後,各種商城系統、外賣系統可是層出不窮。面試的時候人人都說做過商城系統,導致現在一聽電商系統就是爛大街的項目。 黑格爾曾經說過:存在即合理。電商系統的盛行,必然是由於市場需求導致。 目前,電商系統基本涵蓋了 J2EE 中的主要技術棧。能否實現一套全 ...
  • 馬哥原創,python全流程自動化:採集數據 -> 篩選數據 -> 存MySQL資料庫 -> 發送郵件 -> 微信提醒 -> 定時執行。 ...
  • 在今天的學習中,我們簡要瞭解了Python的控制流程,特別是if-else判斷和迴圈操作。作為有著Java開發經驗的程式員,我們跳過了一些基礎概念,著重探討if判斷和迴圈的靈活運用。Python的縮進寫法和與Java的一些語法區別都是需要註意的地方。在編寫程式時,if嵌套和迴圈是基礎結構,而設計模式... ...
一周排行
    -Advertisement-
    Play Games
  • PasteSpider是什麼? 一款使用.net編寫的開源的Linux容器部署助手,支持一鍵發佈,平滑升級,自動伸縮, Key-Value配置,項目網關,環境隔離,運行報表,差量升級,私有倉庫,集群部署,版本管理等! 30分鐘上手,讓開發也可以很容易的學會在linux上部署你得項目! [從需求角度介 ...
  • SQLSugar是什麼 **1. 輕量級ORM框架,專為.NET CORE開發人員設計,它提供了簡單、高效的方式來處理資料庫操作,使開發人員能夠更輕鬆地與資料庫進行交互 2. 簡化資料庫操作和數據訪問,允許開發人員在C#代碼中直接操作資料庫,而不需要編寫複雜的SQL語句 3. 支持多種資料庫,包括但 ...
  • 在C#中,經常會有一些耗時較長的CPU密集型運算,因為如果直接在UI線程執行這樣的運算就會出現UI不響應的問題。解決這類問題的主要途徑是使用多線程,啟動一個後臺線程,把運算操作放在這個後臺線程中完成。但是原生介面的線程操作有一些難度,如果要更進一步的去完成線程間的通訊就會難上加難。 因此,.NET類 ...
  • 一:背景 1. 講故事 前些天有位朋友在微信上丟了一個崩潰的dump給我,讓我幫忙看下為什麼出現了崩潰,在 Windows 的事件查看器上顯示的是經典的 訪問違例 ,即 c0000005 錯誤碼,不管怎麼說有dump就可以上windbg開幹了。 二:WinDbg 分析 1. 程式為誰崩潰了 在 Wi ...
  • CSharpe中的IO+NPOI+序列化 文件文件夾操作 學習一下常見的文件、文件夾的操作。 什麼是IO流? I:就是input O:就是output,故稱:輸入輸出流 將數據讀入記憶體或者記憶體輸出的過程。 常見的IO流操作,一般說的是[記憶體]與[磁碟]之間的輸入輸出。 作用 持久化數據,保證數據不再 ...
  • C#.NET與JAVA互通之MD5哈希V2024 配套視頻: 要點: 1.計算MD5時,SDK自帶的計算哈希(ComputeHash)方法,輸入輸出參數都是byte數組。就涉及到字元串轉byte數組轉換時,編碼選擇的問題。 2.輸入參數,字元串轉byte數組時,編碼雙方要統一,一般為:UTF-8。 ...
  • CodeWF.EventBus,一款靈活的事件匯流排庫,實現模塊間解耦通信。支持多種.NET項目類型,如WPF、WinForms、ASP.NET Core等。採用簡潔設計,輕鬆實現事件的發佈與訂閱。通過有序的消息處理,確保事件得到妥善處理。簡化您的代碼,提升系統可維護性。 ...
  • 一、基本的.NET框架概念 .NET框架是一個由微軟開發的軟體開發平臺,它提供了一個運行時環境(CLR - Common Language Runtime)和一套豐富的類庫(FCL - Framework Class Library)。CLR負責管理代碼的執行,而FCL則提供了大量預先編寫好的代碼, ...
  • 本章將和大家分享在ASP.NET Core中如何使用高級客戶端NEST來操作我們的Elasticsearch。 NEST是一個高級別的Elasticsearch .NET客戶端,它仍然非常接近原始Elasticsearch API的映射。所有的請求和響應都是通過類型來暴露的,這使得它非常適合快速上手 ...
  • 參考delphi的代碼更改為C# Delphi 檢測密碼強度 規則(仿 google) 仿 google 評分規則 一、密碼長度: 5 分: 小於等於 4 個字元 10 分: 5 到 7 字元 25 分: 大於等於 8 個字元 二、字母: 0 分: 沒有字母 10 分: 全都是小(大)寫字母 20 ...