系统环境:Ubuntu 18.04.1 LTS

Python使用的是虚拟环境:virutalenv

Python的版本:Python 3.6.9

【简说Python WEB】Jinja2模板

早期的开发，前端代码和后端代码都是混合在一起的。例如:在早期的java web时期，html和css的一些前端元素，和后端的jsp代码都混在一起。使得代码难以维护。

现在，提倡前后端代码的分离，而Flask中的Jinja2模板用于代码分离，其中的变量通过真实值替换。

目前环境的代码树

(zsdpy1) zsd@zsd-virtual-machine:~/Zflask/chapter3/app$ tree

.

├── hello.py

└── templates

   └── index.html

抽离出来的Html模板

其中templates/index.html是我抽离出来的html。如下：

<html>

    <head>

        <title>{{ title }}-zsdblog</title>

    </head>

    <body>

        <h1>您好, {{ user.username }},欢迎来到我的博客!</h1>

    </body>

</html>

其中title和user.username是要传入的变量。

渲染模板

from flask import render_template

from flask import Flask

app = Flask(__name__)

@app.route('/')

@app.route('/index')

def index():

    user = {'username': '东瑜'}

    return render_template('index.html', title='Home', user=user)

if __name__ == '__main__':

        app.run(host='0.0.0.0', port=9000)

执行语句:

(zsdpy1) zsd@zsd-virtual-machine:~/Zflask/chapter3/app$ python hello.py

 * Serving Flask app "hello" (lazy loading)

 * Environment: production

   WARNING: This is a development server. Do not use it in a production deployment.

   Use a production WSGI server instead.

 * Debug mode: off

 * Running on http://0.0.0.0:9000/ (Press CTRL+C to quit)

渲染效果:

条件语句

Jinja2也提供条件判断，和if语句类似。

templates/index_condition.html模板如下:

<html>

    <head>

        <title>{{ title }}-zsdblog</title>

    </head>

    <body>

        {% if user %}

        <h1>您好, {{ user.username }},欢迎来到我的博客!</h1>

        {% else %}

        <h1>您好, 游客,欢迎来到我的博客!</h1>

        {% endif %}

    </body>

</html>

其中,程序的含义:

代表如果有user，就告知谁来了我的博客。如果没有user，就代表游客。

hello_condition.py代码如下:

from flask import render_template

from flask import Flask

app = Flask(__name__)

@app.route('/')

@app.route('/index')

def index():

#    user = {'username': '东瑜'}

    return render_template('index_condition.html', title='Home')

if __name__ == '__main__':

        app.run(host='0.0.0.0', port=9000)

可以看到，我注释了user对象，并且render_template参数的时候，也没有传user的变量。所以演示效果如下:

循环语句

相对于基础语法的for循环。

templates/index_loop.html模板语句如下:

<html>

    <head>

        <title>{{ title }}-zsdblog</title>

    </head>

    <body>

        {% if user %}

        <h1>您好, {{ user.username }},欢迎来到我的博客!</h1>

        {% else %}

        <h1>您好, 游客,欢迎来到我的博客!</h1>

        {% endif %}

                {% for post in posts %}

        <div><p>{{ post.author.username }} 说: <b>{{ post.body }}</b></p></div>

        {% endfor %}

    </body>

</html>

web应用的代码如下：

from flask import render_template

from flask import Flask

app = Flask(__name__)

@app.route('/')

@app.route('/index')

def index():

    user = {'username': '东瑜'}

    posts = [

        {

            'author': {'username': '小明'},

            'body': '北京的天气好好呀'

        },

        {

            'author': {'username': '小黄'},

            'body': '我今天很开心!'

        }

    ]

    return render_template('index_loop.html', title='Home', user=user, posts=posts)

if __name__ == '__main__':

        app.run(host='0.0.0.0', port=9000)

演示效果如下:

