<!--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. python 2 类与对象

    1.类与对象的概念 类即类别.种类,是面向对象设计最重要的概念,从一小节我们得知对象是特征与技能的结合体,而类则是一系列对象相似的特征与技能的结合体. 那么问题来了,先有的一个个具体存在的对象(比如一 ...

  2. import 语句用于导入从外部模块，另一个脚本等导出的函数，对象或原语。

    import 语句用于导入从外部模块,另一个脚本等导出的函数,对象或原语. 注意:此功能目前无法在任何浏览器中实现.它在许多转换器中实现,例如 Traceur Compiler , Babel , R ...

  3. Delphi WebBrowser 无法调用当前浏览器的版本 --转

    出自:http://blog.csdn.net/wensibo/article/details/25971863 procedure TregedtIE.FormCreate(Sender: TObj ...

  4. iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 代码分层

    视频地址:https://www.cctalk.com/v/15114923889408 文章 在前面几节中,我们已经实现了项目中的几个常见操作:启动服务器.路由中间件.Get 和 Post 形式的请 ...

  5. [转]Gulp思维 —— Gulp高级技巧

    感受过gulp.js带来的兴奋过后,你需要的不仅仅是它的光鲜,而是切切实实的实例.这篇文章讨论了一些使用gulp.js时常踩的坑,以及一些更加高级和定制化的插件和流的使用技巧. 基本任务 gulp的基 ...

  6. C++ 11 中的 Lambda 表达式的使用

    Lambda在C#中使用得非常频繁,并且可以使代码变得简洁,优雅. 在C++11 中也加入了 Lambda. 它是这个样子的 [] () {}...  是的三种括号开会的节奏~ [] 的作用是表示La ...

  7. 抽象类（abstract class）

    package com.bjsxt.oop.abstractClass; //抽象类 public abstract class Animal { //因为父类的方法总是被重写 那就没写的必要了 但是 ...

  8. ArcGIS模型构建器案例学习笔记-字段处理模型集

    ArcGIS模型构建器案例学习笔记-字段处理模型集 联系方式:谢老师,135-4855-4328,xiexiaokui@qq.com 由四个子模型组成 子模型1:判断字段是否存在 方法:python工 ...

  9. break、continue、pass介绍

    break.continue.pass介绍 break:跳出当前循环 continue:跳出本次循环,进行下一次循环 pass:什么也不做,占位.

  10. JavaScript实现AOP（面向切面编程，装饰者模式）

    什么是AOP? AOP(面向切面编程)的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来,这些跟业务逻辑无关的功能通常包括日志统计.安全控制.异常处理等.把这些功能抽离出来之后, 再通过“动态织入 ...