[譯]Flask教程--靜態(tài)文件

sf190404 發(fā)布于2019-07-30 14:43 / 1351人閱讀

摘要：一個(gè)應(yīng)用經(jīng)常需要或之類的靜態(tài)文件來(lái)幫助網(wǎng)頁(yè)更好的展示內(nèi)容通常服務(wù)器被用來(lái)提供這種靜態(tài)文件服務(wù)但在程序的開(kāi)發(fā)階段這些文件需要被放置在應(yīng)用根目錄下的文件夾中啟動(dòng)后使用時(shí)前綴以開(kāi)頭在下面的例子中文件中定義了一個(gè)函數(shù)這個(gè)函數(shù)在中可以被一個(gè)按鈕的事件

一個(gè)web應(yīng)用經(jīng)常需要javascript或css之類的靜態(tài)文件來(lái)幫助網(wǎng)頁(yè)更好的展示內(nèi)容. 通常, web服務(wù)器被用來(lái)提供這種靜態(tài)文件服務(wù), 但在Flask程序的開(kāi)發(fā)階段, 這些文件需要被放置在Flask應(yīng)用根目錄下的static文件夾中, 啟動(dòng)后使用時(shí)url前綴以/static開(kāi)頭.

在下面的例子中, hello.js文件中定義了一個(gè)javascript函數(shù), 這個(gè)函數(shù)在index.html中可以被一個(gè)按鈕的OnClick事件觸發(fā). 而這個(gè)Flask應(yīng)用在被訪問(wèn)到"/" url時(shí)將index.html渲染.

from flask import Flask, render_template
app = Flask(__name__)

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

if __name__ == "__main__":
   app.run(debug = True)

index.html如下:

hello.js如下:

function sayHello() {
   alert("Hello World")
}

GPU云服務(wù)器云服務(wù)器服務(wù)器上編譯.f文件 flask 接收文件服務(wù)器 flask服務(wù)器文件上傳云靜態(tài)文件

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/40881.html

相關(guān)文章

[譯]Flask教程-模版

摘要：我們可以讓綁定到某個(gè)的函數(shù)返回比如下面的代碼中函數(shù)會(huì)返回由包裹的字符串但大家看得出這樣直接通過(guò)代碼返回內(nèi)容顯得很笨尤其當(dāng)我們碰到需要對(duì)輸入變量做條件判斷和循環(huán)時(shí)我們經(jīng)常需要做字符串嵌入拼接這種體力活這種情況下我們需要利用自帶的模版引擎我們可我們可以讓綁定到某個(gè)URL的函數(shù)返回HTML. 比如下面的代碼中, hello()函數(shù)會(huì)返回由包裹的Hello World字符串. from fl...

jifei 2019-07-30 14:44 評(píng)論0 收藏0
[譯]如何使用Flask開(kāi)發(fā)一個(gè)增刪改查的應(yīng)用

摘要：教程譯文首發(fā)自我的博客我們將創(chuàng)建一個(gè)簡(jiǎn)單的數(shù)據(jù)庫(kù)驅(qū)動(dòng)的筆記本應(yīng)用。本教程面向想學(xué)習(xí)如何使用開(kāi)發(fā)網(wǎng)站或者應(yīng)用的初學(xué)者。在剛創(chuàng)建的文件中，創(chuàng)建一個(gè)名為的文件。現(xiàn)在，我們將創(chuàng)建一個(gè)函數(shù)，并且使用裝飾器將它綁定到一個(gè)上。 showImg(https://segmentfault.com/img/remote/1460000006765797); 教程譯文首發(fā)自我的博客:Defshines Bl...

tianlai 2019-07-31 11:42 評(píng)論0 收藏0
[譯]Flask教程--請(qǐng)求對(duì)象

摘要：在中，頁(yè)面發(fā)送過(guò)來(lái)的請(qǐng)求到了服務(wù)器這邊，被轉(zhuǎn)換成為一個(gè)全局請(qǐng)求對(duì)象。我們?yōu)榱颂幚磉@個(gè)請(qǐng)求對(duì)象，需要從包中引用它。這個(gè)請(qǐng)求對(duì)象重要的屬性如下這個(gè)字典對(duì)象的鍵值對(duì)分別代表請(qǐng)求中表單的參數(shù)和值。在Flask中，web頁(yè)面發(fā)送過(guò)來(lái)的請(qǐng)求到了服務(wù)器這邊，被轉(zhuǎn)換成為一個(gè)全局請(qǐng)求對(duì)象。我們?yōu)榱颂幚磉@個(gè)請(qǐng)求對(duì)象，需要從Flask包中引用它。這個(gè)請(qǐng)求對(duì)象重要的屬性如下： form 這個(gè)字典對(duì)象的鍵...

鄒強(qiáng) 2019-07-30 14:43 評(píng)論0 收藏0
[譯]如何使用Flask開(kāi)發(fā)一個(gè)增刪改查的應(yīng)用(part2)

摘要：獲取成為開(kāi)發(fā)專家的技巧。我們可以在兩個(gè)文本框輸入筆記的標(biāo)題和內(nèi)容。在本教程中，我們將使用一個(gè)名為的工具。它是一個(gè)火狐瀏覽器的擴(kuò)展，我們可以使用它管理數(shù)據(jù)庫(kù)。安裝，打開(kāi)火狐瀏覽器，點(diǎn)擊，然后點(diǎn)找到的文件夾圖標(biāo)并點(diǎn)擊它。 showImg(https://cdn-images-1.medium.com/max/600/1*Ou6FFJJD3zhcIUU8wBZqIw.png); 教程譯文首發(fā)...

adam1q84 2019-07-31 11:43 評(píng)論0 收藏0
[譯]Flask教程--重定向與錯(cuò)誤

摘要：類有一個(gè)方法當(dāng)我們調(diào)用它時(shí)它會(huì)返回一個(gè)響應(yīng)對(duì)象并且按指定的狀態(tài)碼將用戶重定向到另一個(gè)位置方法的原型如下在上面的函數(shù)中我們要重定向的位置狀態(tài)碼會(huì)在頭中發(fā)送給瀏覽器默認(rèn)為用這個(gè)參數(shù)來(lái)初始化響應(yīng)對(duì)象下面是一些標(biāo)準(zhǔn)的狀態(tài)碼重定向的狀態(tài)碼默認(rèn)是也就是 Flask類有一個(gè)redirect()方法. 當(dāng)我們調(diào)用它時(shí), 它會(huì)返回一個(gè)響應(yīng)對(duì)象并且按指定的狀態(tài)碼將用戶重定向到另一個(gè)位置. redirect...

leap_frog 2019-07-30 14:45 評(píng)論0 收藏0