寫在前面 筆者技術真的很一般,也許只靠著笨鳥先飛的這種傻瓜堅持,才能在互聯網行業僥幸的生存下來吧! 為什麼這麼說? 我曾不止一次在某群,看到說我寫的東西一點技術含量都沒有,而且很沒營養,換作一年前的我,也許會懟回去,現在的話,我只是看到了,完事忘記了。 早期寫文章是為了當筆記用,不會隨時查閱,當然也 ...
寫在前面
筆者技術真的很一般,也許只靠著笨鳥先飛的這種傻瓜堅持,才能在互聯網行業僥幸的生存下來吧!
為什麼這麼說?
我曾不止一次在某群,看到說我寫的東西一點技術含量都沒有,而且很沒營養,換作一年前的我,也許會懟回去,現在的話,我只是看到了,完事忘記了。
早期寫文章是為了當筆記用,不會隨時查閱,當然也因為這個習慣,也結交了一些不嫌棄我的笨的朋友,真的很開心。
哈哈,回來別走神哈,來我們繼續學習,老規矩,先上代碼,拆知識點。
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群:721256703,期待你的加入!!
歡迎關註我的微信公眾號:軟體測試君