<!--static/css/app.css-->

.navbar-brand {

    font-family: 'Peralta', cursive;

}
<!--templates/base.html-->

{% load static %}<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>{% block title %}Django Boards{% endblock %}</title>

        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">

    </head>

    <body>

        <div class="container">

            <ol class="breadcrumb my-4">

                {% block breadcrumb %}

                {% endblock %}

            </ol>

        　　{% block content %}

        　　{% endblock %}

        </div>

    </body>

</html>

<!--现在我们有了 bast.html 模板，我们可以很轻松地在顶部添加一个菜单块：---->

<!--templates/base.html-->

{% load static %}<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>{% block title %}Django Boards{% endblock %}</title>

        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">

    </head>

    <body>

        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">

            <div class="container">

                <a class="navbar-brand" href="{% url 'home' %}">Django Boards</a>

            </div>

        </nav>

        <div class="container">

            <ol class="breadcrumb my-4">

            　　{% block breadcrumb %}

            　　{% endblock %}

            </ol>

            {% block content %}

            {% endblock %}

        </div>

    </body>

</html>

<!--在 bast.html 模板中添加这个字体：-->

{% load static %}<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>{% block title %}Django Boards{% endblock %}</title>

        <link href="https://fonts.googleapis.com/css?family=Peralta" rel="stylesheet">

        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">

        <link rel="stylesheet" href="{% static 'css/app.css' %}">

    </head>

    <body>

        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">

            <div class="container">

            　　<a class="navbar-brand" href="{% url 'home' %}">Django Boards</a>

            </div>

        </nav>

        <div class="container">

            <ol class="breadcrumb my-4">

            　　{% block breadcrumb %}

            　　{% endblock %}

            </ol>

            {% block content %}

            {% endblock %}

        </div>

    </body>

</html>
<!--templates/home.html-->

{% extends 'base.html' %}

{% block breadcrumb %}

    <li class="breadcrumb-item active">Boards</li>

{% endblock %}

{% block content %}

    <table class="table">

        <thead class="thead-inverse">

            <tr>

                <th>Board</th>

                <th>Posts</th>

                <th>Topics</th>

                <th>Last Post</th>

            </tr>

        </thead>

        <tbody>

        　　{% for board in boards %}

        　　　　<tr>

            　　　　<td>

            　　　　　　<a href="{% url 'board_topics' board.pk %}">{{ board.name }}</a>

            　　　　　　<small class="text-muted d-block">{{ board.description }}</small>

            　　　　</td>

            　　　　<td class="align-middle">0</td>

           　　　　 <td class="align-middle">0</td>

            　　　　<td></td>

        　　　　</tr>

        　　{% endfor %}

        </tbody>

    </table>

{% endblock %}
<!--templates/topics.html-->

{% extends 'base.html' %}

{% block title %}

    {{ board.name }} - {{ block.super }}

{% endblock %}

{% block breadcrumb %}

    <li class="breadcrumb-item"><a href="{% url 'home' %}">Boards</a></li>

    <li class="breadcrumb-item active">{{ board.name }}</li>

{% endblock %}

{% block content %}

    <!-- just leaving it empty for now. we will add core heresoon. -->

{% endblock %}

