[python3.6 flask web学习]Flask模板引擎jinjia2

程序为了便于开发维护管理,通常表现层,控制层,业务逻辑层都是分开的。Flask框架也是这样的结构,Flask中的表现层中的模板中的占位符是采用的jiajin2引擎进行渲染的。

1.jinjia2模板引擎

一个jinjia2模板通常包含普通的html代码和占位变量,如下

<h1>hello, {{name}}</h1>

在渲染模板的时候,会把模板里面的占为变量替换为相应的值

from flask import Flask, render_template

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

jinjia2支持多种占为变量,例如列表,对象,字典,方法返回值等

<p> a value from dictionary {{mydict['key']}}</p>
<p>a value from list {{mylist[0]}}</p>
<p>a value from method {{myobj.method()}}</p>

同时jinjia2支持过滤器处理占为变量。例如输出的时候首字母大写hello,{{name|capitalize}}

其中capitalize为jinjia2的一个过滤器,作用是把首字母转换成大写,其他字母小写。更多过滤器详见http://jinja.pocoo.org/docs/templates/#builtin-filters


jinjia2提供if和for控制语句,

{% if user %}
       hello, {{name}}
{% else %}
       hello, stranger
{%endif%}
{% for name in mylist %}
    <span>{{name}}</span>
{% endfor %}

jinjia2对于宏的支持。宏类似于函数,定义了之后可以在其他地方直接调用。定义采用关键字macro

{% macro render_user(name) %}
        <a>{{name}}</a>
{% endmacro %}
<!--调用-->
<div>
     {% for name in mylist %}
             {{render_user(name)}}
</div>
 

如果有代码需要在其他多个模板中使用,可以单独定义在一个宏里面,然后在模板中{{% include 'common.html' %}}

jinjia2另外一个复用代码的方法就是模板继承。首先创建一个基类模板base.html

<html>
    <head> 
        {% block head %}
             <title>{% block title %}hehe{% endblock %}</title>
        {% endblock %}
    </head>
    <body>
         {% block body %}
         {% endblock %}
    </body>
</html>
这个基类模板定义了三个block,继承之后可以在子模板中修改这三个block内容

{% extends "base.html" %}
{% block title %}new title{% endblock %}
{% block head %}
        {{ super() }} 继承父模板的head的内容
        <style>
        </style>
{% endblock %}
{% block body %}
        <h1>new body</h1>
{% endblock %}

2.错误页面

jinjia2采用装饰器实现错误页面跳转

@app.errorhandler(404)
def page_not_found(e):
      return render_template('404.tml'), 404

3.模板中链接生成

jinjia2提供for_url()函数通过视图函数自动生成url链接

url_for("index", _external=True) #_external=True表示生成绝对路径,http://localhost:5000,如果不加则为 /

对于静态文件,Flask把他当作一个特殊的路由处理/static/<filename>,url_for('static', filename='css/styles.css', _external=True) 得到的结果是http://
localhost:5000/static/css/styles.css。


4.使用Flask-Moment模块本地化时间和日期

安装模块

pip install flask-moment
在模板中引入moment.js

{% block scripts %}
 {{super()}}
{{moment.include_moment()}}   
{% endblock %}


修改index视图函数,传入时间值

from datetime import datetime

@app.route("/")
def index():
     return render_template("index.html", current_time = datetime.utcnow())


修改模板文件显示时间

<p>The local date and time is {{ moment(current_time).format('LLL') }}.</p>
<p>That was {{ moment(current_time).fromNow(refresh=True) }}</p>

当然也可以自定义格式,详情见http://momentjs.com/docs/#/displaying/文档


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值