【Python】Flask系列-模板笔记

最新推荐文章于 2024-07-23 14:36:35 发布
最新推荐文章于 2024-07-23 14:36:35 发布
阅读量84 收藏 1
点赞数
文章标签： python
原文链接：http://www.cnblogs.com/17bdw/p/9766902.html
版权

Jinja2模板

Jinja2模板传参

  1. 如何渲染模板：
    • 模板放在templates文件夹下
    • 从flask中导入render_template函数。
    • 在视图函数中，使用render_template函数，渲染模板。注意：只需要填写模板的名字，不需要填写templates这个文件夹的路径。
  2. 模板传参：
    • 如果只有一个或者少量参数，直接在render_template函数中添加关键字参数就可以了。
    • 如果有多个参数的时候，那么可以先把所有的参数放在字典中，然后在render_template中，
      使用两个星号，把字典转换成关键参数传递进去，这样的代码更方便管理和使用。
  3. 在模板中，如果要使用一个变量，语法是：{{params}}
  4. 访问模型中的属性或者是字典，可以通过{{params.property}}的形式，或者是使用{{params['age']}}.

示例代码

06template01 .py

#encoding: utf-8
from flask import Flask,render_template

app = Flask(__name__)


@app.route('/')
def index():
    # 类
    class Person(object):
        name = u'p17bdw'
        age = 18

    p = Person()

    context = {
        'username': u'c17bdw',
        'gender': u'男',
        'age': 17,
        'person': p,    # 声明
        'websites': {
            'baidu': 'www.baidu.com',
            'google': 'www.google.com'
        }
    }
    return render_template('anthoer/index.html',**context)

if __name__ == '__main__':
    app.run(debug=True)

anthoer/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    这是HTML文件中出现的文字
    <p>用户名：{{ username }}</p>
    <p>性别：{{ gender }}</p>
    <p>年龄：{{ age }}</p>

    <hr>
    <p>名字：{{ person['name'] }}</p>
    <p>年龄：{{ person.age }}</p>

    <hr>
    <p>百度：{{ websites['baidu'] }}</p>
    <p>谷歌：{{ websites['google'] }}</p>
</body>
</html>

if判断

  1. 语法：
    {% if xxx %} {% else %} {% endif %}

  2. if的使用，可以和python中相差无几。

示例代码

07if_statement .py

# 输入 http://127.0.0.1:5000/1/ 为登录状态，否则为未登录状态。

#encoding: utf-8

from flask import Flask,render_template

app = Flask(__name__)


@app.route('/<is_login>/')
def index(is_login):
    if is_login == '1':
        user = {
            'username': u'17bdw',
            'age':20
        }
        return render_template('index.html',user=user)
    else:
        return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    {% if user and user.age > 18 %}
        <a href="#">{{ user.username }}</a>
        <a href="#">注销</a>
    {% else %}
        <a href="#">登录</a>
        <a href="#">注册</a>
    {% endif %}
</body>
</html>

for循环遍历列表和字典

  1. 字典的遍历，语法和python一样，可以使用items()、keys()、values()、iteritems()、iterkeys()、itervalues()
    {% for k,v in user.items() %} <p>{{ k }}：{{ v }}</p> {% endfor %}
  2. 列表的遍历：语法和python一样。
    {% for website in websites %} <p>{{ website }}</p> {% endfor %}

示例代码

08for_statement .py

#encoding: utf-8

from flask import Flask,render_template

app = Flask(__name__)


# for遍历字典

@app.route('/')
def index():
    books = [
        {
            'name': u'西游记',
            'author': u'吴承恩',
            'price': 109
        },
        {
            'name': u'红楼梦',
            'author': u'曹雪芹',
            'price': 200
        },
        {
            'name': u'三国演义',
            'author': u'罗贯中',
            'price': 120
        },
        {
            'name': u'水浒传',
            'author': u'施耐庵',
            'price': 130
        }
    ]
    return render_template('index.html',books=books)


if __name__ == '__main__':
    app.run(debug=True)

index.html

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

<table>
    <thead>
        <th>书名</th>
        <th>作者</th>
        <th>价格</th>
    </thead>
    <tbody>
        {% for book in books %}
            <tr>
                <td>{{ book.name }}</td>
                <td>{{ book.author }}</td>
                <td>{{ book.price }}</td>
            </tr>
        {% endfor %}
    </tbody>
