Jinja2模板语言

一,基本使用

flask中默认使用的jinja2模板语言;与django模板语言一样,都是 {{ }} 和 {% %}

1 ,Jinja2模板中的流程控制:

  • Jinja2模板语言中的 for
{% for foo in g %}

{% endfor %}
  • Jinja2模板语言中的 if
{% if g %}

{% elif g %}

{% else %}

{% endif %}

2, 取值方式

  • 字典:可以使用点的方式,还可以使用字典的get("xx"), name["xx"]的方式
  • 列表:支持obj.0和obj[0]的方式取值

注意:**{}字典的方式传递参数

@app.route("/allstudent")
def all_student():
    return render_template("all_student.html", **{"student":STUDENT ,
                           "student_list" : STUDENT_LIST,
                           "student_dict": STUDENT_DICT})

相当于以关键字的方式传递模板语言中,那么前端就可以之间{{obj}}取值了

二,高阶使用

1,safe

from flask import Flask
from flask import render_template

app = Flask(__name__)

@app.route("/")
def index():
    tag = "<input type=‘text‘ name=‘user‘ value=‘eee‘>"
    return render_template("index.html",tag=tag)  # 后端也可以直接使用Markup(tag)包起来,处理

app.run("0.0.0.0",5000)

前端处理:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{ tag | safe}}  <!--  加上个 \  管道符,然后 safe  -->
</body>
</html>

前端代码

2 在Jinja2中执行Python函数(模板中执行函数)

首先在文件中定义一个函数

后端代码:

from flask import Flask
from flask import render_template
from flask import Markup  # 导入 flask 中的 Markup 模块

app = Flask(__name__)

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

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

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

前端代码:

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

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

后端代码:

@app.template_global()  # 把该函数放在全局,每个模板都可以用
def my_add(*args):
    return sum(args)

@app.template_filter()
def oushu_filter(num):
    if num % 2 == 0:
        return "{}是偶数".format(num)
    return "{}是奇数".format(num)

前端代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
后端传过来的函数,模板调用执行的结果:
{#{{ func(1, 2, 3, 4) }}#}
{{ my_add(1, 2, 4, 5) }}

<p>筛选函数的结果:{{ my_add(1, 2, 4, 8) | oushu_filter }}</p>
</body>
</html>

3 Jinja2模板复用 block

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

前端代码:

base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
这个页面是大家共有的:可以继承这个页面简化代码
标题
不同的地方使用block
<div>
    {% block my_block_test %}

    {% endblock my_block_test %}
</div>
</body>
</html>

extent_test.html

{% extends "base.html" %}

{% block my_block_test %}

      <h1>巴拉巴拉</h1>    

{% endblock %}

4 Jinja2模板语言的模块引用 include

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</h1>
    <h2>下面的内容是不一样的</h2>
    {% include "login.html" %}
    <h2>上面的内容是不一样的,但是下面的内容是一样的</h2>
    <h1>fffff</h1>
</body>
</html>

5 Jinja2模板语言中的宏定义

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<h1>Welcome</h1>

{% macro type_text(name,type) %}
    <input type="{{ type }}" name="{{ name }}" value="{{ name }}">
{% endmacro %}

<h2>在下方是使用宏来生成input标签</h2>

{{ type_text("one","text") }}
{{ type_text("two","text") }}

</body>
</html>

原文地址:https://www.cnblogs.com/glh-ty/p/9780783.html

时间: 2024-10-12 03:15:17

Jinja2模板语言的相关文章

【Flask】 Jinja2模板语言

Jinja2 Jinja2是Python Web编程中的主流模板语言.因为flask是基于Jinja2和Werkzeug发展而来,在安装flask的时候jinja2自动就被装在上面了. 之前提到了很多Jinja2的使用方法啊,下面将补充或者更加详细地说明Jinja2作为模板语言的使用. [Jinja2官方文档]http://docs.jinkan.org/docs/jinja2/ ■ 基本语义 看过之前模板的例子就知道,Jinja2做构成的模板文件中,文本内容大致可以分成几个种类.比如特殊文本(

Flask最强攻略 - 跟DragonFire学Flask - 第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'}, STUDENT_LIST = [ {'name': 'Old', 'age': 38, 'gender': '中'}, {'name': 'Boy', 'age': 73,

第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'}, STUDENT_LIST = [ {'name': 'Old', 'age': 38, 'gender': '中'}, {'name': 'Boy', 'age': 73,

Flask中的模板语言Jinja2及render_template

Flask中默认的模板语言是Jinja2 在学习Jinja2前render_template中留下的问题解决 1.首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'} STUDENT_LIST = [ {'name': 'wahaha', 'age': 18, 'gender': '男'}, {'name': 'heihei', 'age':50, 'gender': '中'}, {'name':

3,Flask 中的模板语言 Jinja2 及 render_template 的深度用法

Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'}, STUDENT_LIST = [ {'name': 'Old', 'age': 38, 'gender': '中'}, {'name': 'Boy', 'age': 73, 'gender': '

Flask第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'}, STUDENT_LIST = [ {'name': 'Old', 'age': 38, 'gender': '中'}, {'name': 'Boy', 'age': 73,

Jinja2模板引擎简介

视图函数的作用是 : 处理业务逻辑和返回响应内容. 在开发中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护成本,这个时候使用模板,让它来承担返回响应的内容,能够使代码结构清晰,耦合度低 模板是一个包含响应文本的文件,flask中常用的是Jinja2这个模板引擎来渲染模板  渲染就是使用真实值替换变量,返回字符串的过程. Jinja 是模板引擎,是由python实现的模板语言,flask内置的模板语言. 模板语言是一种被设计来自动生成文档的简单文本格式. 项目下创建template文件夹

Django模板语言小记

1.blog.views.py  # Create your views here. from django.template import loader,Context from django.http import HttpResponse from blog.models import BlogPost def archive(request):     posts = BlogPost.objects.all()     t = loader.get_template('archive.

Django1.10配置Jinja2模板

1.安装Jinja2模块: pip install jinja2 2.配置settings: TEMPLATES = [     {         'BACKEND': 'django.template.backends.jinja2.Jinja2',         'DIRS': [os.path.join(BASE_DIR, 'templates')],         'APP_DIRS': True,         'OPTIONS': {             'environ