Django入门与实践-第12章：复用模板（完结）的更多相关文章

  1. Django入门与实践-第15章：用户注销(完结)

    # myproject/settings.py LOGOUT_REDIRECT_URL = 'home' http://127.0.0.1:8000/logout/ # myproject/urls. ...

  2. Django入门与实践-第26章：个性化工具（完结）

    http://127.0.0.1:8000/boards/1/topics/62/reply/ 我觉得只添加内置的个性化(humanize)包就会很不错. 它包含一组为数据添加“人性化(human t ...

  3. Django入门与实践-第13章：表单处理（完结）

    http://127.0.0.1:8000/boards/1/ http://127.0.0.1:8000/boards/2/ http://127.0.0.1:8000/boards/3/ http ...

  4. Django入门与实践-第23章：分页实现（完结）

    http://127.0.0.1:8000/boards/1/ #从现在起,我们将在 board_topics 这个视图中来操作. python manage.py shell from django ...

  5. Django入门与实践-第14章：用户注册（完结）

    http://127.0.0.1:8000/signup/ django-admin startapp accounts INSTALLED_APPS = [ 'accounts', ] # mypr ...

  6. Django入门与实践-第11章：URL 分发（完结）

    http://127.0.0.1:8000http://127.0.0.1:8000/boards/1/http://127.0.0.1:8000/boards/2/http://127.0.0.1: ...

  7. Django入门与实践-第25章：Markdown 支持（完结）

    http://127.0.0.1:8000/boards/1/topics/102/reply/ 让我们在文本区域添加 Markdown 支持来改善用户体验. 你会看到要实现这个功能非常简单. 首先, ...

  8. Django入门与实践-第24章：我的账户视图（完结）

    http://127.0.0.1:8000/settings/account/ #好的,那么,这部分将是我们最后的一个视图.之后,我们将专心来改进现有功能. #accounts/views.py fr ...

  9. Django入门与实践-第22章：基于类的视图

    http://127.0.0.1:8000/boards/1/topics/2/posts/2/edit/ http://127.0.0.1:8000/ #boards/views.py from d ...

随机推荐

  1. vue深入了解组件——自定义事件

    一.事件名 跟组件和prop不同,事件名不存在任何自动化的大小写转换.而是触发的事件名需要完全匹配监听这个事件所用的名称.举个例子,如果重复啊一个camelCase名字的事件: this.$emit( ...

  2. 通过关闭 UseDNS和GSSAPIAuthentication选项加速 SSH登录

    通常情况下我们在连接 OpenSSH服务器的时候假如 UseDNS选项是打开的话,服务器会先根据客户端的 IP地址进行 DNS PTR反向查询出客户端的主机名,然后根据查询出的客户端主机名进行DNS正 ...

  3. TEXT 6 Travelling with baggage

    TEXT 6 Travelling with baggage 背着行囊去旅行 Feb 16th 2006 From The Economist print edition (1)FEW modern ...

  4. Numpy数据存取

    Numpy数据存取 numpy提供了便捷的内部文件存取,将数据存为np专用的npy(二进制格式)或npz(压缩打包格式)格式 npy格式以二进制存储数据的,在二进制文件第一行以文本形式保存了数据的元信 ...

  5. Python模拟登录的几种方法

    目录 方法一:直接使用已知的cookie访问 方法二:模拟登录后再携带得到的cookie访问 方法三:模拟登录后用session保持登录状态 方法四:使用无头浏览器访问 正文 方法一:直接使用已知的c ...

  6. 浅谈Spark应用程序的性能调优

    浅谈Spark应用程序的性能调优 :http://geek.csdn.net/news/detail/51819 下面列出的这些API会导致Shuffle操作,是数据倾斜可能发生的关键点所在 1. g ...

  7. SQL 数据库事务 存储过程练习

    数据库事务: 数据库事务(Database Transaction) 是指作为单个逻辑工作单元执行的一系列操作. 事务处理可以确保除非事务性单元内的所有操作都成功完成,否则不会永久更新面向数据的资源. ...

  8. 批量删除进程清理 minerd

    发现顽固minerd 进程与ntp一起启动,所以一起杀掉 yum remove ntp kill -9 `ps -ef | grep ntp|awk '{print $2}'` kill -9 `ps ...

  9. UVa 230 Borrowers(map和set)

    I mean your borrowers of books - those mutilators of collections, spoilers of the symmetry of shelve ...

  10. 岛屿的个数12 · Number of Islands 12

    ［抄题］: ［思维问题］: ［一句话思路］: ［输入量］:空: 正常情况:特大:特小:程序里处理到的特殊情况:异常情况(不合法不合理的输入): ［画图］: ［一刷］: ［二刷］: ［三刷］: ［四刷］ ...