python进阶jinja2模版引擎

最新推荐文章于 2023-08-08 10:02:59 发布

C_teacher

最新推荐文章于 2023-08-08 10:02:59 发布

阅读量713

点赞数

本文链接：https://blog.csdn.net/C_teacher/article/details/104659507

版权

文章目录

什么是Jinja2模板引擎?
jinia2的语法

什么是Jinja2模板引擎?

在Python中，什么是模版？就是在一个静态HTML加入一些类似变量的标签，然后引擎在渲染这个HTML时候会动态的把变量填入内容，生成一个最终的HTML。
什么是模版引擎？其实就是一种能解析类似Python语言的标记语言的解释器。
比如我们在HTML模版中输入一个< p>{{ post.title }}< /p>，显然这不是真正的HTML语法。但是当Jinja2解释器读取到{{ …}}后知道里面是一个变量，那么就把这个变量替换为真正的值，最后翻译出来就变成了

大标题

这样的HTML内容。

官方网址: http://docs.jinkan.org/docs/jinja2/ Jinja2 是一个现代的，设计者友好的，仿照 Django 模板的 Python 模板语言。它速度快，被广泛使用，并且提供了可选的沙箱模板执行环境保证安全:
1). python的Web开发中，业务逻辑(实质就是视图函数的内容)和页面逻辑(html件)分开的，使得代码的可读性增强，代码容易理解和维护；
2). 模板渲染: 在html文件中，通过动态赋值，将重新翻译好的html文件(模板引擎生效) 返回给用户的过程。
3). 其他的模板引擎: Mako, Template, Jinja2

jinia2的语法

Jinja2变量表示语法:
{{ 变量名 }}
Jinja2变量内置过滤器:

完整的过滤器查看位置: http://jinja.pocoo.org/docs/templates/#builtin-filters
常用的过滤器：

过滤器	含义
safe	渲染值时不转义
capitalize	把值的首字母转换成大写,其他字母转换成小写
lower	把值转换成小写形式
upper	把值转换成大写形式
title	把值中每个单词的首字母都转换成大写
trim	把值的首尾空格去掉
striptags	渲染之前把值中所有的 HTML 标签都删掉

宏的操作
相当于python中的函数
如何定义宏?
{% macro 函数名(形参) %}

< !–相当于python里面的定义函数, 后面使用的场景: 分页显示–>
{% macro render(id) %}
< h1>hello world {{ id }}< /h1>
{% endmacro %}

如何调用宏?

< !–调用定义好的宏(类似于python中的函数)–>
{{ render(1) }}
{{ render(2) }}
{{ render(3) }}

include包含操作

如何使用: {% include “06_inclued.html”%}

测试代码：

from flask import Flask,render_template

app = Flask(__name__)
@app.route('/')
def index():
    text = """
    <h1>荷兰 helloworld</h1>
    """
    return render_template('jinja2.html',text = text)

if __name__ == '__main__':
    app.run(port=5001)

jinja.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
     include 'left.html' 
{#    对text进行html渲染#}
    {{ text | safe }}
    {{ text | striptags }}
    <!--{#声明jinja2的宏#}-->
    {% macro fun(id) %}
        <h1>hello {{ id }}</h1>
    {% endmacro %}

    <!--调用定义好的宏-->
    {{ fun(1) }}
    {{ fun(2) }}
    {{ fun(3) }}
</body>
</html>

left.html

<ul>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
</ul>

在这里插入图片描述
模板的继承：
一般网站的导航栏和底部不会变化，为了避免重复编写导航栏信息;
首先要确定网页模板
model.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}  {% endblock %}</title>
</head>
<body>
<div style="width: 100px; height: 200px" > 这是导航栏</div>
{% block body %}   ## 定义需要改变的模块
hello
{% endblock %}
<div style="width: 100px; height: 200px" >这是底部</div>
</body>
</html>

然后继承模板

{% extends 'model.html' %}   ## 继承模板
{% block title %}   ## 设置需要改变的地方
    主页
{% endblock %}

{% block body %}
    {% include 'left.html' %}
{#    对text进行html渲染#}
    {{ text | safe }}
    {{ text | striptags }}
    <!--{#声明jinja2的宏#}-->
    {% macro fun(id) %}
        <h1>hello {{ id }}</h1>
    {% endmacro %}

    <!--调用定义好的宏-->
    {{ fun(1) }}
    {{ fun(2) }}
    {{ fun(3) }}

{% endblock %}

加深理解模板继承
run.py

from flask import Flask,render_template
app = Flask(__name__)
@app.route('/')
def index():
    return render_template('index.html')
@app.route('/bbs/')
def bbs():
    return render_template('bbs.html')
@app.route('/blog/')
def blog():
    return render_template('blog.html')
if __name__ == '__main__':
    app.run()

首先定义一个网页的模板，其他的网页相同的部分都继承于这个模板，不同的部分在block中根据需要自己定义
模板guide.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %} title {% endblock %}</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        .nav{
            width: 100%;
            height: 80px;
            border: 1px solid blue;
        }
        .left{
            width: 20%;
            height: 100px;
            border: 1px solid red;
            float: left;
            /*display: inline-block;*/
        }
        .right{
            width:79%;
            height: 100px;
            border: 1px solid green;
            float: left;
            /*display: inline-block;*/
            /*margin-top: 10px;*/
        }
    </style>
</head>
<body>
<div class="nav">
    导航栏
    <button>登陆</button>
</div>

<div class="left">
    {% include 'left.html' %}
</div>
<div class="right">
    {% block body %}
        block
    {% endblock %}
</div>
</body>
</html>

left.html就是一个分类的无序标签

<ul>
    <li>新闻</li>
    <li>财经</li>
    <li>八卦</li>
</ul>

index.html

{% extends 'guide.html' %}

{% block body %}
<h1>body</h1>
{% endblock %}

blog.html

{% extends 'guide.html' %}
{% block title %}
blog
{% endblock %}
{% block body %}
<h1>blog</h1>
{% endblock %}

bbs.html

{% extends 'guide.html' %}

{% block body %}
<h1>bbs</h1>
{% endblock %}

在这里插入图片描述

C_teacher

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
python进阶jinja2模版引擎

文章目录什么是Jinja2模板引擎?jinia2的语法什么是Jinja2模板引擎?在Python中，什么是模版？就是在一个静态HTML加入一些类似变量的标签，然后引擎在渲染这个HTML时候会动态的把变量填入内容，生成一个最终的HTML。什么是模版引擎？其实就是一种能解析类似Python语言的标记语言的解释器。比如我们在HTML模版中输入一个< p>{{ post.title }...
复制链接

扫一扫