[关闭]
@1kbfree 2018-05-16T23:11:21.000000Z 字数 623 阅读 1170

4. 模板继承

flask


当我们项目多了的时候,又重复要写的代码,比如每个页面都有导航栏,那么我们就可以吧导航栏代码单独放到menu.html文件,然后把每个要用导航栏的页面都继承这个menu.html文件,就节省了开发时间,和代码量。

要被继承的页面:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{% block title %}被继承页面{% endblock title %}</title> {# 在被要继承这个html代码的那个文件输入title #}
  6. </head>
  7. <body>
  8. {% block bodys %}
  9. <ul>
  10. <li>这是被继承页面</li>
  11. <li>这是被继承页面</li>
  12. <li>这是被继承页面</li>
  13. <li>这是被继承页面</li>
  14. <li>这是被继承页面</li>
  15. <li>这是被继承页面</li>
  16. </ul>
  17. {% endblock bodys %}
  18. </body>
  19. </html>

要继承的页面:

  1. {% extends "bjc.html" %}
  2. {% block title %}
  3. 要继承页面
  4. {% endblock title%}
  5. {% block bodys %}
  6. <ul>
  7. <li>这是要继承页面</li>
  8. <li>这是要继承页面</li>
  9. <li>这是要继承页面</li>
  10. <li>这是要继承页面</li>
  11. <li>这是要继承页面</li>
  12. <li>这是要继承页面</li>
  13. </ul>
  14. {% endblock bodys %}

image_1cd6ls7bs1qfi3n5h621of2d3k9.png-168.9kB
image_1cd6lss801qvkebh1lbn16at13lfm.png-198.1kB

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注