load 和 static 标签
当我们想在页面上使用一些静态资源例如图片、js、css 。这时候我们就要使用到static标签了。
例如在页面中显示一张本地图片。
操作步骤:
a. 新建一个文件夹来盛放静态资源,例如 static,为了和后面的static标签区分,这里使用 statics名称
b. 将statics文件夹加载到python搜索路径中。
c. 在页面上最开始位置使用 {%load static %} load 标签 来加载 static 标签。
d. 在要展示图片的地方 使用 {% static ‘图片路径’}
{% static ‘图片路径’} 表示 使用 注意语法中的static是固定的不能更改。
模板继承
当我们浏览一个网站的时候发现里面的网页大部分都是相同的。这时候我们就可以,在html文件中用到继承来减少繁琐的工作和代码。
- 定义母板
- 继承母板
语法:{% extends ‘base.html’ %}
{% extends 'publisher_list.html' %}
{% block main %}
<table class="table table-bordered">
<thead>
<tr>
<th>序号</th>
<th>id</th>
<th>出版社名称</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1</td>
<td>北京出版社</td>
<td>
<a class="btn btn-danger" href="">删除</a>
<a class="btn btn-info" href="">编辑</a>
</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>上海出版社</td>
<td>
<a class="btn btn-danger" href="">删除</a>
<a class="btn btn-info" href="">编辑</a>
</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>天津出版社</td>
<td>
<a class="btn btn-danger" href="">删除</a>
<a class="btn btn-info" href="">编辑</a>
</td>
</tr>
</tbody>
</table>
{% endblock %}
组件
可以将常用的页面内容如导航条,页尾信息等不变的组件可以保存在单独的文件中,然后在需要使用的地方按如下语法导入即可。
语法:
{% include ‘navbar.html’ %}将整个文件插入。