<!--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. Jenkins + testNg + maven 项目持续集成

    搞了一整天,梳理下关键点: 1.项目的pom.xml要配置插件,同时指定testng.xml文件的位置.就被这个卡了好久 <properties> <maven-surefire-p ...

  2. for 命令详解

    FOR有4个参数 /d   /l   /r   /f   他们的作用我在下面用例子解释 FOR /L %%variable IN (start,step,end) DO command [comman ...

  3. 基于OpenGL编写一个简易的2D渲染框架-02 搭建OpenGL环境

    由于没有使用GLFW库,接下来得费一番功夫. 阅读这篇文章前请看一下这个网页:https://learnopengl-cn.github.io/01%20Getting%20started/02%20 ...

  4. java流输入输出

    java读取txt文件内容.可以作如下理解:  首先获得一个文件句柄.File file = new File(); file即为文件句柄.两人之间连通电话网络了.接下来可以开始打电话了.  通过这条 ...

  5. Group by 内部排序

    1.right join #  update_time  gid=>sid, group_status => s_table select a.* from comment as a ri ...

  6. frm和ibd恢复sql文件的操作

    情况:有mysql中data文件(仅仅一个数据库) 操作:frm和ibd恢复sql文件的操作 1.创建相同名字的库xxx 2.把ibdata1替换成原来的 3.把数据库xxx内内容全部替换为原来的 完 ...

  7. git仓库搬家

    1). 从原地址克隆一份裸版本库 git clone --bare git://xxxxx.com/xxx.git 2). 然后到新的 Git 服务器上创建一个新项目 3). 以镜像推送的方式上传代码 ...

  8. Python3 len()方法

    Python3 len()方法  Python3 字符串 描述 Python len() 方法返回对象(字符.列表.元组等)长度或项目个数. 语法 len()方法语法: len( s ) 参数 s - ...

  9. SVN客户端的安装和使用

    ----------------------siwuxie095 SVN 客户端的安装 1.SVN 客户端,选择 TortoiseSVN,下载链接: https://tortoisesvn.net/d ...

  10. 几种TCP连接终止

    在三次连接完成后,accept调用前,客户机发来RST. Berkeley实现将完全在内核中处理,不通知. 而SVR4实现将返回一个错误EPROTO,而POSIX指出应该是ECONNABORTED,后 ...