</table>

</body>
</html>

过滤器

  1. 介绍和语法：
    • 介绍：过滤器可以处理变量，把原始的变量经过处理后再展示出来。作用的对象是变量。
    • 语法：
      {{ avatar|default('xxx') }}
  2. default过滤器：如果当前变量不存在，这时候可以指定默认值。
  3. length过滤器：求列表或者字符串或者字典或者元组的长度。

  4. 常用的过滤器：
    abs(value)：返回一个数值的绝对值。示例：-1|abs
    default(value,default_value,boolean=false)：如果当前变量没有值，则会使用参数中的值来代替。示例：name|default('xiaotuo')——如果name不存在，则会使用xiaotuo来替代。boolean=False默认是在只有这个变量为undefined的时候才会使用default中的值，如果想使用python的形式判断是否为false，则可以传递boolean=true。也可以使用or来替换。
    escape(value)或e：转义字符，会将<、>等符号转义成HTML中的符号。示例：content|escape或content|e。
    first(value)：返回一个序列的第一个元素。示例：names|first
    format(value,*arags,**kwargs)：格式化字符串。比如：

    {{ "%s" - "%s"|format('Hello?',"Foo!") }}
    将输出：Helloo? - Foo!
    last(value)：返回一个序列的最后一个元素。示例：names|last。

    length(value)：返回一个序列或者字典的长度。示例：names|length。
    join(value,d=u'')：将一个序列用d这个参数的值拼接成字符串。
    safe(value)：如果开启了全局转义，那么safe过滤器会将变量关掉转义。示例：content_html|safe。
    int(value)：将值转换为int类型。
    float(value)：将值转换为float类型。
    lower(value)：将字符串转换为小写。
    upper(value)：将字符串转换为小写。
    replace(value,old,new)： 替换将old替换为new的字符串。
    truncate(value,length=255,killwords=False)：截取length长度的字符串。
    striptags(value)：删除字符串中所有的HTML标签，如果出现多个空格，将替换成一个空格。
    trim：截取字符串前面和后面的空白字符。
    string(value)：将变量转换成字符串。
    wordcount(s)：计算一个长字符串中单词的个数。

示例代码

09filter_demo .py

#encoding: utf-8

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def index():
    comments = [
        {
            'user': u'admin',
            'content': 'xxxx'
        },
        {
            'user': u'tesr',
            'content': 'xxxx'
        }
    ]
    return render_template('index.html',comments=comments)

if __name__ == '__main__':
    app.run(debug=True)

index.html

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

# 如果avatar这个变量不存在，就使用default过滤器提供的值

<img src="{{ avatar|default('http://avatar.csdn.net/1/D/B/3_hmzkekek41.jpg') }}" alt="">

<hr>

# length 计算长度
<p>评论数：({{ comments|length }})</p>
<ul>
    {% for comment in comments %}
        <li>
            <a href="#">{{ comment.user }}</a>
            <p>{{ comment.content }}</p>
        </li>
    {% endfor %}

</ul>
</body>
</html>

继承和block

  1. 继承作用和语法：
    • 作用：可以把一些公共的代码放在父模板中，避免每个模板写同样的代码。
    • 语法：
      {% extends 'base.html' %}
  2. block实现：
    • 作用：可以让子模板实现一些自己的需求。父模板需要提前定义好。
    • 注意点：字模板中的代码，必须放在block块中。

示例代码

app.py

#encoding: utf-8

from flask import Flask,render_template

app = Flask(__name__)


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

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


if __name__ == '__main__':
    app.run(debug=True)

index.html

# 基础页面
{% extends 'base.html' %}


{% block head %}
    <style>

    </style>
    <link rel="stylesheet" href="">
    
{% endblock %}

{% block title %}
    首页
{% endblock %}

{% block main %}
    <h1>这是首页</h1>
{% endblock %}

base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
        <style>
        .nav{
            background: #3a3a3a;
            height: 65px;
        }
        ul{
            overflow: hidden;
        }
        ul li{
            float: left;
            list-style: none;
            padding: 0 10px;
            line-height: 65px;
        }
        ul li a{
            color: #fff;
        }
    </style>
    {% block head %}{% endblock %}
