Flask - Jinjia2

最新推荐文章于 2024-01-29 19:11:18 发布
最新推荐文章于 2024-01-29 19:11:18 发布
阅读量228 收藏
点赞数
文章标签： python 前端 后端 ViewUI
原文链接：http://www.cnblogs.com/jiumo/p/10246946.html
版权

一、Jinjia2初级

Flask中默认的模板语言是Jinja2！

  1. 后端定义几个字符串,用于传递到前端：

    STUDENT = {'name': 'jiumo', 'age': 16, 'gender': '男'}

STUDENT_LIST = [
    {'name': 'jiu', 'age': 17, 'gender': '中'},
    {'name': 'mo', 'age': 19, 'gender': '男'},
    {'name': 'wbw', 'age': 22, 'gender': '女'}
]

STUDENT_DICT = {
    1: {'name': 'jiu', 'age': 17, 'gender': '中'},
    2: {'name': 'mo', 'age': 19, 'gender': '男'},
    3: {'name': 'wbw', 'age': 22, 'gender': '女'}
}

  2. Jinja2模板中的控制流程

    • for

      {% for foo in g %}

{% endfor %}

    • if

      {% if g %}

{% elif g %}

{% else %}

{% endif %}

  3. Jinjia2传值

    • STUDENT_LIST 列表传递至前端(其他省略)

      @app.route("/student_list")
def student_list():
    return render_template("student_list.html", student=STUDENT_LIST)
      <body>
<div>{{ student }}</div>
<table border="1xp">
    {% for foo in student %}
        <tr>
            <td>{{ foo }}</td>
            <td>{{ foo.name }}</td>
            <td>{{ foo.get("age") }}</td>
            <td>{{ foo["gender"] }}</td>
        </tr>
    {% endfor %}
</table>
</body>

      1450912-20190109212546014-1755814003.png

      补充

      # render_template中可以传递多个关键字
@app.route("/allstudent")
def all_student():
    return render_template("all_student.html", student=STUDENT ,
                           student_list = STUDENT_LIST,
                           student_dict= STUDENT_DICT)
# 利用 **{}字典的方式传递参数
@app.route("/allstudent")
def all_student():
    return render_template("all_student.html", **{"student":STUDENT ,
                           "student_list" : STUDENT_LIST,
                           "student_dict": STUDENT_DICT})

二、jinjia2高阶用法

from flask import Flask
from flask import render_template

app = Flask(__name__)

@app.route("/")
def index():
    tag = "<input type='text' name='user' value='jiumo'>"
    return render_template("index.html",tag=tag)

app.run(debug=True)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{ tag }}
</body>
</html>

直接运行结果:

1450912-20190109212053773-2067917845.png

似乎和我们想要结果不太一样,有两种解决方案

  1. safe: 前端
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{ tag | safe}}  <!--  加上个 \  管道符,然后 safe  -->
</body>
</html>
  1. Markup: 后端
from flask import Flask
from flask import render_template
from flask import Markup  # 导入 flask 中的 Markup 模块

app = Flask(__name__)


@app.route("/")
def index():
    tag = "<input type='text' name='user' value='jiumo'>"
    markup_tag = Markup(tag)  # Markup帮助咱们在HTML的标签上做了一层封装,让Jinja2模板语言知道这是一个安全的HTML标签
    print(markup_tag,
          type(markup_tag))  # <input type='text' name='user' value='jiumo'> <class 'markupsafe.Markup'>
    return render_template("index.html", tag=markup_tag)

app.run(debug=True)

两种方法都会得到相同的结果:

1450912-20190109212155414-45055538.png

  1. Jinja2中执行Python函数(模板中执行函数)

    from flask import Flask
from flask import render_template

app = Flask(__name__)

#定义一个函数,把它传递给前端
def sum(a,b):
    return a+b

@app.route("/")
def index():
    return render_template("index.html", tag=sum)


app.run(debug=True)
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{ tag }}
    <br>
    {{ tag(99,1) }}
</body>
</html>

    1450912-20190109212231598-1733818927.png

    看到结果就是,函数加()执行得到结果

    • 还可以定义全局函数,无需后端传递给前端,Jinja2直接就可以执行的函数
    from flask import Flask
from flask import render_template

app = Flask(__name__)

@app.template_global()  # 定义全局模板函数
def a_b_sum(a, b):
    return a + b

@app.template_filter()  # 定义全局模板函数
def a_b_c_sum(a, b, c):
    return a + b + c

@app.route("/")
def index():
    return render_template("index.html", tag="")

app.run(debug=True)
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{ a_b_sum(99,1) }}
    <br>
    {{ 1 | a_b_c_sum(197,2) }}
