Flask写入jinja2的样式继承(挖坑填坑),样式过滤,前端定义数据导入导出

样式继承

在flask中我们需要把数据传递给前端,同样的在页面显示中,有不变的某些页面,因此可以运用样式继承:block
但是在继承css样式标的时候也django有些不同
Django:

1.  <link rel="stylesheet" href="/static/css/index.css">
2.  {% load static %}
    <link rel="stylesheet" href="{% static, 'css/index.css' %}">
flask

Flask

1. <link rel="stylesheet" href="/static/css/index.css">
2. <link rel="stylesheet" href="{{ url_for('static', filename='css/index.css') }} ">

{{ loop.first }}表示第一个为true
同理lst表示最后一个

一些扩展:
这里写图片描述

显示样式safe

传递样式 需要用‘’|‘’过滤
在方法views中传递

content_h2 = '<h2>哎哟不错</h2>'

    return render_template('scores.html',
                           con=content_h2)

普通传递

<li>{{ con }}</li>

1.显示样式safe

<li>{{ con|safe }}</li>

2.不现实样式,但是传递

<li>{{ con|striptags }}</li>

效果如下:
这里写图片描述

前端定义数据库

创建macro

开始{% macro() 写函数名 %}
        内容
    结束{% endmacro %}

{% macro show_goods(goods_name,goods_id) %}
        商品id:{{ goods_id }}
        商品名称:{{ goods_name }}
    {% endmacro %}

导出

{% from 创建的html名 import 函数名 %}

{% from 'show.html' import show_goods %}
{{ show_goods('伊利','1') }}
<br>
{{ show_goods('明治','2') }}

这里写图片描述

猜你喜欢

转载自blog.csdn.net/qq_41781877/article/details/80334818