渲染模版（html文件）

A、模版文件（html）放入到template目录下，项目启动的时候会从template目录里查找，

B、从flask中导入“render_tempalte”函数

C、在视图函数中，使用render_template函数，渲染模版（只需要填写模版名称即可）

示例：

from flask import Flask,url_for,redirect,render_template　　　　　　#导入模版函数

app = Flask(__name__)

@app.route('/')

def index():

    info = {　　　　　　　　　　　　　　　　　　　　#定义字典

        'username' :'name',

        'gender':"man",

        'height' : "178"

    }

　　

　　#如果有多个参数，可以将所有的参数放到字典中，然后以**kwargs的方式传递进去，info为上面定义的字典

    return render_template('index.html',**info)　　　　　　#这里直接写模版文件名称，如果在模版文件在temlate/html目录下，则这里需要写'html/index.html'

　　

　　#渲染模版，传参数，如果参数较少，可以直接写关键字参数及值，如下：

　　#return render_template('index.html',username='name',gender="man",height="178") if __name__ == '__main__': app.run(debug=True)

if __name__ == '__main__':

    app.run(debug=True)

　　

index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <p>第一个flask页面</p>

    <p>姓名：{{ username }}</p>　　　　　　　　　　　　　　#使用｛｛｝｝用来使用变量

    <p>height：{{ height }}</p>

</body>

</html>

模版中的变量说明，示例：

flask_one.py

#encoding:utf-8

from flask import Flask,url_for,redirect,render_template

app = Flask(__name__)

@app.route('/')

def index():

    class Person(object):

        name='tttt'

        age=18

    p = Person()

    info = {

        'username' :'name',

        'gender':"man",

        'height' : "",

        'person':p,

        'city':{

            'bj':"bj",

            'tj':'tj'

        }

    }

    return render_template('index.html',**info)

    #return render_template('index.html',username='name',gender="man",height="178")

if __name__ == '__main__':

    app.run(debug=True)

index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <p>第一个flask页面</p>

    <p>姓名：{{ username }}</p>

    <p>height：{{ height }}</p>

    <hr>

    <p>{{ person.name }}---{{ person.age }}</p>　　　　#此处对应上面py中定义的Person类

    <p>{{ city.bj }}</p>　　　　　　　　　　　　　　　　　　#此处对应字典内的字典，一共两种取值方式，一是常规的字典取值，二是用"."　

    <p>{{ city['tj'] }}</p>

</body>

</html>

　

flask 渲染jinja2模版和传参的更多相关文章

  1. 微信小程序——动态渲染页面、路径传参

      1.动态渲染页面.改变css.样式必须setData渲染过去   this.setData({ userInfo: app.globalData.userInfo, token: app.glob ...

  2. Flask初学者：URL（传参，请求，重定向）

    URL传参: 良好的URL:视图函数对应的url以/结尾是一种良好url,因为用户在访问的时候无论他有没有加上最后这个斜杠,都是能访问到的,相反,视图函数的url没有以/结尾,用户访问的时候却加上了这 ...

  3. Flask的Jinja2模版过滤器

    Jinja2模版过滤器 过滤器是通过管道符号(|)进行使用的,例如:{{ name|length }},将返回name的长度.过滤器相当于是一个函数,把当前的变量传入到过滤器中,然后过滤器根据自己的功 ...

  4. flask学习(六)：URL传参

    1. 参数的作用:可以在相同的URL,但是指定不同的参数,来加载不同的数据 例如:简书上每一篇文章前面的URL相同,只是后面的参数不同 2. 在flask中如何使用参数: 注意: 1) 参数需要放在两 ...

  5. 2.flask模板--jinja2

    1.jinja2模板介绍和查找路径 import os from flask import Flask, render_template # 之前提到过在渲染模板的时候,默认会从项目根目录下的temp ...

  6. 5 JInja2模版（适用于Django和Flask）

    模版 在生产环节下,我们要把后端程序(其实就是python)计算出来的数据和html页面结合起来做,这个时候模版就派上大用处了. Flask下的模版---Jinja2 Jinja是日本寺庙的意思,并且 ...

  7. flask开启debug模式的两种方法、加载配置文件的两种方法、URL传参的四种方法

    from flask import Flask app = Flask(__name__) # app.config.update(DEBUG=True)#开启debug模式 #加载配置文件方法一 # ...

  8. 2、Flask实战第2天：URL传参

    当我们访问网站/的时候,会执行hell_world函数,并把这个函数的返回值返回给浏览器,这样浏览器就显示hello world了 @app.route('/') def hello_world(): ...

  9. magento controller直接渲染Block 以及传参

    class Jago_Deal_IndexController extends Mage_Core_Controller_Front_Action { public function ajaxActi ...

随机推荐

  1. JarvisOJ Basic Base64?

    GUYDIMZVGQ2DMN3CGRQTONJXGM3TINLGG42DGMZXGM3TINLGGY4DGNBXGYZTGNLGGY3DGNBWMU3WI=== 题目非常具有迷惑性,我一开始以为就是一 ...

  2. 日期T转换

    日期转换 在startup.csd ConfigureServices方法里 services.AddMvc().AddJsonOptions(o => { o.SerializerSettin ...

  3. BZOJ1324Exca王者之剑&BZOJ1475方格取数——二分图最大独立集

    题目描述   输入 第一行给出数字N,M代表行列数.N,M均小于等于100 下面N行M列用于描述数字矩阵 输出 输出最多可以拿到多少块宝石 样例输入 2 2 1 2 2 1 样例输出 4   题意就是 ...

  4. Marriage Match II HDU - 3081(二分权值建边)

    题意: 有编号为1~n的女生和1~n的男生配对 首先输入m组,a,b表示编号为a的女生没有和编号为b的男生吵过架 然后输入f组,c,d表示编号为c的女生和编号为d的女生是朋友 进行配对的要求满足其一即 ...

  5. HAOI2017 简要题解

    「HAOI2017」新型城市化 题意 有一个 \(n\) 个点的无向图,其中只有 \(m\) 对点之间没有连边,保证这张图可以被分为至多两个团. 对于 \(m\) 对未连边的点对,判断有哪些点对满足将 ...

  6. 按奇偶排序数组 II

    题目描述 给定一个非负整数数组 A, A 中一半整数是奇数,一半整数是偶数. 对数组进行排序,以便当 A[i] 为奇数时,i 也是奇数:当 A[i] 为偶数时, i 也是偶数. 你可以返回任何满足上述 ...

  7. UOJ#418. 【集训队作业2018】三角形

    #418. [集训队作业2018]三角形 和三角形没有关系 只要知道儿子放置的顺序,就可以直接模拟了 记录历史最大值 用一个pair(a,b):之后加上a个,期间最大值为增加b个 合并? A1+A2= ...

  8. A1134. Vertex Cover

    A vertex cover of a graph is a set of vertices such that each edge of the graph is incident to at le ...

  9. A1119. Pre- and Post-order Traversals

    Suppose that all the keys in a binary tree are distinct positive integers. A unique binary tree can ...

  10. A1115. Counting Nodes in a BST

    A Binary Search Tree (BST) is recursively defined as a binary tree which has the following propertie ...