</body>
</html>

    1450912-20190109212259433-1249820333.png

  2. 模板复用block

    如果我们前端页面有大量重复页面,没必要每次都写,可以使用模板复用的方式复用模板

-- index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>Welcome JiuMo Cnblogs</h1>
    <h2>下面的内容是不一样的</h2>
    {% block content %}

    {% endblock %}
    <h2>上面的内容是不一样的,但是下面的内容是一样的</h2>
    <h1>wbw is Good</h1>
</body>
</html>

-- login.html

{% extends "index.html" %}
{% block content %}
    <form>
        用户名:<input type="text" name="user">
        密码:<input type="text" name="pwd">
    </form>
{% endblock %}

-- home.html


{% extends "index.html" %}
{% block content %}
    <h1>jiumo</h1>
{% endblock %}
from flask import Flask
from flask import render_template

app = Flask(__name__)

@app.route("/login")
def login():
    return render_template("login.html")

@app.route("/home")
def home():
    return render_template("home.html")

app.run("0.0.0.0", 5000, debug=True)

1450912-20190109212321853-1483038277.png

在这两个页面中,只有 block 中的内容发生了变化,其他的位置完全一样

  1. 模板语言的模块引用 include

    from flask import Flask
from flask import render_template

app = Flask(__name__)


@app.route("/")
def index():
    return render_template("index.html")


app.run("0.0.0.0", 5000, debug=True)
    -- login.html

<form>
    用户名:<input type="text" name="user">
    密码:<input type="text" name="pwd">
</form>

-- index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>Welcome JiuMo Cnblogs</h1>
    <h2>下面的内容是不一样的</h2>
    {% include "login.html" %}
    <h2>上面的内容是不一样的,但是下面的内容是一样的</h2>
    <h1>wbw is Good</h1>
