Jinjia2模板

紧接着上篇博客，接下去写if条件判断和for循环遍历以及过滤器

if条件判断

主app文件代码：

from flask import Flask,render_template

app = Flask(__name__)

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

def index(is_login):

    if is_login == '1':

        user = {

            'username':'hyq',

            'age':19

        }

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

    else:

        return render_template('index.html')

if __name__ == '__main__':

    app.run(debug=True)

index.html文件：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    {% if user and user.age > 18 %}

        <a href="#">{{ user.username }}</a>

        <a href="#">注销</a>

    {% else %}

        <a href="#">登录</a>

        <a href="#">注册</a>

    {% endif %}

</body>

</html>

### if判断：
1. 语法：
```
{% if xxx %}
{% else %}
{% endif %}
```
2. if的使用，可以和python中相差无几。

前端显示：

条件判断，简单的

for循环遍历

主app代码：

from flask import Flask,render_template

app = Flask(__name__)

# # for遍历字典

# @app.route('/')

# def index():

#     user = {

#         'username':'hyq',

#         'age':18

#     }

#     websites = ['baidu.com','google.com']

#     return render_template('index.html',user=user,websites=websites)

@app.route('/')

def index():

    books = [

        {

            'name':'西游记',

            'author':'吴承恩',

            'price':109

        },

        {

            'name': '水浒传',

            'author': '施耐庵',

            'price': 87

        },

        {

            'name': '红楼梦',

            'author': '曹雪芹',

            'price': 125

        },

        {

            'name': '三国演义',

            'author': '罗贯中',

            'price': 104

        }

    ]

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

if __name__ == '__main__':

    app.run(debug=True)

index.html代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

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

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

{#    {% endfor %}#}

{#    {% for website in websites %}#}

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

{#    {% endfor %}#}

<table>

    <thead>

        <th>书名</th>

        <th>作者</th>

        <th>价格</th>

    </thead>

    <tbody>

        {% for book in books %}

            <tr>

                <td>{{ book.name }}</td>

                <td>{{ book.author }}</td>

                <td>{{ book.price }}</td>

            </tr>

        {% endfor %}

    </tbody>

</table>

</body>

</html>

上面注释部分是字典和列表的遍历形式

### 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 %}
```

过滤器

主app文件代码：

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')

def index():

    comments = [

        {

        'user':'hyq',

        'content':'xxxx'

    },

        {

            'user': 'young',

            'content': 'xxxx'

        }

        ]

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

                           #avatar='http://img.bss.csdn.net/201707242137463745.jpg')

if __name__ == '__main__':

    app.run(debug=True)

index.html文件代码;

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')

def index():

    comments = [

        {

        'user':'hyq',

        'content':'xxxx'

    },

        {

            'user': 'young',

            'content': 'xxxx'

        }

        ]

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

                           #avatar='http://img.bss.csdn.net/201707242137463745.jpg')

if __name__ == '__main__':

    app.run(debug=True)

### 过滤器：
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)：计算一个长字符串中单词的个数。

Flask web开发之路五的更多相关文章

Flask web开发之路九
flask_scripts介绍项目结构如下: flask_script_demo.py文件: from flask import Flask app = Flask(__name__) @app.r ...
Flask web开发之路一
之前学过一段时间的flask,感觉还是挺好用的,自己的专利挖掘项目也想这个web框架来搭建,于是重新开始基础学习环境:win10,python3.6,pycharm2017,虚拟环境virtuale ...
Flask web开发之路十四
今天开始Flask的实战,创建一个项目,实现包括用户登录.注册.注销.发表博客.评论以及检索等功能首先给出项目结构: 1.config.py文件: 存放各种配置信息 import os # dial ...
Flask web开发之路十三
g对象 ### 保存全局变量的g属性:g:global1. g对象是专门用来保存用户的数据的.2. g对象在一次请求中的所有的代码的地方,都是可以使用的. 项目结构: g_demo.py文件代码: f ...
Flask web开发之路十二
ge请求和post请求 ### get请求和post请求:1. get请求: * 使用场景:如果只对服务器获取数据,并没有对服务器产生任何影响,那么这时候使用get请求. * 传参:get请求传参是放 ...
Flask web开发之路十一
首先写一下cookie和session的概念,然后是Flask中session的工作机制以及操作session ### cookie: 1. `cookie`出现的原因:在网站中,http请求是无状态 ...
Flask web开发之路十
首先介绍循环引用的问题: 当一个模块需要引用另一个模块的类,而另一个模块又需要引用这个模块的类时,就出现了循环引用,而没法导入类,这时候可以切断其中一条引用路径,增加一个模块项目结构: models ...
Flask web开发之路八
今天写Flask_SQLAlchemy的外键及其关系 ### Flask-SQLAlchemy外键及其关系: 主app文件代码: from flask import Flask from flask_ ...
Flask web开发之路七
今天写SQLAlchemy数据库首先介绍ORM的概念: ORM,Object类,Relationship:关系,Mapping:映射,也就是模型关系映射 flask-sqlalchemy是一套ORM ...

随机推荐

Spring Cloud Netflix Eureka源码导读与原理分析
Spring Cloud Netflix技术栈中,Eureka作为服务注册中心对整个微服务架构起着最核心的整合作用,因此对Eureka还是有很大的必要进行深入研究. 本文主要分为四部分,一是对项目构建 ...
解决Nginx的13: Permission denied) while connecting to upstream
一.问题做Nginx负载的时候,经常遇到这样的情况: // :: [crit] #: * connect() to failed (: Permission denied) while connec ...
【PMP】挣值分析
挣值分析(EVA):将实际进度和成本绩效与绩效测量基准进行比较. 1.名词解释 1.1 三个指标 PV [Plan value] 计划价值官方释义:为计划工作分配的经批准的预算,它是为完成某活动或 ...
Linux ext3/ext4数据恢复
2012年12月9日测试环境: Ubuntu 12.04 X86 +ext4 恢复文件使用的工具:extundelete(点击下载) 说明:当文件异常消失或者rm误删除后,避免在该分区中继 ...
11G新特性 -- Expression Statistics
当在查询中使用了function,返回值会受到影响. 比如: select count(*) from customers where lower(cust_state_province)='ca'; ...
Effective Java 第三版——53. 明智而审慎地使用可变参数
Tips 书中的源代码地址:https://github.com/jbloch/effective-java-3e-source-code 注意,书中的有些代码里方法是基于Java 9 API中的,所 ...
MVC通用控件库展示-MVC4.0+WebAPI+EasyUI+Knockout--SNF快速开发平台3.0
在我们开发中怎么才能提高效率,就是要有大量的公共组件(控件)可以直接使用而不用自己再开发一遍,既然是公共控件那也得简单实用才行.下面就介绍一下SNF-MVC当中的控件库. 总体控件库展示: 1.通用用 ...
改变R和Matlab的默认工作目录
在快捷方式上右键->属性->起始位置处填上你需要的默认工作目录即可
在Vue项目中使用vw实现移动端适配
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...
malloc()參数为0的情况
以下的代码片段输出是什么?为什么? char *ptr; ))==NULL) puts("Got a null pointer"); else puts("Got a v ...

Flask web开发之路五