Django模板 标签,继承与组件

load 和 static 标签

当我们想在页面上使用一些静态资源例如图片、js、css 。这时候我们就要使用到static标签了。
例如在页面中显示一张本地图片。
操作步骤:
a. 新建一个文件夹来盛放静态资源,例如 static,为了和后面的static标签区分,这里使用 statics名称
b. 将statics文件夹加载到python搜索路径中。
c. 在页面上最开始位置使用 {%load static %} load 标签 来加载 static 标签。
d. 在要展示图片的地方 使用 {% static ‘图片路径’}
{% static ‘图片路径’} 表示 使用 注意语法中的static是固定的不能更改。

模板继承

当我们浏览一个网站的时候发现里面的网页大部分都是相同的。这时候我们就可以,在html文件中用到继承来减少繁琐的工作和代码。

  1. 定义母板
    在这里插入图片描述
  2. 继承母板
    语法:{% 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’ %}将整个文件插入。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值