flask之模板、在前端解析数据

最新推荐文章于 2023-02-23 23:28:24 发布

6and0

最新推荐文章于 2023-02-23 23:28:24 发布

阅读量519

点赞数

分类专栏： python----flask 文章标签： flask python html

本文链接：https://blog.csdn.net/zxcvbbnn/article/details/106073008

版权

python----flask 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

修改模板语言

构造

在这里插入图片描述

05flask模板中的代码

from flask import Flask,render_template
# from jinja2.filters import do_float这个是过滤器的源码
#app = Flask(__name__)
#如果这个括号里面，写别的话，就会报错他会以别的地方为家目录去找teplates这个模块
#但是入股你非要写别的模块的话，你就得告诉他去哪里找
#app = Flask(__name__，template_folder="写上目录",)
#ctrl 鼠标点击Flask就可以看到里面的源码，如果访问模板静态文件有变化的话，一定要告诉他

app = Flask(__name__,static_url_path='/abc')
#static_url_path='/abc'它的作用是为了隐藏路径
#访问http://127.0.0.1:5000/static/image/....是找不到的
#http://127.0.0.1:5000/abc/image/...就可以找到了

@app.route('/')
def index():
    #构造上下文，在模板里面解析出来
    ctx = {
        'age':12,
        'hobby':['王一博','防弹',"易烊千玺"],
        'gender':{'sex':'女'},
        'content':'<h1>liuheling</h1>'
    }

    return render_template('index.html',**ctx)
    #利用拆包的方式，把上下文传给前端

#自定义过滤器,参考源码（ctrl+鼠标点击）
#value必须写的默认参数，表示接受需要过滤的值
def myself_filter(value,arg1='',arg2=''):
    #arg1表示接收到值后面想加什么就加什么，不写死,后面写上='',表示可以为空
    #如果想在后面（就是接收到想要过滤的文字）加多个值，再传一个参数就可以,在下面加上就可以
    return str(value)+ arg1+arg2
#注册过滤器，让它合法
app.jinja_env.filters['show'] = myself_filter
#然后这个过滤器就赋值给show了，在前端也只需要|show就可以了

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

模板index.html中的代码（把后端的数据在前端解析出来）

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

age:{{ age }}

{#列表的取值#}
<br>
start:
<ul>
{% for h in hobby %}
    {% if loop.index % 2 == 0 %}
{#    看行数是否为偶数#}
    <li style="background-color: blueviolet">{{ h }}</li>
    {% else %}
    <li style="background-color: aquamarine">{{ h }}</li>
    {% endif %}
{% endfor %}
</ul>
{#取列表第一个值#}
<br>
其中的明星:{{ hobby[0] }}
{#或者#}
{{ hobby.1 }}
<br>
{#字典的取值#}
gender:{{ gender.sex }}

<br>
{#过滤器，把模板的h1标签非转义，也就是发挥它本身的作用#}
{#转义就是本来的样子，非转义就是实现标签的作用#}
我是：<ul style="color: chocolate">{{ content|safe }}</ul>
<br>
我是：<ul style="color: bisque">{{ content|show('good','棒棒哒') }}</ul>
{#不能和safe过滤器连着用，但是和别的可以#}



</body>
</html>