Flask Web开发学习笔记(二)

本篇文章主要介绍模板的使用。

0.什么是模板

上篇敲的代码,业务逻辑和界面逻辑混杂在一块,不好理解和维护。为了让业务逻辑和界面逻辑分开,引入了模板这一概念。

模板是一个包含响应文本的文件,其中包含用占位变量表示的动态部分,其具体值只在请求的上下文中才能知道。

渲染:使用真实值替换变量,再返回最终得到的响应字符串,这一过程称为渲染。

为了渲染模板,Flask使用了一个名为Jinja2的强大模块引擎。

1.举个简单栗子

0.前提

创建虚拟环境
激活虚拟环境
安装flask

1.创建一个app.py文件,写入:

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/user/<name>')
def user(name):
return render_template('user.html',user=name)

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

解释下:

from flask import Flask,render_template 这句话,除了引入了Flask,还引入了 render_template

Flask 提供的 render_template 函数把 Jinja2 模板集成到了程序中。

render_template 函数,第1个参数是模板的文件名。随后的参数都是键值对,表示模板中变量对应的真实值。

render_template('user.html',user=name) user.html表示模板文件名,第2个参数:user=nameuser表示模板中的变量,name表示当前函数user(name)参数。

2.在app.py文件下创建同级别的templates文件夹

这里需要注明下必须是templates文件夹。默认情况下,Flask在程序文件夹中的templates子文件夹中寻找模板。

3.在templates文件夹下创建user.html,写入:

{% if user %}
<h1>Hello {{ user }}!</h1>
{% else %}
<h1>Hello stranger!</h1>
{% endif %}

解释下:

{{ user }}结构表示一个变量,它是一个特殊的占位符,告诉模板引擎这个位置的值从渲染。

{% if user %}结构,我理解的时表示一种逻辑,记住除了变量{{name}}外都用这个。

4.运行

python app.py

在浏览器中输入:http://localhost:5000/user/Tom,得到结果:Hello Tom!

2.控制结构

0.if else控制结构

{% if user %}
<h1>Hello {{ user }}!</h1>
{% else %}
<h1>Hello stranger!</h1>
{% endif %}

1.for循环

<ul>
{% for name in names %}
<li>{{ name }}</li>
{% endfor %}
</ul>

解释下:

names是个数组变量如:[tom,sam,jim]

2.宏

{% macro render_name(name) %}
<li>{{ name }}</li>
{% endmacro %}

<ul>
{% for name in names %}
{{ render_name(name) }}
{% endfor %}
</ul>

解释下:

什么是宏,听起来挺吓人的。这里的宏类似于Python代码中的函数。

{% macro render_name(name) %}定义一个render_name

{{ render_name(name) }}调用这个宏 注意是{{ }}结构

3.模板继承

先看下代码:

0.创建一个base.html

<html>
<head>
{% block head %}
<title>{% block title %}{% endblock %} —— 一个简单Demo</title>
{% endblock  %}
</head>
<body>
{% block body %}{% endblock %}
</body>
</html>

1.创建一个page.html 继承 base.html

{% extends 'base.html' %}
{% block title %} 测试下 {% endblock  %}
{% block head %}
{{ super()  }}
<style></style>
{% endblock %}
{% block body  %}
<h1>hello world</h1>
{% endblock %}

解释下:

什么是模板继承?它类似于Python代码中的类继承。

base.html 为基模板。定义了名为head、title和body的块。注意,title包含在head中。

page.html 为衍生模板。{% extends 'base.html' %}衍生自base.html

注意定义的head块,在基模板中其内容不是空的,所以使用```{{ super() }}``获取原先的内容。

OK,这就是所谓的模板。说些题外话:学习一门语言,自认为会默写就OK啦,这和将学到的东西整理成一篇文章,完全是两码事。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容