</head>
<body>
<div class="nav">
    <ul>
        <li><a href="/">首页</a></li>
        <li><a href="/login">发布问答</a></li>
    </ul>
</div>
{% block main %}{% endblock %}
</body>
</html>

login.html

{% extends 'base.html' %}

{% block title %}
    登录
{% endblock %}

{% block main %}
    <h1>这是登录页面</h1>
{% endblock %}

url链接

使用url_for(视图函数名称)可以反转成url。

加载静态文件

  1. 语法：url_for('static',filename='路径')
  2. 静态文件，flask会从static文件夹中开始寻找，所以不需要再写static这个路径了。

  3. 可以加载css文件，可以加载js文件，还有image文件。
    ```
    第一个：加载css文件

    第二个：加载js文件

    第三个：加载图片文件

    ```

转载于:https://www.cnblogs.com/17bdw/p/9766902.html

weixin_30877755
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网易云课堂Python Flask框架全栈开发
qq_42702947的博客
07-17 2612
适用人群 1、想使用Python快速开发网站的。 2、前端开发者，想学习后端开发逻辑的。 3、有编程经验，想学习Flask的。 课程概述 本套课程的目标是从零基础开始，使用Flask框架开发企业级的项目。课程中不仅包含了Flask框架本身的知识点，更是站在全栈的角度讲解了如何结合Flask使用ajax完成异步调度，使用redis实现大型网站的缓存优化，使用celery实现邮件的异步发送等。更是紧...
python+flask项目实战开发
qq_42803940的博客
07-26 1万+
python虚拟环境的介绍与安装 因为python的框架更新迭代很快，有时候需要在一个电脑上存在一个框架的多个版本，这个时候虚拟环境就可以解决这个问题。 通过以下命令安装虚拟环境 (cmd命令) pip install virtualenv mkdir Virtualenv //创建虚拟环境目录 cd virtualenv virtualenv flask-env 3.激活虚拟环境...
Flask-模板
seanyang_的博客
07-13 1698
Flask使用jinja2模板引擎来渲染html页面。1.需要 import render_template2.在视图函数中调用 render_template如jinja2 模板文件混合 html 语法与 jinja2 语法，使用分界符区分 html 语法与 jinja2 语法。有 5 种常见的分界符： 包含有 3 种类型的变量：字符串、列表、字典，它们会被替换为同名的 Python 变量 jinja2 模板中，使用 {% 语句 %} 包围的语法块称为语句，jinja2 支持类似于 Pyth
黄勇-知了课堂-flask-40-50课源代码及数据库文件
12-11
老师的视频地址如下：https://study.163.com/course/courseMain.htm?courseId=1004091002，代码亲测有效
python框架flask系列(2)_Python框架Flask系列课程（2）—全栈开发
weixin_42356145的博客
12-30 298
课程连接分享仅供参考，切勿用于商业用途。适用人群有编程经验,想学习Fask的想使用 Python快速开发网站的前端开发者,想学习后端开发逻辑的课程概述本套课程的目标是从零基础开始,使用Fask框架开发企业级的项目。课程中不仅包含了Fask框架本身的知识点,更是站在全栈的角度讲解了如何结合Fask使用aja完成异步调度,使用 redis实现大型网站的缓存优化;使用 celery实现邮件的异步发送等。...
python-flask-template:适用于Python 3的基于HTTP和Flask的OpenFaaS模板
05-16
OpenFaaS Python Flask模板 Python的瓶模板，利用孵化器项目。 该存储库中可用的模板： python27烧瓶 python3-烧瓶 python3-flask-debian python3-flask-armhf python3-http python3-http-debian python3-...
Python-and-Flask-Bootcamp-Create-Websites-using-Flask-:Python和Flask Bootcamp使用Flask创建网站！
05-04
Python-and-Flask-Bootcamp-Create-Websites-using-Flask--master 压缩包可能包含一系列的代码文件、笔记、练习和项目文件，这些都是为了辅助学习者逐步实践和理解所学知识。通过实践这些项目，你可以巩固理论知识，...
毕业设计基于Python flask实现的书单笔记分享系统源代码+数据库
08-05
《基于Python Flask实现的书单笔记分享系统》 在当今数字化时代，信息共享与知识管理变得尤为重要。Python Flask框架以其轻量级、易上手的特点，成为开发Web应用的热门选择，尤其适合初学者和小型项目。本项目是...
python-for-everybody:课堂笔记
05-13
11. **Web编程**：通过学习Python的Flask框架，了解如何构建简单的Web应用程序，包括路由、模板渲染和表单处理。 12. **数据分析**：Python在数据科学领域有着广泛的应用，课程可能简要介绍如何使用pandas库进行...
flask资料-B站.zip
04-13
这个"flask资料-B站.zip"压缩包文件包含了与Flask相关的学习资料，可能是课程笔记、代码示例或者讲解视频的补充材料。通过视频链接（）可以获取更深入的讲解和实践指导。 **Flask的核心概念：** 1. **微型框架**：...
Flask Template ( 模板学习）
热门推荐
troysps的博客
05-27 3万+
学习目标 基本使用 过滤器&amp;自定义过滤器 控制代码块 宏、继承、包含 Flask 的模板中特有变量和方法 CSRF Jinja2模板引擎简介(template) 模板 视图函数的主要作用是生成请求的响应，这是最简单的请求。实际上，视图函数有两个作用：处理业务逻辑和返回响应内容。在大型应用中，把业务逻辑和表现内容放在一起，会增加代码的复杂度和维护成本。本节学到的模板，它的作用即是承...
flask笔记（史上最全，不全不要钱系列）
Null的博客
10-31 1777
1.说在前面的话 pythonweb开发框架 2.Flask开发环境搭建 关于python新建flask项目自动生成的文件夹说明： debug=True是调试模式，当我们更改python代码，直接F5页面就能看到更改。 html文件写在templates文件夹里面，这个templates文件夹是模板的默认目录。 css文件放在static文件夹里面。当我们放问一下静态...
Django 模板学习笔记
qq_32206387的博客
12-05 121
由来 因为使用 django.http.HttpResponse() 来输出 “Hello World！”。该方式将数据与视图混合在一起，不符合 Django 的 MVC 思想，所以有了Django 模板的应用，用于分离文档的表现形式和内容。 语法 双括号 hello.html 文件代码： <h1>{{ hello }}</h1> view.py 文件代码： from...
Flask模板简介
python -学习笔记
10-31 657
.模板 - Templates     1.什么是模板         模板:在Falsk中就是允许响应给用户看的网页         在模板中,允许包含"占位变量"来表示动态的内容         模板中最终也会被解析成字符串再响应给客户端,这一过程称之为"渲染"         falsk中模板是依赖于Jinja2的模板系统     2.模板的位置         默认情况下.Flask会...
python的星号（*）和双星号（**）用法
qq_36575363的博客
02-07 955
在Python中，星号除了用于乘法数值运算和幂运算外，还有一种特殊的用法"在变量前添加单个星号或两个星号"，实现多参数的传入或变量的拆解，本文将详细介绍"星号参数"的用法。 # 什么是星号变量（*） 最初，星号变量是用在函数的参数传递上的，在下面的实例中，单个星号代表这个位置接收任意多个非关键字参数，在函数的*b位置上将其转化成元组，而双星号代表这个位置接收任意多个关键字参数，在**b位置上将其转化成字典： * 　　该位置接受任意多个非关键字（non-keyword）参数，在函数中将其转化为元组（1,
随机数种子的作用
最新发布
帆的博客
07-23 1041
设置随机数种子（random seed）的目的是为了确保随机数生成器在每次运行时产生相同的随机数序列，从而保证实验结果的一致性。随机数种子通过初始化随机数生成器的内部状态，使得在相同的种子值下，随机数生成器每次调用时生成的序列是相同的。
Java-Lambda
lizhiwei21的博客
07-21 476
lambda表达式可以理解为对匿名内部类的一种简化 , 但是本质是有区别的面向对象思想 :强调的是用对象去完成某些功能函数式编程思想 :强调的是结果 , 而不是怎么去做。
基于Python,flask的学习笔记系统怎么建立
07-10
要基于Python和Flask建立一个学习笔记系统，你可以按照以下步骤进行： 1. 安装Python和Flask：首先，确保你的计算机上安装了Python。然后，使用pip命令安装Flask框架。在命令行中执行以下命令： ``` pip install ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值