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
在这里插入图片描述
在这里插入图片描述

发布了136 篇原创文章 · 获赞 30 · 访问量 7094

猜你喜欢

转载自blog.csdn.net/a__int__/article/details/104295149
今日推荐