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') }}

这里写图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值