Flask学习 二 模板
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所有文件的基模版
bootstrap 中scripts和styles块如果想添加新内容,必须使用super()函数
{% block scripts %}
{{ super() }}
<script type="text/javascript" src = 'myscript.js'></script>
{% endblock %}
自定义错误页面
url_for()
url_for('index',_external=true) 返回绝对路径
base 模版添加icon图标
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)
<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学习 二 模板的更多相关文章
- [Flask]学习杂记--模板
这个学习杂记主要不是分享经验,更多是记录下falsk的体验过程,以后做东西在深入研究,因为django之前用的时间比较长,所以很多概念都是一看而过,做个试验了解下flask的功能. flask中使用是 ...
- flask 学习(二)
安装了flask扩展 以及flask-bootstrap 默认情况下,flask在template文件夹寻找模板. flask 加载的是Jinja2模板,该模板引擎在flask中由函数render_t ...
- flask学习(二):认识web
url详解: URL是Uniform Resource Locator 的简写,统一资源定位符 一个URL由以下及几部分组成: scheme://host:port/path/?query-strin ...
- web开发框架Flask学习二
jinja2模板规范 在当前项目中创建一个文件为templates的文件夹,将其设置为模板文件夹,新建的html为模板页面, 在视图函数中使用render_template(".html的文 ...
- Flask学习目录
目录 Flask学习初识 Flask学习二
- Flask 学习(二)jinja2模板介绍
控制语句和表达式 举例 Flask Python代码 from flask import Flask, render_template, redirect, request app = Flask(_ ...
- Python Flask学习笔记之模板
Python Flask学习笔记之模板 Jinja2模板引擎 默认情况下,Flask在程序文件夹中的templates子文件夹中寻找模板.Flask提供的render_template函数把Jinja ...
- Flask 学习篇二:学习Flask过程中的记录
Flask学习笔记: GitHub上面的Flask实践项目 https://github.com/SilentCC/FlaskWeb 1.Application and Request Context ...
- Flask 学习(三)模板
Flask 学习(三)模板 Flask 为你配置 Jinja2 模板引擎.使用 render_template() 方法可以渲染模板,只需提供模板名称和需要作为参数传递给模板的变量就可简单执行. 至于 ...
随机推荐
- LCT总结(LCT,Splay)
概念.性质简述 LCT(Link-Cut Tree),就是动态树的一种,用来维护一片森林的信息,滋磁的操作可多啦! 动态连边.删边 合并两棵树.分离一棵树(跟上面不是一毛一样吗) 动态维护连通性 维护 ...
- BZOJ 2969: 矩形粉刷(期望)
BZOJ 2969: 矩形粉刷(期望) 题意: 给你一个\(w*h\)的方阵,不断在上面刷格子.每次等概率选择方阵中的两个点(可以相同)将以这两个点为端点的矩形(边平行于矩形边界)进行染色.共染\(k ...
- 【BZOJ1006】神奇的国度(弦图)
[BZOJ1006]神奇的国度(弦图) 题面 BZOJ 题解 直接参考弦图的做法 #include<iostream> #include<cstdio> #include< ...
- 打造MacOS版“XShell”
1.背景 XShell作为一个强大的安全终端模拟软件,它支持SSH1, SSH2, 以及Microsoft Windows 平台的TELNET 协议.作为server端开发,几乎是必备工具了. 很多刚 ...
- Java微服务对UTC时间格式的处理
一.背景 先说一下为什么要使用UTC时间.开发一个全球化的系统,服务端(Java微服务)集中部署在同一个地方,用户在全球通过浏览器.手机客户端访问.不同地区的时区是不一样的,同一个时间戳,不同的用户看 ...
- LeetCode之Easy篇 ——(1)Two Sum
1.Two Sum Given an array of integers, return indices of the two numbers such that they add up to a s ...
- Tencent研发工程师笔试知识点
一: 32位编译器:32位系统下指针占用4字节 char :1个字节 char*(即指针变量): 4个字节(32位的寻址空间是2^32, 即32个bit,也就是4个字节.同 ...
- 01背包问题(Java实现)
关于背包问题,百度文库上有崔添翼大神的<背包九讲>,不明的请移步查看.这里仅介绍最基本的01背包问题的实现. public class Knapsack { private final i ...
- UML类图三
2. 依赖关系 依赖(Dependency)关系是一种使用关系,特定事物的改变有可能会影响到使用该事物的其他事物,在需要表示一个事物使用另一个事物时使用依赖关系.大多数情况下,依赖关系体现在某个类的 ...
- java正则匹配并提取字串
Pattern p = Pattern.compile("\\(.*\\)"); Matcher m = p.matcher("1.2.0(23)"); if( ...