flask中 宏定义, 加载CSS,过滤器

html-css015

flask中 宏定义, 加载CSS,过滤器,第1张

宏定义就是在html中写函数,然后调用函数的一种方法

{%from 'function.html' import show_stus%}

2种方法

safe:渲染标签

striptags:渲染之前去掉标签

trim:去掉空格

length:计算长度

first:第一个

last:最后一个

lower:全部小写

upper: 全部大写

capitalize:首字母大写

flask的静态文件是位于应用的 /static 中的

你可以直接在html 模板中引用该路径,如下:

<link href="/static/css/demo.css" rel="stylesheet" type="text/css" />

url_for 构造路径

当然,也可使用 url_for 构造,代码如  url_for("static",filename="css/demo.css")

更改上述代码及模板文件,再次运行并查看

当所有的结束时,用户通过单击页面顶部的注销链接注销,该链接向视图发送GET请求/logout:

@app.route('/logout', methods=['GET']) def logout():

session.pop('username', None)

flash('Logged out.')

return redirect(url_for('index'))

这username将从session对象中删除并将访问者带回主页。

以下内容是从本教程所基于的Flask教程中借用的(经过一些修改)。这是style.css位于的文件/blog/static。

body { font-family: sans-serifbackground: #eee}

a , h1 , h3 { color: #377ba8}

h1 , h2 , h3 { font-family: 'Georgia', serifmargin: 0}

h1 , h2 { border-bottom: 2px solid #eeepadding: 3px}

h3 { padding: 3px}

dd { display: blockmargin-left: 0px}

dl { font-weight: bold}

a :visited { color: #800080}

.page { margin: 2em autowidth: 35emborder: 5px solid #cccpadding: 0.8embackground: white}

.posts { list-style: nonemargin: 0padding: 0}

.posts li { margin: 0.8em 1.2em}

.posts li h2 { margin-left: -1em}

.metanav { text-align: rightfont-size: 0.8empadding: 0.3emmargin-bottom: 1embackground: #fafafa}

.flash { background: #cee5F5padding: 0.5emborder: 1px solid #aacbe2}

.error { background: #f0d6d6padding: 0.5em}