主模板：master.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{% block title %} {% endblock %}</title>    #替换位置加{% block title %}{% endblock %}

    <link rel="stylesheet" href="/static/commons.css">

    <style>　　　　　　　　#全局css

        .pg-header{

            height: 48px;

            background-color: seashell;

            color: green;

        }

    </style>
{% block css %} {% endblock%}   #自定义css 由继承模板时加入

</head>

<body>

<div class="pg-header">管理界面</div>

{% block content %} {% endblock %}   #替换位置

<script src="/static/jquery.js"></script>  #全局js
{% block js %} {% endblock %}  #自定义js 由继承模板时加入

</body>

</html>

　

#　继承模板：

{% extends 'master.html' %}      #继承模板需要添加,继承的模板来自master.html

{% block title %}用户管理{% endblock %}   #替换模板中title的位置

{% block css %}<style>...</style>{% endblock %} #自定义css

{% block content %}     #替换模板中content的位置

    <h1>用户管理</h1>

    <ul>

        {% for u in user_list %}

            <li>{{ u }}</li>

        {% endfor %}

    </ul>

{% endblock %}
{% block js %}<script src="..."></script>{% endblock %}  #自定义js

　　

#模板导入：

# 需要导入的模板 tag.html

<form action="">

    <input type="text">

    <input type="submit">

</form>

{% extends 'master.html' %}

{% block title %}用户管理{% endblock %}

{% block content %}

    {% include  "tag.html"  %}  #导入模板html

{% endblock %}

　　

继承 ：

{% extends '模板.html' %}

{% include "模板.html" %}

引用：

{% block 模板标题 %}{% endblock %}

关于自定义模板--simple_tag

ooxx.py
from django import template      #导入模板类

from django.utils.safestring import mart_safe   #给simple_tag打标记

register = tmplate.Librarry()　　　#固定写法必须加，创建特template对象

@register.simple_tag　　　　#加simple_tag的装饰器

def houyafan(a1,a2):       #返回网页的函数

    return a1 + a2

{% load ooxx.py %}   #导入simple_tag
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    {% houyafan 3 5 %}   #调用simple_tag函数houyafan()返回 3+5=8

</body>

</html>

注：需要在app01下创建一个文件夹名字必须是： templatetags

　　   再在templatetags下面建立py文件在py文件中写以上Python代码

建立步骤：

simple_tag---filter

@register.filter      #使用filter装饰器

def check(a1, a2):

    return a1 + a2

<body>

    {{ "zhangjian"|check:"ZJ" }}  #跟django自带的filter一样  例如：{{ name | upper }}
</body>

输出：

fliter使用的场景：

{%  if  {{ “xx” |check ："yy"}} %}

优缺点对比：

Django-website 程序案例系列-8 html模板文件详解的更多相关文章

  1. DotNetBar for Windows Forms 12.9.0.0_冰河之刃重打包版及制作Visual Studio C#项目模板文件详解

    关于 DotNetBar for Windows Forms 12.9.0.0_冰河之刃重打包版 --------------------11.8.0.8_冰河之刃重打包版-------------- ...

  2. 小程序学习笔记三：页面文件详解之视图层WXML、WXS、WXSS文件

      视图层:Pages主要有 wxml页面文件和模板文件.wxs脚本文件.wxss样式文件:component是抽取出来的业务单元,同样拥有wxml页面文件和模板文件.wxs脚本文件.wxss样式文件 ...

  3. 小程序学习笔记二：页面文件详解之 .json文件

       页面配置文件—— pageName.json 每一个小程序页面可以使用.json文件来对本页面的窗口表现进行配置,页面中配置项会覆盖 app.json 的 window 中相同的配置项. 页面的 ...

  4. 第14章 启动文件详解—零死角玩转STM32-F429系列

    第14章     启动文件详解 全套200集视频教程和1000页PDF教程请到秉火论坛下载:www.firebbs.cn 野火视频教程优酷观看网址:http://i.youku.com/firege ...

  5. vue-cli生成的模板各个文件详解（转）

    vue-cli脚手架中webpack配置基础文件详解 一.前言 原文:https://segmentfault.com/a/1190000014804826 vue-cli是构建vue单页应用的脚手架 ...

  6. 深入浅出Mybatis系列（四）---配置详解之typeAliases别名（mybatis源码篇）

    上篇文章<深入浅出Mybatis系列(三)---配置详解之properties与environments(mybatis源码篇)> 介绍了properties与environments, ...

  7. Android Studio系列教程五--Gradle命令详解与导入第三方包

    Android Studio系列教程五--Gradle命令详解与导入第三方包 2015 年 01 月 05 日 DevTools 本文为个人原创,欢迎转载,但请务必在明显位置注明出处!http://s ...

  8. 【转】Eclipse Java注释模板设置详解

    Eclipse Java注释模板设置详解   设置注释模板的入口: Window->Preference->Java->Code Style->Code Template 然后 ...

  9. 构建安全的Xml Web Service系列之wse之错误代码详解

    原文:构建安全的Xml Web Service系列之wse之错误代码详解 WSE3.0现在还没有中文版的可以下载,使用英文版的过程中,难免会遇到各种各样的错误,而面对一堆毫无头绪的错误异常,常常会感到 ...

