Flask关于模板(url_for,redirect,render_template)等操作

最新推荐文章于 2024-04-30 12:12:22 发布

spring_cloudy

最新推荐文章于 2024-04-30 12:12:22 发布

阅读量1.2k

点赞数 2

分类专栏： flask 文章标签： flask python 后端

本文链接：https://blog.csdn.net/spring_cloudy/article/details/127315317

版权

flask 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

标题1、url_for()的使用

route()去设置访问函数的路由，那能否通过函数去得到访问的路径呢，答案是可以，那么就是通过url_for()去解析。比如下面有bookList()和bookList1(id)两个函数，在print_hi()中可以输出前面两个函数的route

from flask import Flask, url_for,jsonify
@app.route('/')
def print_hi():
    '''
    通过使用url_for可以通过传递的参数1函数名称得到访问该函数的route，如果函数还有其他参数，那么也需要拼接在后面
    '''
    print(url_for('bookList'))
    print(url_for('bookList1',id=3))
    return helloWorld


booklists=[
        {"id":1,"name":"book1"},
        {"id": 2, "name": "book2"},
        {"id": 3, "name": "book3"},
        {"id": 4, "name": "book4"}
    ]
@app.route('/cloudy/bookList/')
def bookList():
    return jsonify(booklists)


@app.route('/cloudy/bookList/<int:id>/')
def bookList1(id):
    for book in booklists:
        print("book:%s" % book)
        if id == book['id']:
            print("book:%s" % book['id'])
            return book
    return f"我是第{id}个"

2、redirect的使用

redirect表示重定向，重定向有分两种，目前只需要了解暂时重定向，这也是flask的默认重定向方式。比如下面这个功能，当启动项目在浏览器中输入http://127.0.0.1:8888/cloudy/detail/2时候，这时候是不能得到bookname的值，这样就会执行到redirect去。如果在浏览器中输入http://127.0.0.1:8888/cloudy/detail/2?name=‘curry’，那么可以获取到bookname就会执行else语句
重定向需要传递第一个参数表示重定向的路由，第二个参数表示重定向的方式code
‘’’
重定向：使用redirect()，接受2个参数，第一个参数location重定向的路由地址，这时候就可以通过url_for()函数得到路由，
第二个参数code表示重定向方式，永久重定向301还是暂时重定向302，默认302

booklists=[
        {"id":1,"name":"book1"},
        {"id": 2, "name": "book2"},
        {"id": 3, "name": "book3"},
        {"id": 4, "name": "book4"}
    ]
from flask import Flask, url_for, request,redirect
@app.route('/cloudy/detail/<int:id>')
def detail(id):
    # url上面传参可以加入?key=value表示传参，可以通过下面方式获取那个参数
    bookname = request.args.get('name')
    print("bookname: %s"%bookname)
    if not bookname:
        return redirect(url_for('bookList'))
    else:
        return "我是谁"

3、render_template()的使用

render_template表示重定向到哪html文件，根据下面案例，我们可以得到传递可以有3种类型，第一种不传递任何参数。第二种传递一个变量参数。第三种传递跟python一样的**args

from flask import Flask,request,render_template
@app.route('/login/')
def login():
    tokenName = request.args.get('name')
    if tokenName:
        return "已经登录"
    else:
        # 不用往模板传递参数
        # return render_template('login.html')
        # 往模板传递一个固定值参数
        # return render_template('login.html',name='jack')
        # 往模板传递多个参数
        args = {
            'name':'curry',
            "email":"curry@gmail.com",
            "books":["book1",'book2'],
            "itemm":{"class":"small","nums":6}
        }
        return render_template('login.html', **args)

在templats中有如下这样一个html文件，就是前面的重定向模板，在模板中可以通过{{}}来获取传递的参数内容

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <h3>欢迎光临</h3>
    <p>这是登录页，请 {{name}} 使用 {{email}} 登录</p>
</div>
</body>
</html>

4、html模板中的一些操作内容，比如过滤器，for，if等

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <p>过滤器的使用，比如求{{name}}长度为: {{name|length}}</p>
    <p>再比如过滤器转大写，{{name}}的大写是: {{name|upper}}。具体需要使用哪些过滤器时候去查就好了</p>
    <P>格式化字符过滤器{{name|format}}</P>
    <p>如果开启了全局转义，那么safe过滤器会将变量关掉转义{{name|safe}}</p>
    <p>转义字符，会将<、>等符号转义成HTML中的符号{{name|escape}}</p>
    <h2>for循环</h2>
    <ul>
        {% for book in books %}
            <li>{{ book }}</li>
        {% endfor %}
    </ul>
    <h2>字典遍历</h2>
    <dl>
       {% for key,value in itemm.items() %}
                {{ key|e }}：{{ value|e }}
        {% endfor %}
    </dl>
    <h2>if判断</h2>
    {% if name == 'curry' %}
        <p>我是{{ name }}</p>
    {% endif %}
</div>
</body>
</html>

5、include的作用

include是表示导入模板，比如一个html页面的顶部和底部一些div模块都是固定的，那么就可以很方便的使用include去处理。
下面如果我们访问http://127.0.0.1:8888/include/路径，可以看到有顺利加载footer.html的内容

# include模板
@app.route('/include/')
def include():
    return render_template('include.html')


include.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>我是include的body体</div>
{% include 'footer.html' %}
</body>
</html>

footer.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>我是页面底部内容，你可以include我，这样不用每个页面都写</p>
</body>
</html>

标题6、模板的继承

继承模板有什么作用呢？可以在父模板中我们写上比如{% block title%}index page{% endblock %}这类型的block块。
在其他html中通过{% extends ‘index.html’ %}进行引用，可以修改上面的block块。如果不修改那么就会继承使用，直接按照父模板内容显示

# 父模板
@app.route('/index/')
def index():
    return render_template('index.html')

# 继承模板
@app.route('/extendshtml/')
def extendshtml():
    return render_template('extendshtml.html')

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title%}index page{% endblock %}</title>
</head>
<body>
<div>{% block body %}父模板的body体{% endblock %}</div>
<div>{% block footer %}footer line style{% endblock %}</div>
</body>
</html>

extendshtml.html
<!-- 继承的关键字extends，如果不对父模板的固有内容修改，那么会引用父内容的东西 -->
{% extends 'index.

{% block title%}继承title{% endblock %}

{% block body %}继承body
{% endblock %}

标题7、宏和它的引用

什么叫宏，不对，flask中的宏是什么，我的理解是创建一个模板，用于快捷的在html中使用一些已创建好的标签使用。比如下方在一个forms.html中创建好宏对象。使用{% macro 标签名(一些属性)%}<标签>{% endmacro %}。在下面中使用跟python一样的导包方式进行导入操作

<!--设置一些固有的元素标签---宏-->

forms.html
<!--name（设定的）,type（固有的）,value(动态输入的)-->
{% macro input(name,value='',type='text') %}
    <input type="{{ type }}" name="{{ name }}" value="{{value|e}}">
{% endmacro %}


other.html
<!-- 宏的导包2 -->
{% import 'forms.html' as forms %}
<br>
<br>
姓名：{{ forms.input(name='name',value='cloudy') }}
<br>
<br>
密码：{{ forms.input(name='pwd',type='password') }}

<!-- 宏的导包1 -->
{% from 'forms.html' import input %}
姓名：{{ input(name='name',value='cloudy') }}