jinja2模版

from flask import Flask,render_template

app = Flask (__name__)

@app.route ('/<name>')

def index(name):

    return render_template('index.html',name=name)

@app.route ('/user/<name>')

def user(name):

    return render_template('user.html',name=name)

if __name__ == '__main__':

    app.run (debug=True)
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

Hello! {{ name|capitalize }}

</body>

</html>

jinja2 能识别所有类型的变量，比如列表，字典，对象

<p>{{ mylist[3]}}</p>

<p>{{ mydict['key']}}</p>

<p>{{ mylist['key']}}</p>

<p>{{ myobj.somemethod() }}</p>

过滤器

safe    渲染值时不转义

capitalize 把值的首字母转换成大写，其他字母小写

lower      把值转换成小写形式

upper     把值转换成大写形式

title       把值中每个单词的首字母变成大写

trim      把值的首尾空格去掉

striptags  渲染之前把所有的HTML标签都删除

控制结构

if条件控制

{% if user %}

    hello {{ user }}

{% else %}

    hello,stranger!

{% endif %}
for 循环
<ul>

    {% for comment in comments %}

        <li>{{ comment }}</li>

    {% endfor %}

</ul>

宏（函数）

{% macro render_comment(comment) %} #声明一个宏（函数）

    <li>{{ comment }}</li>    # return 值

{% endmacro %}  #结束

<ul>

    {% for comment in comments %}

        {{ render_comment(comment) }}  #调用宏

    {% endfor %}

</ul>

导入宏

{% import 'macros.html' as macros %}

<ul>

    {% for comment in comments %}

        {{ macros.render_comment(comment) }}

    {% endfor %}

</ul>

模版继承

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    {% block head %}

    <title>{% block title %}{% endblock %}- my application</title>

    {% endblock %}

</head>

<body>

{% block body %}

{% endblock %}

</body>

</html>

base html

{% extends 'base.html' %}

{% block title %}Index{% endblock %}

{% block head %}

    {{ super() }}

    <style>

    </style>

{% endblock %}

{% block body %}

    <h1>hello,world!</h1>

{% endblock %}

index html

使用flask-bootstrap 集成Bootstrap

pip install flask-bootstrap

安装后即可继承使用Bootsftrap所有文件的基模版

app
user.html

bootstrap 中scripts和styles块如果想添加新内容，必须使用super()函数

{% block scripts %}

    {{ super() }}

    <script type="text/javascript" src = 'myscript.js'></script>

{% endblock %}

自定义错误页面

app
base.html
404

url_for()

url_for('index',_external=true) 返回绝对路径

base 模版添加icon图标

添加ico图标

falsk-moment本地化日期和时间

pip install flask-moment

from flask_moment import Moment

from datetime import datetime

moment = Moment(app)

@app.route ('/')

def index1():

    return render_template('index.html',current_time = datetime.utcnow())

if __name__ == '__main__':

    app.run (debug=True)
base.html
<p>本地时间和日期是{{ moment(current_time).format('LLL') }}</p>

 <p>那是{{ moment(current_time).fromNow(refresh=True) }}</p>

format('LLL')对应的不同复杂度

fromNow会显示相对时间戳

flask-moment 包含format（）、fromNow（）、fromTime()、calendar()、valueOf()、unix()

常用格式化参数

设置语言

<!--使用中文,默认是英语的-->

{{ moment.lang("zh-CN") }} 

在模版中渲染,如:
<p>现在时间时: {{ moment().format('YYYY年M月D日, hh:mm:ss a') }}.</p>
hh:mm:ss 12小时制，
HH:mm:ss 24小时制
<p>已经过去了: {{ moment().fromTime(time) }}.</p> <p>{{ moment().calendar() }}.</p>

结果
现在时间时: 2015年4月22日, 10:06:33 上午.

已经过去了: 21年内.

今天上午10点06.

