对于页面大部分一样，我们可以使用模板布局来简化

可以查看tornado中的模板引擎，基本一致

python---tornado模板引擎

对于相同代码部分，我们可以提取出来，放在布局文件layout.py中

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        .page-nav{

            height: 50px;

            background-color: rebeccapurple;

        }

        .page-content .menu{

            height: 500px;

            background-color: antiquewhite;

            float: left;

            width: %;

        }

        .page-content .content{

            height: 500px;

            background-color: cornflowerblue;

            float: left;

            width: %;

        }

        .page-bottom{

            height: 30px;

            background-color: blueviolet;

            clear: both;

        }

    </style>

</head>

<body>

    <div class="page-nav"></div>

    <div class="page-content">

        <div class="menu">

            <p><a href="/blog/order/">订单</a></p>

            <p><a href="/blog/shop/">购物车</a></p>

        </div>

        {% block content %}

            #此处是不同的地方，需要对应每个功能来显示

        {% endblock %}

    </div>

    <div class="page-bottom">

    </div>

</body>

</html>

调用布局文件，进行使用：

{% extends "base.html" %}

{% block content %}

    <div class="content">

        订单

    </div>

{%  endblock %}
{%  extends "base.html" %}

{% block content %}

<div class="content">

    购物车

</div>

{% endblock %}

对于其他js,css等文件也可以这样进行修改

补充：可以继承父类的代码

父类：

        {% block content %}

            <div>hahahha</div>

        {% endblock %}

子类：

{% extends "base.html" %}

{% block content %}

    <div class="content">

        订单

    </div>

{%  endblock %}

其中订单会覆盖父类的div，要想两者不相互冲突，需要加上：

{% extends "base.html" %}

{% block content %}

    <div class="content">

        {{ block.super }}

        订单

    </div>

{%  endblock %} 

注意点：对于每个APP，我们应该将其添加到settings文件中

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'repository',

    'web',

]

若是未添加，那么在APP下的视图中调用的模板中的一些功能将消失，例如block等。导致页面无法正常显示

python---django中模板布局的更多相关文章

  1. Python Django中QQ邮箱授权码问题

    Python Django中QQ邮箱授权码问题 系统及软件版本如下: Ubuntu Kylin 16.04 Python 3.5.1 Django 1.9.7 PyCharm Community Ed ...

  2. RSA算法在Python Django中的简单应用

    说明 RSA算法是当今使用最广泛,安全度最高的加密算法. • RSA算法的安全性理论基础 [引]根据百科介绍,对极大整数做因数分解的难度决定了RSA算法的可靠性.换言之,对一极大整数做因数分解愈困难, ...

  3. Django中模板的用法简介

    1. 模板系统的介绍 Django作为一个Web框架,其模板所需的HTML输出静态部分以及动态内容插入 模板由HTML代码和逻辑控制代码构成 Django框架的模板语言的语法格式: {{var_nam ...

  4. django 中模板语言的各种用法

    模板 1.视图中使用模板 模版的创建过程,对于模版,其实就是读取模版(其中嵌套着模版标签),然后将 Model 中获取的数据插入到模版中,最后将信息返回给用户 1.普通方法:HTML被直接硬编码在 P ...

  5. Python Django 中的STATIC_URL 设置和使用解析

    使用Django静态设置时,遇到很多问题,经过艰苦的Baidu, stack overflow, Django原档阅读,终于把静态图片给搞出来了.特记录下来. 关键的概念:Django中,静态资源的存 ...

  6. python django -4 模板

    模板介绍 作为Web框架,Django提供了模板,可以很便利的动态生成HTML 模版系统致力于表达外观,而不是程序逻辑 模板的设计实现了业务逻辑(view)与显示内容(template)的分离,一个视 ...

  7. python Django中的cookie和session

    目录 Cookie 1.1获取Cookie 1.2设置Cookie Session 1.数据库Session 2.缓存Session 3.文件Session 4.缓存+数据库Session Cooki ...

  8. django中模板变量与内置标签以及过滤器

    本文参考 官方文档 . 一  模板变量 格式: {{ variable_name }} variable_name   命名规则与变量命名规则类似,允许字符数字下划线,不允许标点. variable_ ...

  9. Django中模板使用

    第一步:配置 1.在工程中创建模板目录templates. 2.在settings.py配置文件中修改TEMPLATES配置项的DIRS值:TEMPLATES = [ { 'BACKEND': 'dj ...

随机推荐

  1. IT高管和易筋经的故事

    老板是我非常敬重的前领导之一,他的一些管理风格,也影响了后来我对技术团队的管理. 理想企业 什么是程序员理想的IT企业?公司里面有良好的同事关系,合理的产品需求和开发进度,最好老板懂点编程,这样公司更 ...

  2. effective c++ 笔记 (18-22)

    //---------------------------15/04/06---------------------------- //#18 让接口容易被正确使用,不易被误用 { //  1:为了防 ...

  3. mvc5.0-路由

    :first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdow ...

  4. allegro 基本步骤

    PCB 1．建立电路板 首先是打开PCB编辑器——开始--所有程序-- Allegro SPB 15.5--PCB Editor,在弹出的对话框中选择Allegro PCB Design 610(PC ...

  5. linux下SpringBoot Jar包自启脚本配置

    今天整理服务器上SpringBoot项目发现是自启的,于是想看看实现.翻看离职同事的交接文档发现一个***.service文件内容如下 [Unit] Description=sgfront After ...

  6. ABP中文文档及源码说明

    目录 ABP.ModuleZero(ABP自带的一套用户模块) 版本管理(Edition) 特性管理(Feature)

  7. springmvc 事务回滚说明

    Spring中的@Transactional(rollbackFor = Exception.class)属性详解 序言 今天我在写代码的时候,看到了.一个注解@Transactional(rollb ...

  8. THE LAST ONE！！ 2017《面向对象程序设计》课程作业八

    THE LAST ONE!! 2017<面向对象程序设计>课程作业八 031602230 卢恺翔 GitHub传送门 题目描述 1.时间匆匆,本学期的博客作业就要结束了,是否有点不舍,是否 ...

  9. 软件工程学习之小学四则混合运算出题软件 Version 1.00 设计思路及感想

    对于小学四则混合运算出题软件的设计,通过分析设计要求,我觉得为了这个软件在今后便于功能上的扩充,可以利用上学期所学习的<编译原理>一课中的LL1语法分析及制导翻译的算法来实现.这样做的好处 ...

  10. github优缺点

    以前bitbucket沒有支援git github可以直接在網站上瀏覽push的圖片 github 可以針對code行數直接留言與回覆 github Markdown支援很好 github 的issu ...