Flask渲染Jinja2模板和传参

### Flask渲染Jinja2模板和传参:

1. 如何渲染模板:

    * 模板放在`templates`文件夹下

    * 从`flask`中导入`render_template`函数。

    * 在视图函数中,使用`render_template`函数,渲染模板。注意:只需要填写模板的名字,不需要填写`templates`这个文件夹的路径。

2. 模板传参:

    * 如果只有一个或者少量参数,直接在`render_template`函数中添加关键字参数就可以了。

    * 如果有多个参数的时候,那么可以先把所有的参数放在字典中,然后在`render_template`中,

    使用两个星号,把字典转换成关键参数传递进去,这样的代码更方便管理和使用。

3. 在模板中,如果要使用一个变量,语法是:`{{params}}`

4. 访问模型中的属性或者是字典,可以通过`{{params.property}}`的形式,或者是使用`{{params['age']}}`.


### 过滤器:

1. 介绍和语法:

    * 介绍:过滤器可以处理变量,把原始的变量经过处理后再展示出来。作用的对象是变量。

    * 语法:

        ```

        {{ avatar|default('xxx') }}

        ```

2. default过滤器:如果当前变量不存在,这时候可以指定默认值。

3. length过滤器:求列表或者字符串或者字典或者元组的长度。

4. 常用的过滤器:

    abs(value):返回一个数值的绝对值。示例:-1|abs

    default(value,default_value,boolean=false):如果当前变量没有值,则会使用参数中的值来代替。示例:name|default('xiaotuo')——如果name不存在,则会使用xiaotuo来替代。boolean=False默认是在只有这个变量为undefined的时候才会使用default中的值,如果想使用python的形式判断是否为false,则可以传递boolean=true。也可以使用or来替换。

    escape(value)或e:转义字符,会将<、>等符号转义成HTML中的符号。示例:content|escape或content|e。

    first(value):返回一个序列的第一个元素。示例:names|first

    format(value,*arags,**kwargs):格式化字符串。比如:


      {{ "%s" - "%s"|format('Hello?',"Foo!") }}

      将输出:Helloo? - Foo!

    last(value):返回一个序列的最后一个元素。示例:names|last。


    length(value):返回一个序列或者字典的长度。示例:names|length。

    join(value,d=u''):将一个序列用d这个参数的值拼接成字符串。

    safe(value):如果开启了全局转义,那么safe过滤器会将变量关掉转义。示例:content_html|safe。

    int(value):将值转换为int类型。

    float(value):将值转换为float类型。

    lower(value):将字符串转换为小写。

    upper(value):将字符串转换为小写。

    replace(value,old,new): 替换将old替换为new的字符串。

    truncate(value,length=255,killwords=False):截取length长度的字符串。

    striptags(value):删除字符串中所有的HTML标签,如果出现多个空格,将替换成一个空格。

    trim:截取字符串前面和后面的空白字符。

    string(value):将变量转换成字符串。

    wordcount(s):计算一个长字符串中单词的个数。


### if判断:

1. 语法: 

    ```

    {% if xxx %}

    {% else %}

    {% endif %}

    ```

2. if的使用,可以和python中相差无几。


### for循环遍历列表和字典:

1. 字典的遍历,语法和`python`一样,可以使用`items()`、`keys()`、`values()`、`iteritems()`、`iterkeys()`、`itervalues()`

    ```

    {% for k,v in user.items() %}

        <p>{{ k }}:{{ v }}</p>

    {% endfor %}

    ```

2. 列表的遍历:语法和`python`一样。

    ```

    {% for website in websites %}

        <p>{{ website }}</p>

    {% endfor %}

    ```


### 继承和block:

1. 继承作用和语法:

    * 作用:可以把一些公共的代码放在父模板中,避免每个模板写同样的代码。

    * 语法:

        ```

        {% extends 'base.html' %}

        ```

2. block实现:

    * 作用:可以让子模板实现一些自己的需求。父模板需要提前定义好。

    * 注意点:字模板中的代码,必须放在block块中。


### url链接:使用`url_for(视图函数名称)`可以反转成url。


### 加载静态文件:

1. 语法:`url_for('static',filename='路径')`

2. 静态文件,flask会从`static`文件夹中开始寻找,所以不需要再写`static`这个路径了。

3. 可以加载`css`文件,可以加载`js`文件,还有`image`文件。

    ```

    第一个:加载css文件

    <link rel="stylesheet" href="{{ url_for('static',filename='css/index.css') }}">

    第二个:加载js文件

    <script src="{{ url_for('static',filename='js/index.js') }}"></script>

    第三个:加载图片文件

    <img src="{{ url_for('static',filename='images/zhiliao.png') }}" alt="">

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,598评论 18 139
  • ORA-00001: 违反唯一约束条件 (.) 错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常。 O...
    我想起个好名字阅读 5,171评论 0 9
  • 有个故事说:从前有个小王国,这个王国里有一个聪明又有才智的宰相很受国王的器重。这个宰相有句口头禅,就是无论发生什么...
    成晓阅读 3,863评论 0 8
  • MSc TESOL: Teaching English to Speakers of Other Language...
    富富菌阅读 79评论 0 0
  • 你的中心力量是红月亮,指引力量红地球,挑战力量蓝风暴,支持力量白狗,推动力黄人。你是超频的红月亮,代表地球的水,宇...
    amandaguo阅读 327评论 0 0