我们通常在网页中会看到上方有个导航条,当点击菜单项时,导航条一直存在,下面部分在变化。如下图,点击注册和登录,上方部分是相同的,下面内容不同,这就用到了flask中的继承
继承的作用:把一些公共界面样式的代码放在父模板中,避免每个模板都写同样的代码
1.制作基础模板,base.html,设计大概框架,把每个界面公共部分实现效果
base.html app.py2.让其他界面都继承自base.html,,只需要一行代码,运行每个界面都会有同样的导航条
有了相同的部分,也要有不同的部分,接下来使用block实现每个网页的多样化。首页和登录界面导航条相同,内容不同
1.在base.html中,公共部分的下面定义block模块,{%block 模块名字%}{%endblock%}.
补充说明:href=使用的是url反转,通过视图函数名称获取对应的路径
2.在注册界面,登录界面实现block中的内容,一定要将内容写在block模块内
index.html login.html3.你也可以在title中设置block模块,让每一页都有自己的标题,或者添加css,js样式,用法和上面设置内容相同
网友评论