Jinja2 |
您所在的位置：网站首页 › 静态模板函数 › Jinja2 |
Jinja2
|
目录 1.模板继承 child1.html child2.html app.py 2.加载静态文件 1.模板继承一个网站中，大部分网页的模块是重复的，比如顶部的导航栏，底部的备案信息。如果在每个页面中都重复的去写这些代码，会让项目变得臃肿，提高后期维护成本。比较好的做法是，通过模板继承，把一些重复性的代码写在父模板中，子模板继承父模板后，再分别实现自己页面的代码。我们首先来看一个父模板 base.html 的例子。 {% block title %}{% endblock %} 首页 新闻 {% block body %} {% endblock %} 这是底部的标签以上父模板中，编写好了网页的整体结构，并且把所有子模板都需要用到的样式文件base.css也提前引用好了。然后针对子模板需要重写的地方，则定义成了block，比如以上定义了title、head、body、footer这几个block，子模板在继承了父模板后，重写对应block的代码，即可完成子模板的渲染。这里我们用继承 base.html 的方式，实现child1.html 、child2.html文件，代码如下。 child1.html {% extends "base.html" %} {% block title %} 我是子模板的标题 {% endblock %} {% block body %} 我是子模板的body {% endblock %} child2.html {% extends "base.html" %} {% block title %} 我是child2 {% endblock %} {% block body %} 我是child2 {% endblock %} app.py @app.route("/child1") def child1(): return render_template("child1.html") @app.route("/child2") def child2(): return render_template("child2.html")效果如下：
一个网页中，除了HTML代码以外，还需要CSS、JavaScript 和图片文件才能更加美观和实用。静态文件默认是存放到当前项目的static文件夹中。
在模板文件中，可以通过url_for 加载静态文件，示例代码如下。 Title |
【本文地址】
今日新闻 |
推荐新闻 |