Flask第二天

靜態(tài)文件

  動態(tài)的 web 應用同樣需要靜態(tài)文件。CSS 和 JavaScript 文件通常來源于此酬姆。理想情況下鲸拥, 你的 web 服務器已經(jīng)配置好為它們服務仑乌,然而在開發(fā)過程中 Flask 能夠做到绅喉。 只要在你的包中或模塊旁邊創(chuàng)建一個名為 static 的文件夾足陨,在應用中使用 /static 即可訪問缩焦。

給靜態(tài)文件生成 URL 读虏,使用特殊的 'static' 端點名:url_for('static', filename='style.css'),這個文件應該存儲在文件系統(tǒng)上稱為 static/style.css袁滥。

模板

jinjia2為了防止跨站點腳本攻擊盖桥,出于安全考慮將參數(shù)值作為字符串,例如:
app.py

def hello_world():
    return render_template('index.html', title='<h1>Welcome!</h1>')

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{{ url_for('static',filename='site.css') }}">
</head>
<body>
    {{ title }}
    <a href="{{ url_for('.services') }}">services</a>
    <a href="{{ url_for('.about') }}">about</a>
</body>
</html>
Paste_Image.png

如果要顯示正常結(jié)果题翻,需做如下修改:

{% autoescape false %}
    {{ title }}
{% endautoescape %}

或者:

{{ title|safe }}

則結(jié)果顯示為:

Paste_Image.png

第二種方法就是Flask的Jinja2模板引擎 — 過濾器,也可以自定義markdown過濾器:
demo01.py

@app.template_filter('md')
def markdown_to_html(txt):
    from markdown import markdown
    return markdown(txt)

@app.route('/')
def index():
    response = make_response(render_template('index.html', title='<h1>Welcome!</h1>',body = '##header2'))

index.html
···
{{ body | md | safe }}
···

模板的繼承--包含和宏

在模板中定義好html的格式揩徊,在子頁面中重寫

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市嵌赠,隨后出現(xiàn)的幾起案子塑荒,更是在濱河造成了極大的恐慌,老刑警劉巖姜挺,帶你破解...
    沈念sama閱讀 218,525評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件齿税,死亡現(xiàn)場離奇詭異,居然都是意外死亡炊豪,警方通過查閱死者的電腦和手機凌箕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評論 3 395
  • 文/潘曉璐 我一進店門拧篮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人牵舱,你說我怎么就攤上這事串绩。” “怎么了仆葡?”我有些...
    開封第一講書人閱讀 164,862評論 0 354
  • 文/不壞的土叔 我叫張陵赏参,是天一觀的道長。 經(jīng)常有香客問我沿盅,道長把篓,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,728評論 1 294
  • 正文 為了忘掉前任腰涧,我火速辦了婚禮韧掩,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘窖铡。我一直安慰自己疗锐,他們只是感情好,可當我...
    茶點故事閱讀 67,743評論 6 392
  • 文/花漫 我一把揭開白布费彼。 她就那樣靜靜地躺著滑臊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪箍铲。 梳的紋絲不亂的頭發(fā)上雇卷,一...
    開封第一講書人閱讀 51,590評論 1 305
  • 那天,我揣著相機與錄音颠猴,去河邊找鬼关划。 笑死,一個胖子當著我的面吹牛翘瓮,可吹牛的內(nèi)容都是我干的贮折。 我是一名探鬼主播,決...
    沈念sama閱讀 40,330評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼资盅,長吁一口氣:“原來是場噩夢啊……” “哼调榄!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起呵扛,我...
    開封第一講書人閱讀 39,244評論 0 276
  • 序言:老撾萬榮一對情侶失蹤振峻,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后择份,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體扣孟,經(jīng)...
    沈念sama閱讀 45,693評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,885評論 3 336
  • 正文 我和宋清朗相戀三年荣赶,在試婚紗的時候發(fā)現(xiàn)自己被綠了凤价。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸽斟。...
    茶點故事閱讀 40,001評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖利诺,靈堂內(nèi)的尸體忽然破棺而出富蓄,到底是詐尸還是另有隱情,我是刑警寧澤慢逾,帶...
    沈念sama閱讀 35,723評論 5 346
  • 正文 年R本政府宣布立倍,位于F島的核電站,受9級特大地震影響侣滩,放射性物質(zhì)發(fā)生泄漏口注。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,343評論 3 330
  • 文/蒙蒙 一君珠、第九天 我趴在偏房一處隱蔽的房頂上張望寝志。 院中可真熱鬧,春花似錦策添、人聲如沸材部。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,919評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽乐导。三九已至,卻和暖如春浸颓,著一層夾襖步出監(jiān)牢的瞬間兽叮,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,042評論 1 270
  • 我被黑心中介騙來泰國打工猾愿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人账阻。 一個月前我還...
    沈念sama閱讀 48,191評論 3 370
  • 正文 我出身青樓蒂秘,卻偏偏與公主長得像,于是被迫代替她去往敵國和親淘太。 傳聞我的和親對象是個殘疾皇子姻僧,可洞房花燭夜當晚...
    茶點故事閱讀 44,955評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 22年12月更新:個人網(wǎng)站關(guān)停,如果仍舊對舊教程有興趣參考 Github 的markdown內(nèi)容[https://...
    tangyefei閱讀 35,184評論 22 257
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理蒲牧,服務發(fā)現(xiàn)撇贺,斷路器,智...
    卡卡羅2017閱讀 134,657評論 18 139
  • 第三章 模板 序 為什么要分離 易于維護的代碼冰抢,關(guān)鍵在于保持簡單的結(jié)構(gòu)松嘶。而我們之前編寫的hello.py雖然簡單,...
    科幻經(jīng)典閱讀 1,535評論 0 6
  • 第三章 模板(Templates) 編寫易于維護的程序的要點在于書寫干凈挎扰、良好結(jié)構(gòu)的代碼翠订。你以前所見的代碼都過于...
    易木成華閱讀 1,135評論 0 2
  • 仔細看看了自己在簡書上寫的文字巢音,超級驚訝的發(fā)現(xiàn),每一篇我都在抱怨尽超! 再翻翻自己的各種社交軟件官撼,我發(fā)現(xiàn)最開始我是用...
    梅教主閱讀 226評論 6 0