Flask 4(template、flask-bootstrap、flask-debugtoolbar)

1、template

1.1、基本模板语法规则

语法规则和django的模型语法规则基本一样

for循环:挖坑
{% for… in …%} {{…}} {% endfor %}
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
for循环:填坑
在这里插入图片描述
if:flask里面不用ifequal
在这里插入图片描述
块:block
在这里插入图片描述
继承:extends
在这里插入图片描述
包含:
在这里插入图片描述
在这里插入图片描述

1.2、宏定义marco

在这里插入图片描述
在这里插入图片描述
你可以把函数单独写成一个html
定义函数
在这里插入图片描述
调用函数
在这里插入图片描述

1.3、过滤器

在这里插入图片描述
在这里插入图片描述

1.4、template路径问题

首先我们找到app = Flask(name)所在路径,Flask会负责找到template和static的路径,默认是在app = Flask(name)所在路径的同级目录下,比如这里
在这里插入图片描述
如果我们需要把template放在app = Flask(name)所在路径的前一个目录下,需要这样声明
在这里插入图片描述
同理static也可以放外面
在这里插入图片描述
另外,我们也可以在蓝图这里指定template路径
在这里插入图片描述
给路由加一个前缀
在这里插入图片描述
在这里插入图片描述

1.5、在模板引用路径的两种方式

在这里插入图片描述

2、flask-bootstrap

flask-bootstrap是flask的一个插件,最新支持bootstrap4的叫bootstrap-flask

2.1、开始使用

先安装
在这里插入图片描述
再插件中导入
在这里插入图片描述
创建一个base.html
在这里插入图片描述
在bootstrap官网找一个导航条实例放进base.html试试

bootstrap官网
https://v3.bootcss.com/components/#navbar

在这里插入图片描述
在这里插入图片描述
运行并访问看看效果
在这里插入图片描述

3、flask-debugtoolbar

flask-debugtoolbar一个前端测试工具,一般用不可以不用安装
安装
在这里插入图片描述
初始化
在这里插入图片描述
使用flask-debugtoolbar记得配置SECRET_KEY
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值