<!--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. 使用seaborn制图（柱状图）

    import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns # 设置风格, ...

  2. 关于gevent的一些理解(一)

    前言:gevent是python的一个并发框架,以微线程greenlet为核心,使用了epoll事件监听机制以及诸多其他优化而变得高效.而且其中有个monkey类, 将现有基于Python线程直接转化 ...

  3. 【完结汇总】iKcamp出品基于Koa2搭建Node.js实战共十一堂课(含视频)

  4. 第一个struct2程序（2）

    第三步 需要使用ActionForm了.在Struts1.x中,必须要单独建立一个ActionForm类(或是定义一个动作Form),而在Struts2中ActionForm和Action已经二合一了 ...

  5. 根据条件决定是否为input设置只读属性

    代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit ...

  6. shell脚本面试题

    Q:1 Shell脚本是什么.它是必需的吗? 答:一个Shell脚本是一个文本文件,包含一个或多个命令.作为系统管理员,我们经常需要使用多个命令来完成一项任务,我们可以添加这些所有命令在一个文本文件( ...

  7. webpack 构建同时适用于手机和电脑的调试服务器

    plugins plugins: [ new HtmlWebpackPlugin({ // 使用模板同时生成 pc.html和mobile.html title: 'pc', filename: 'p ...

  8. Python property() 函数

    Python property() 函数  Python 内置函数 描述 property() 函数的作用是在新式类中返回属性值. 语法 以下是 property() 方法的语法: class pro ...

  9. chest

    chest - 必应词典 美[tʃest]英[tʃest] n.胸部:胸膛:有…胸的:胸部…的 网络胸围:箱子:胸腔 变形复数:chests:

  10. Princess Principal(思维题)

    Princess Principal https://www.nowcoder.com/acm/contest/201/J 题目描述 阿尔比恩王国(the Albion Kingdom)潜伏着一群代号 ...