</body>
</html>
 ![](https://img2018.cnblogs.com/blog/1450912/201901/1450912-20190109212348539-1883452480.png)

  这就是将 login.html 当成一个模块,加载到 index.html 页面中

转载于:https://www.cnblogs.com/jiumo/p/10246946.html

diaodu8047
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flask中的Jinjia2的使用
Wollens Blogs
05-19 2036
jinja2模板引擎 模板 模板其实是一个包含响应文本的文件，其中用占位符（变量）表示动态部分，告诉模板引擎其具体的值需要从使用的数据中获取 使用真实值替换变量，再返回最终得到的字符串，这个过程称为“渲染 Flask是使用Jinja2这个模板引擎来渲染模板 使用模板的好处 视图函数只负责业务逻辑和数据处理（业务逻辑方面） 而模板则取到视图函数的数据结果进行展示（视图展示方面） 代...
Flask Web——Jinjia2模板的使用
fatfairyyy的博客
09-12 3076
差点忘了Markdown是可以开二级标题的…向html中传递参数时, 可能需要对传递的变量进行处理, 处理过后再显示, 如时间的格式化输出等, 此时可以用到过滤器. Jinjia2内置了许多过滤器, 但过滤器可以由用户进行自定义. 因为过滤器本质上是一个函数.在定义了一个函数之后, 可以使用方法将函数添加为过滤器, 其中为函数, 而dformat为过滤器名.除此之外, 还可以通过装饰器的方式定义过滤器.
Flask的jinjia2语句最详细容易理解教程
weixin_51026773的博客
11-23 4214
jinjia2 jinjia2语句来自flask框架下的一个模板组件 本次教程非常容易理解 适合咱们这些学废了 jinjia2简介 要了解jinja2，那么需要先理解模板的概念。模板在Python的web开发中广泛使用，它能够有效的将业务逻辑和页面逻辑分开，使代码可读性增强、并且更加容易理解和维护。 模板简单来说就是一个其中包涵占位变量表示动态的部分的文件，模板文件在经过动态赋值后，返回给用户。 --> 可以理解为渲染o/) jinjin2分为三大语法块 {# #}----- 注释块 {
Flask中的jinja2模板介绍与使用
IT之一小佬的博客
08-13 803
Flask中的jinja2模板介绍与使用
flask之jinja2入门
changfcqxhy的博客
07-04 1480
一、宏 用于提高代码复用率 最简单封装好的对象 1、宏的定义 使用macro定义 {% macro func1(label='',type='text',name='') %} <label>{{label}}</label><input type="{{type}}" name="{{name}}"> {% endmacro %} 2...
jinjia2使用例子.zip
11-10
这是一个jinjia2的使用demo，用于根据本地的txt文件数据，渲染到一个xml模版文件里面。用于快速的写网页模版视图
Jinja2-2.10.1-py2.py3-none-any.whl
05-15
Jinja2-2.10.1-py2.py3-none-any.whl
jinjia测试
01-30
jinja2的测试用例 from jinja2 import Environment, FileSystemLoader env = Environment(loader=FileSystemLoader('.')) template = env.get_template('__base__.html') with open("out1.html",'w') as f: f....
flask+echarts+jinjia2考研数据可视化
06-26
该资料包含项目爬取数据源码、数据解析、echarts数据可视化、大屏展示等。经过多次测试无bug可放心使用！！！
Flask框架Jinjia模板常用语法总结
09-20
主要介绍了Flask框架Jinjia模板常用语法,结合实例形式总结分析了Jinjia模板的变量、赋值、流程控制、函数、块、宏等基本使用方法,需要的朋友可以参考下
Flask基本教程以及Jinjia2模板引擎简介
qq_34045989的博客
10-29 938
上下文：其实就是模板中定义的变量，我们渲染时会将上下文传递给模板：template.render(context) ，而我们嵌套其他模板时，也可以将它们中的上下文包含进来，这样在当前模板中也可以使用被嵌套模板中的上下文。过滤器就是函数，把当前的变量传入过滤器，过滤器根据自己的功能对变量进行相应的处理，再返回对应的值，并将结果渲染到网页中，起到了数据处理的作用。django中的模板引擎，就具备模板的继承和包含功能。同样，jinjia2，也具备这样的功能，起到了模板复用、模块化开发的效果。
flask(十二)----jinjia2模版渲染
qq_40132294的博客
03-17 1553
有时候我们前端的数据会随着后端的数据改变而改变，在前后端不分离的系统中，可通过jiajia2来实现模版渲染，这样前端也就更灵活。 1.{{ }}:实现动态模版加载 后端示例： from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): projects = [ {"name": "项目1", "interface_num": 11, "time".
flask框架之jinjia2模版语法详解
lienze.tech
10-27 1627
前言 这几年一直在it行业里摸爬滚打，一路走来，不少总结了一些python行业里的高频面试，看到大部分初入行的新鲜血液，还在为各样的面试题答案或收录有各种困难问题 于是乎，我自己开发了一款面试宝典，希望能帮到大家，也希望有更多的Python新人真正加入从事到这个行业里，让python火不只是停留在广告上。 微信小程序搜索：Python面试宝典 或可关注原创个人博客：https://lienze.tech 也可关注微信公众号，不定时发送各类有趣猎奇的技术文章：Python编程学习 JinJa2模版语法 Jin
Flask框架二 Jinja2
m0_52289494的博客
10-21 812
1.简介： 什么是Jinja2，Jinja2起什么作用 Jinja2是Python下一个被广泛应用的模版引擎，且它自带一个感觉挺nb的转义功能 作用1.它起了让前端和后端分离的作用 2.减少了Flask项目代码的耦合性，页面逻辑放在模板中，业务逻辑放在视图函数中， 3.提供控制语句/继承等高级功能 //Jijon的默认渲染路径是从template中找如果要改变，可以在Flask初始化的时候指定template_folder进行指定模板的路径 2.模板的渲染、传参 要渲染一个模板，
Flask 之 Jinjia2 模板引擎必知必会
最新发布
一蓑烟雨任平生
01-29 717
模板的作用是内容注入、页面继承与包含，Jinja2 模板引擎为此实现了一整套完善的解决方案。在使用模板时，所有静态资源应放置在 static 资源目录下，模板页面应放置在 templates 模板目录下。
jinja2.Markup 对HTML文本文件进行处理
weixin_30546189的博客
11-05 917
classjinja2.Markup([string]) Marks a string as being safe for inclusion in HTML/XML output without needing to be escaped. This implements the__html__interface a couple of frameworks and ...
Flask学习总结笔记（4）-- Jinja2模板引擎之二
kikaylee的专栏
12-09 1万+
Jinja2模板引擎官方文档详细介绍了其中的API函数、沙箱、模板设计文档等，这里主要就一些常用的知识点进行总结。
flask之jinja2中使用字典、列表、方法等变量
热门推荐
郭小郭的专栏
05-31 2万+
在jinjia2模板中使用{{name}}结构表示一个变量，它是一种特殊的占位符，告诉模板引擎这个位置的值从渲染模板时使用的数据中获取 test.py# -*- coding:utf-8 -*- __author__ = 'guoqianqian'from flask import Flask from flask_script import Manager from flask import r
【Flask】学习笔记 #10 —— JinJa2后端传值
MoShyoKi的博客
09-14 508
Jinja2后端传值
jinjia2 set默认值
10-16
jinjia2是一种流行的模板引擎，在使用过程中可以为变量设置默认值。为了设置变量的默认值，我们可以使用`default`关键字。 在jinjia2模板中，通过使用`{{ 变量名 | default(默认值) }}`语法，可以为变量设置默认值...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值