随机推荐

  1. 【Codeforces 115D】Unambiguous Arithmetic Expression

    Codeforces 115 D 题意:给一个没有括号的表达式,问有多少种添加括号的方法使得这是一个合法的表达式?输入可能有正负号.加减乘除.数字. 思路1: 这是不能过的\(naive\)的\(dp ...

  2. [06] Bean属性的注入

    之前我们提到了Bean实例化的三种方式:构造器方式.静态工厂方式.普通工厂方式.那么对于Bean中的属性,又是如何进行注入的(依赖注入),这个篇章就来提一提. 1.先提提什么是"依赖注入&q ...

  3. CSS-Photoshop投影与CSS中box-shadow的转换

    box-shadow是给元素块添加周边阴影效果基本语法是: {box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} ...

  4. 学习angularjs的内置API函数

    angularjs的内置API函数有很多,如isString()判断给定的对象是否为字符串,如果是返回 true,反之返回false:isNumber()判断给定的对象是否为数字,如果是返回 true ...

  5. Linux tar 解压 压缩(转)

     注:tar是打包,不是压缩!)  解包: tar xvf FileName.tar 打包:tar cvf FileName.tar DirName .tar.gz 解压:tar zxvf FileN ...

  6. 控制反转IOC与依赖注入DI - 理论篇

    学无止境,精益求精 十年河东十年河西,莫欺少年穷 昨天是五一小长假归来上班的第一天,身体疲劳,毫无工作热情.于是就看看新闻,喝喝茶,荒废了一天 也就在昨天,康美同事张晶童鞋让我学习下IOC的理论及实现 ...

  7. CSharp 案例：用 Dynamic 来解决 DataTable 数值累加问题

    需求说明 给定一个 DataTable,如果从中取出数值类型列的值并对其累加? 限制:不知该列是何种数值类型. 解决方案 1.将表转换为 IEnumerable<dynamic>,而后获取 ...

  8. RabbitMQ TroubleShooting

    RabbitMQ是一款优秀的消息队列中间件,提供了稳定.监控完善的产品,但是软件就会有bug.为了前进路径可以畅通,我们必须了解出现的一些故障的快速处理方式,毕竟在生产环境,时间就是生命,尽快的处理是 ...

  9. 阿里云Centos搭建jdk环境

    当我们开始了自己的开发,那么云服务器是一定少不了的,当然也有很多同学只是在本地做开发研究. 这里记录一下我自己在阿里云上搭建环境的过程. 趁着优惠的时候,我在阿里云上购买了ECS云服务器,并且搭载了C ...

  10. Kafka(分布式发布-订阅消息系统)工作流程说明

    Kafka系统架构Apache Kafka是分布式发布-订阅消息系统.它最初由LinkedIn公司开发,之后成为Apache项目的一部分.Kafka是一种快速.可扩展的.设计内在就是分布式的,分区的和 ...