Flask------使用模板继承搭建页面

现在我们的三个页面基本都是一样的了,但是如果要进行修改的话,得同时修改三个html,就显得比较麻烦,当我们得html页面越来越多的时候就难以操作了。
在这里插入图片描述

我们现在还没有登录视图,先创建一个login
在这里插入图片描述
在新建login.html页面
在这里插入图片描述
内容直接拷贝regist,修改一下字段显示内容
在这里插入图片描述

ok,接下来做模板继承的页面,新建一个layout.html,将index拷贝过去,在class=“navbar 下面写入继承模块空间
在这里插入图片描述
{% block %} {% endblock %} 就是用来继承的模块,里面用来存放不一样的页面内容
在这里插入图片描述
再来看看前端的index页面
在这里插入图片描述
ok,这就是模板继承

那么它是怎么工作的呢
首先我们index视图将路由指向”/“目录,渲染index.html页面
在这里插入图片描述
然后index页面发现第一行就是一个继承
{% extend “layout” %}
在这里插入图片描述
那么,它就会去找layout,然后就把layou.html渲染了,当渲染到{% block %} {% endblock %} 时,就会去找里面的内容,如果有的话,在渲染里面的内容
在这里插入图片描述
这样就会根据不同页面,渲染不同的内容,只需要将不同的表单放在{% block %} {% endblock %} 。

以上

发布了65 篇原创文章 · 获赞 41 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_43870646/article/details/97900477