一：渲染模板

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语言（完整demo）

    1.图的简单实现方法——邻接矩阵 表示图的一种简单的方法是使用一个一维数组和一个二维数组,称为领接矩阵(adjacent matrix)表示法. 对于每条边(u,v),置A[u,v]等于true:否则 ...

  2. sqlserver 查询当前阻塞进程 并杀掉

    select * from master.dbo.sysprocesses where DB_NAME(dbid)=’test’ and spid<>@@SPID 看看阻塞的进程 然后ki ...

  3. 【adb真机查Log】Android Studio 3.X 找不到Android Device Monitor

    参考来源:https://blog.csdn.net/yuanxiang01/article/details/80494842 以下信息来源于Android Developers官网 Android设 ...

  4. JS-预留字符和转义字符转换

    字符实体(Entity) 转义字符(Escape Sequence)也称字符实体 (Character Entity). 定义转义字符串的主要原因是: <和>等符号已经用来表示 HTML ...

  5. leetcode 46 全排列 （python）

    给定一个没有重复数字的序列,返回其所有可能的全排列. 示例: 输入: [1,2,3]输出:[ [1,2,3], [1,3,2], [2,1,3], [2,3,1], [3,1,2], [3,2,1]] ...

  6. 009-Spring Boot 事件监听、监听器配置与方式、spring、Spring boot内置事件

    一.概念 1.事件监听的流程 步骤一.自定义事件,一般是继承ApplicationEvent抽象类 步骤二.定义事件监听器,一般是实现ApplicationListener接口 步骤三.启动时,需要将 ...

  7. 《计算机程式设计》Week3 课堂笔记

    本笔记记录自 Coursera课程 <计算机程式设计> 台湾大学 刘邦锋老师 Week3 Array 3-1 Array Usage 例子:使用数组一次申明10个整数变量 int a[10 ...

  8. linux 软连接的使用

    软连接是linux中一个常用命令,它的功能是为某一个文件在另外一个位置建立一个同不的链接. 具体用法是:ln -s 源文件 目标文件. 当 我们需要在不同的目录,用到相同的文件时,我们不需要在每一个需 ...

  9. git_04_回退到上个版本

    前言 使用git版本控制的过程中,多人操作同一个项目时,有时经常会遇到代码冲突报错,一时又无法解决的问题,为了不影响他人正常使用这时便需要回滚代码至原来的版本.如何回滚代码至原来版,可参考以下步骤. ...

  10. JQuery weui 中的Popup （弹出层：底部）

    //弹出层(从底部) <div id="bottomb" class="weui-popup__container popup-bottom"> & ...