Flask学习 二 模板的更多相关文章

  1. [Flask]学习杂记--模板

    这个学习杂记主要不是分享经验,更多是记录下falsk的体验过程,以后做东西在深入研究,因为django之前用的时间比较长,所以很多概念都是一看而过,做个试验了解下flask的功能. flask中使用是 ...

  2. flask 学习(二）

    安装了flask扩展 以及flask-bootstrap 默认情况下,flask在template文件夹寻找模板. flask 加载的是Jinja2模板,该模板引擎在flask中由函数render_t ...

  3. flask学习(二)：认识web

    url详解: URL是Uniform Resource Locator 的简写,统一资源定位符 一个URL由以下及几部分组成: scheme://host:port/path/?query-strin ...

  4. web开发框架Flask学习二

    jinja2模板规范 在当前项目中创建一个文件为templates的文件夹,将其设置为模板文件夹,新建的html为模板页面, 在视图函数中使用render_template(".html的文 ...

  5. Flask学习目录

    目录 Flask学习初识 Flask学习二

  6. Flask 学习（二）jinja2模板介绍

    控制语句和表达式 举例 Flask Python代码 from flask import Flask, render_template, redirect, request app = Flask(_ ...

  7. Python Flask学习笔记之模板

    Python Flask学习笔记之模板 Jinja2模板引擎 默认情况下,Flask在程序文件夹中的templates子文件夹中寻找模板.Flask提供的render_template函数把Jinja ...

  8. Flask 学习篇二：学习Flask过程中的记录

    Flask学习笔记: GitHub上面的Flask实践项目 https://github.com/SilentCC/FlaskWeb 1.Application and Request Context ...

  9. Flask 学习（三）模板

    Flask 学习(三)模板 Flask 为你配置 Jinja2 模板引擎.使用 render_template() 方法可以渲染模板,只需提供模板名称和需要作为参数传递给模板的变量就可简单执行. 至于 ...

随机推荐

  1. 【Spring源码分析】AOP源码解析（下篇）

    AspectJAwareAdvisorAutoProxyCreator及为Bean生成代理时机分析 上篇文章说了,org.springframework.aop.aspectj.autoproxy.A ...

  2. 未来已来，腾讯AI计算网络

    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 作者:由鹅厂网事发表在云+社区 ＂鹅厂网事＂由深圳市腾讯计算机系统有限公司技术工程事业群网络平台部运营,我们希望与业界各位志同道合的伙伴交流 ...

  3. Word 2007 封面、目录和正文页码单独设置

    word 2007 生成目录比较简单,即使不会,也可以百度,很快就能弄好.现在有如下需求: 1.封面去掉页码 2.目录页码从1开始,页码在页脚底部中间位置,格式为[1] 3.正文也从1开始,页码在页脚 ...

  4. Micropython TurnipBit 青少年入门编程 交通灯实验

    不知道大家小时候对红绿灯的原理有什么研究过,我是农村的孩子直到初中才见到真实的红绿灯,当时我记得很清楚,在那个路口站了五六分钟就盯着红绿灯变换,搞不清原理,只觉得神奇.现在想来实在可笑,今天写这个的很 ...

  5. Django高级部分

    Django高级部分 1.上传图片: 当Django在处理文件上传的时候,文件数据被保存在request.FILES,FILES中的每个键为<input type="file" ...

  6. 从头编写asp.net core 2.0 web api 基础框架 (5) + 使用Identity Server 4建立Authorization Server (7) 可运行前后台源码

    前台使用angular 5, 后台是asp.net core 2.0 web api + identity server 4. 从头编写asp.net core 2.0 web api 基础框架: 第 ...

  7. OpenStack Paste.ini详解(二)

    接着OpenStack Paste.ini详解(一),接下来就分析request被paste.ini处理的流程 WSGI server接收到URL形式的request时,这些request首先会被Pa ...

  8. 深度揭秘腾讯云TSF日调用量超万亿次背后技术架构

    腾讯云TSF是整合外部开源框架和腾讯内部历经多年锤炼的PaaS平台打造而成的企业级分布式应用服务开发与托管平台,本文重点对TSF中负责服务托管的PaaS平台进行揭秘,从技术角度解析TSF 平台是如何每 ...

  9. linux学习之路－－（三）文件系统

    一.文件系统 rootfs:根文件系统 FHS:linux /boot:系统启动相关的文件,如内核.initrd,grub(bootloader) /dev:设备文件:不存储内容,就是个访问入口 块设 ...

  10. IE 兼容 getElementsByClassName

    getElementsByClassName 通过class获取节点,是很多新人练习原生JS都用到的,项目中也会写,当项目进行到一定程度时,测试IE低版本,忽然发现不支持的时候,瞬间感觉整个人都不好了 ...