公眾號(hào)： 數(shù)據(jù)樂(lè)趣

如有建議和問(wèn)題，敬請(qǐng)留言。

上一篇簡(jiǎn)單講了一下Flask建站的大概流程，本篇舉個(gè)Flask實(shí)例進(jìn)行說(shuō)明。

建站簡(jiǎn)介

實(shí)例功能是實(shí)現(xiàn)文件的上傳和下載。

開(kāi)發(fā)軟件采用Pycharm，python版本為3.6。

網(wǎng)站創(chuàng)建

Flask項(xiàng)目創(chuàng)建

File-New Project。在彈出窗口中選擇Flask，輸入項(xiàng)目名稱（這里定位FlaskDemo）其余默認(rèn)，然后點(diǎn)擊Create即可。

Create后項(xiàng)目下自動(dòng)生成Flask基本組成：static、templates 兩個(gè)文件夾和FlaskDemo.py文件。static存放靜態(tài)文件如Js、Css文件以及網(wǎng)站用到的其它資源如圖片等；templates存放HTML文件。這兩個(gè)文件夾并非不可更改，但初期建議不要去動(dòng)。

FlaskDemo.py是后臺(tái)主入口，改成如下內(nèi)容（注釋除外）：

2. 創(chuàng)建HTML頁(yè)面

右擊templates-New-HTML files，輸入文件名稱（這里為filemange）創(chuàng)建。

Pycharm自動(dòng)創(chuàng)建了一個(gè)Html的框架頁(yè)面，

將文件修改如下內(nèi)容：

要注意HTML注釋的格式：。具體代碼在后續(xù)介紹中再說(shuō)明，現(xiàn)在知道這個(gè)樣子就行。

上面的頁(yè)面沒(méi)有設(shè)置格式，Chrome瀏覽器中顯示大概如下：

是不是特別丑？

3. Js和CSS文件

如創(chuàng)建HTML文件。點(diǎn)擊static-New-JavaScript File創(chuàng)建JS文件（本處為manage.js）。

CSS文件沒(méi)有專門的，點(diǎn)擊static-New File，文件名中要輸入Css后綴（本處為manage.css）。

雖然可以在HTML設(shè)置在線使用Jquery庫(kù)，但考慮到網(wǎng)絡(luò)及調(diào)試的方便建議將Jquery文件下載到static文件中。Flask Html文件調(diào)用本地Jquery 庫(kù)的方法如下：

本段主要起作用的是url_for重定向函數(shù)。static即jquery文件所在的位置，filename為下載的jquery文件。此處應(yīng)將filename更改為實(shí)際的文件名。由于url_for函數(shù)是python函數(shù)，所以在調(diào)用它的時(shí)候要用雙大括號(hào)包含起來(lái)。這個(gè)是Jinja2語(yǔ)法，如果不清楚，可以看一下前一篇文章中Jinja2的鏈接。

manage.js的文件內(nèi)容如下：

注意JS代碼的注釋方式。

css 文件就不寫了，本人美感太差，不想做。

最后FlaskDemopy的組成文件架構(gòu)如下：

4.Flask 文件接收

與manage.js的$.ajax函數(shù)中參數(shù)對(duì)應(yīng)，我們應(yīng)該將FlaskDemo.py變?yōu)槿缦?#xff1a;

運(yùn)行FlaskDemo.py文件，在瀏覽器地址輸入：127.0.0.1:5000，enter進(jìn)入。

如果上傳較大文件，可能時(shí)間較久，因此實(shí)驗(yàn)過(guò)程請(qǐng)勿上傳太大的文件。

歷史文件

公眾號(hào)關(guān)注

總結(jié)

以上是生活随笔為你收集整理的python flask 大文件 下载_python flask 建站之文件上传下载（一）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。