【简说Python WEB】Jinja2模板的更多相关文章

  1. 【简说Python WEB】Flask应用的文件结构

    目录 [简说Python WEB]Flask应用的文件结构 1.文件结构的目录 2.配置程序--config.py 3.app应用包 4.剥离出来的email.py 5.蓝本(BLueprint)的应 ...

  2. 【简说Python WEB】视图函数操作数据库

    目录 [简说Python WEB]视图函数操作数据库 系统环境:Ubuntu 18.04.1 LTS Python使用的是虚拟环境:virutalenv Python的版本:Python 3.6.9 ...

  3. 【简说Python WEB】Flask-Moment

    目录 [简说Python WEB]Flask-Moment 系统环境:Ubuntu 18.04.1 LTS Python使用的是虚拟环境:virutalenv Python的版本:Python 3.6 ...

  4. 【简说Python WEB】数据库

    目录 [简说Python WEB]数据库 数据库表 docker安装MySQL Flask-SQLAlchemy操纵MySQL数据库 初始化 定义模型 定义关系 数据库的CRUD操作 创建表 inse ...

  5. 【简说Python WEB】Web应用部署

    目录 [简说Python WEB]Web应用部署 应用层 缓存层 数据层 Gunicorn 的应用 1.安装Gunicorn 2.Gunicorn的启动 Nginx 的应用 1.docker方式部署安 ...

  6. Python Flask Jinja2模板引擎

    模板 简介 模板是一个包含响应文本的文件,其中包含用占位变量表示的动态部分,其具体值只在请 求的上下文中才能知道. 渲染 使用真实值替换变量,再返回最终得到的响应字符串,这一过程 称为渲染.为了渲染模 ...

  7. 【简说Python WEB】flask-mail电子邮件

    目录 flask-mail flask shell发送邮件 系统环境:Ubuntu 18.04.1 LTS Python使用的是虚拟环境:virutalenv Python的版本:Python 3.6 ...

  8. 【简说Python WEB】flask-mail电子邮件异步Asynchronous

    系统环境:Ubuntu 18.04.1 LTS Python使用的是虚拟环境:virutalenv Python的版本:Python 3.6.9 flask-mail电子邮件异步Asynchronou ...

  9. 【简说Python WEB】pyechart在flask中的应用

    个人笔记总结,可读性不高.只为自己总结用.怕日后忘记. 这里用到了tushare,pandas等python组件. pyechart的案例 c = ( Bar() .add_xaxis([" ...

  10. Flask初学者：Jinja2模板

    Python的Jinja2模板,其实就是在HTML文档中使用控制语句和表达语句替换HTML文档中的变量来控制HTML的显示格式,Python的Jinja2模板可以更加灵活和方便的控制HTML的显示,而 ...

随机推荐

  1. #容斥#51nod 1407 与与与与

    题目 给出 \(n\) 个数,问有多少个子集的按位与为0 分析 考虑容斥,设 \(f[i]\) 表示有多少个数按位与为 \(x\),满足 \(x\&i=i\) 那么答案就是 \(\sum_{i ...

  2. #CDQ分治，单调栈，双指针#BZOJ 4237 稻草人 AT1225 かかし

    洛谷传送门 BZOJ 4237 稻草人 题意 在一个平面直角坐标系上给出\(n\)个点, 问有多少个点对\((i,j)\)满足\(x_i<x_j,y_i<y_j\), 而且对于\(n\)个 ...

  3. OpenHarmony定义组件重用样式：@Styles装饰器

      如果每个组件的样式都需要单独设置,在开发过程中会出现大量代码在进行重复样式设置,虽然可以复制粘贴,但为了代码简洁性和后续方便维护,我们推出了可以提炼公共样式进行复用的装饰器@Styles. @St ...

  4. Java ArrayList 与 LinkedList 的灵活选择

    Java ArrayList Java ArrayList 类是一个可变大小的数组,位于 java.util 包中. 创建 ArrayList import java.util.ArrayList; ...

  5. Seaborn结构化图形绘制（FacetGrid)

    结构化图形绘制(FacetGrid) 可实现多行多列个性化绘制图形. sns.FacetGrid( data, row=None, col=None, hue=None, col_wrap=None, ...

  6. HDD与你相约深圳，一起探讨创新开发与运营增长

    12月14日,HUAWEI Developer Day(以下简称HDD)将在深圳与广大开发者见面.本次HDD共设有主论坛.两个分论坛及两个闭门会议,期待各位开发者前来参加. 精彩预告 01·主论坛 在 ...

  7. 4天带你上手HarmonyOS ArkUI开发——《HarmonyOS ArkUI入门训练营之健康生活实战》

     <HarmonyOS ArkUI入门训练营之健康饮食应用>是面向入门开发者打造的实战课程系列.特邀华为终端BG高级开发工程师作为本次训练营讲师,以健康饮食为例,开展技术教学及实战案例分享 ...

  8. 重新点亮linux 命令树————文件权限和目录权限[九]

    前言 简单整理一下文件权限和目录权限. 正文 当打开ls -al的时候会出现相关的权限信息. 那么上面文件类型包括: 普通文件 d 目录文件 b 块特殊文件 (设备,比如u盘) c 字符特殊文件 (终 ...

  9. sweetviz工具避坑和简单使用

    网上关于sweetviz的文章比较少,有些坑这里说一下给大家避坑. 使用sweetviz遇到的错误如下: KeyError: "None of ['index'] are in the co ...

  10. 论文记载：A Survey on Traffic Signal Control Methods

    ABSTRACT 交通信号控制是一个重要且具有挑战性的现实问题,其目标是通过协调车辆在道路交叉口的移动来最小化车辆的行驶时间.目前使用的交通信号控制系统仍然严重依赖过于简单的信息和基于规则的方法,尽管 ...