一：渲染模板

app.run(debug=True)  开启debug模式，flask框架自动提示错误提示的页面显示。

视图函数

from flask import Flask

from flask import request

from flask import redirect

from flask.ext.script import Manager

from flask import render_template

app = Flask(__name__)

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

def user_name(name):

    return render_template("user.html", name=name)  # 第一个name是html中的占位符，第二个name是函数的形参

if __name__ == "__main__":

    app.run()

前端模板

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    // 这里必须和大括号之间空一个空格

    <h1>hello,{{ name|capitalize }}!</h1>

    <h1>hello,{{ name|capitalize }}!</h1>

</body>

</html>

访问 127.0.0.1:5000/user/zhang 显示：

二：模板变量

　　前端里面的{{ name }} 就是一个占位符，@app.route("/user/<name>")  name是一个可变可接受的参数，浏览器传递给视图函数，视图函数通过形参，传给给模板，模板再传递给user.html中的name展位符。

　　

三：控制结构

@app.route("/user/<id>")

def user_name(id):

    if id == "":

        info = {"name":"zhang"}

    　　 return render_template("user.html", user=info)
　　 else:
　　　　return "不符合"
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    {% if user %}  # if 语句

        Hello,{{ user }}!  # 变量占位符

    {% else %} # else语句

        Hello,Strange!

    {% endif %}  # 结束if语句

</body>

</html>

输入：127.0.0.1:5000/user/1显示：

输入：127.0.0.1:5000/user/2显示：

四：循环结构

　　满足条件后，给jinjin2模板传递列表，进行循环遍历

@app.route("/user/<id>")

def user_name(id):

    if id == "":

        li = ["zhang","wang","li","zhao"]

        return render_template("user.html",comments=li)

    else:

        return "不符合"
<ul>

    {% for comment in comments %}

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

    {% endfor %}

</ul>

需求：把 zhang变成红色，wang变成橙色，li变成黄色，zhao变成绿色。类似于下图的样子

<ul>

    {% for comment in comments %}

        {% if loop.index == 1 %}

            <li style="background: red">{{ comment }}</li>

        {%endif%}

        {% if loop.index == 2 %}

            <li style="background: blue">{{ comment }}</li>

        {%endif%}

        {% if loop.index == 3 %}

            <li style="background: yellow">{{ comment }}</li>

        {%endif%}

        {% if loop.index == 4 %}

            <li style="background: green">{{ comment }}</li>

        {%endif%}

    {% endfor %}

</ul>

小技巧：

五：宏

六：抽取

flask之jinjia2模板的更多相关文章

  1. flask中jinjia2模板引擎详解4

    接上文 For循环 和其它编程语言一样,for用来编辑列表中的项.下面以一个例子来说明for在flask的jinjia2模板中的使用. 创建一个模板list.html 代码如下{% extends & ...

  2. flask中jinjia2模板引擎使用详解1

    在之前的文章中我们介绍过flask调用jinja2模板的基本使用,这次我们来说一下jinjia2模板的使用 Jinja2 在其是一个 Python 2.4 库之前,被设计 为是灵活.快速和安全的. 模 ...

  3. flask之jinjia2模板语言

    flask_jinjia2.py ''' flask中的jinjia2模板语言(和django中模板类似): (1)模板变量{{ }} (2)模板标签{% %} ①for循环遍历 {% for foo ...

  4. flask中jinjia2模板使用详解2

    接上文 注释的使用 在jinjia2模板中,使用{# #}进行代码注释,如下所示 运行后发现,注释不会被render出来 去掉空行 两种方法可以去掉jinjia2模板中的空白行,一是设置jinjia2 ...

  5. flask中jinjia2模板引擎详解3

    接上文 模板继承 Jinji2中的模板继承是jinjia2比较强大的功能之一. 模板继承可以定义一个父级公共的模板,把同一类的模板框架定义出来共享. 这样做一方面可以提取共享代码,减少代码冗余和重复的 ...

  6. flask之jinjia2模板(二)

    1.1.模板传参 (1)主程序 from flask import Flask,render_template app = Flask(__name__) @app.route('/') def he ...

  7. flask中jinjia2模板引擎使用详解5

    接上文 宏 可以理解为函数,即把一些常用的模板片段做好封装,以便于重用,减少工作量和维护难度. 宏的定义很简单: {%macro xxx()%} ##这里写内容 {%endmacro%}   下面引用 ...

  8. 7、Flask实战第7天：Jinjia2模板

    Jinja2模板介绍和查找路径 在前面的章节中,视图只是直接返回文本,然而在实际生产环境中其实很少这样用,因为实际的页面大多带有样式和复杂逻辑的HTML代码,这可以让浏览器其渲染出非常漂亮的页面. 我 ...

  9. [Python自学] Flask框架 (1) (Flask介绍、配置、Session、路由、请求和响应、Jinjia2模板语言、视图装饰器)

    oldboy:s9day114 参考博客:https://www.cnblogs.com/wupeiqi/articles/7552008.html 一.Flask简介 1.安装Flask pip i ...

随机推荐

  1. Java继承和多态-Static关键字

    1. 什么是Static 关键字? Static 能够与变量,方法和类一起使用,称为静态变量,静态方法.如果在一个类中使用static修饰变量或者方法的话,它们可以直接通过类访问,不需要创建一个类的对 ...

  2. Spring Data JPA开发中遇到的问题1：org.hibernate.hql.internal.ast.QuerySyntaxException: DispatchShift is not mapped

    org.hibernate.hql.internal.ast.QuerySyntaxException: T_D_SHIFT_DISPATCH is not mapped 错误原因: 没有映射到表,经 ...

  3. 利用Javascript解决HTML大数据列表引起的网页加载慢/卡死问题。

    在一些网页应用中,有时会碰到一个超级巨大的列表,成千上万行,这时大部份浏览器解析起来就非常痛苦了(有可能直接卡死). 也许你们会说可以分页或动态加载啊?但是有可能需求不允许分页,动态加载?网络的延迟也 ...

  4. Basic Model Theory of XPath on Data Trees

    w https://openproceedings.org/2014/conf/icdt/FigueiraFA14.pdf From a database perspective, however, ...

  5. URL里的分号';'一定要编码为%3b!!!!

    http://en.wikipedia.org/wiki/Query_string The series of pairs is separated by the ampersand, '&' ...

  6. 测开之路一百二十三：快速搭建python虚拟环境

    前提:已装好python3.4+且环境可正常运行 一:手动搭建: 准备好一个工作目录 管理员运行cmd,进入到准备的目录里面 执行命令:python -m venv 虚拟环境名 激活虚拟环境(在ven ...

  7. java中java.util.Date和java.sql.Date之间的关系和使用选择

    关系: java.util.Date是java.sql.Date的父类 区别:(java.sql.Date包含年月日信息,java.util.Date包含年月日时分秒) 1:“规范化”的java.sq ...

  8. mssql 堆叠注入

    添加用户 exec master.dbo.xp_cmdshell 'net user leeww 123456 /add' 提升权限 exec master.dbo.xp_cmdshell 'net ...

  9. C#后台获取日期:当天、前七天、后七天

    DateTime.Now.ToString(); //当前时间DateTime.Now.AddDays(7).ToString(); //当前时间加上7天DateTime.Now.AddDays(-7 ...

  10. Jmeter使用SSL（HTTPS协议）

    Jmeter是apache一款开源.小巧的性能测试工具,平时测试web http协议经常使用,其实jmeter同样支持ssl.方法如下: 需要装有目标网站证书的密钥库,即testclient.keys ...