模板之母版、继承、导入、自定义函数

模板

母版

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block titile %}{% endblock %}</title>
    <link rel="stylesheet" href="/static/commons.css">
    <style>
        .pg-header{
            height: 50px;
            background-color: gold;
            color: white;
        }
    </style>
    {% block css %}{% endblock %}
</head>
<body>
    <div class="pg-header">母版</div>
    {% block context %}{% endblock %}
    <script src="/static/jquery.js"></script>
    {% block js %}{% endblock %}
</body>
</html>

继承

extends

书写顺序无要求，仅能继承一个母版

{% extends 'master.html' %}

{% block title %}母版使用{% endblock %}

{% block context %}
    <span>用户名</span>
    <input type="text" name="user" placeholder="用户名" />
{% endblock %}

{% block js %}
    <script>
        alert('123');
    </script>
{% endblock %}

{% block css %}
    <style>
        body{
            background-color: blue;
        }
    </style>
{% endblock %}

导入

include

可导入多个

{% block context %}
    <span>用户名</span>
    <input type="text" name="user" placeholder="用户名"/>
    {% include 'tag.html' %}
    {% include 'tag.html' %}
{% endblock %}

自定义函数

simple_tag

优点：参数个数无限制，空格间隔，空格个数无限制
缺点：不可作为模板if的条件

app下创建templatetags目录
在templatetags目录下，创建任意py文件（文件名任意，例如spring.py）
在py文件中，创建template对象 register

在py文件中，装饰函数

 @register.simple_tag
 def my_define_func(a, b):
     return a + b

settings中注册APP
在html文件，第一行添加 {% load spring %}
在html文件，body中写 {% 函数名 arg1 arg2 %}

例如： app的templatetags目录下的spring.py

  	from django import template
  	from django.utils.safestring import mark_safe
  	
  	register = template.Library()
  	
  	
  	@register.simple_tag
  	def my_define_func(a, b):
  	    return a + b

  simple.html
  	
  	{% load spring %}
  	<!DOCTYPE html>
  	<html lang="en">
  	<head>
  	    <meta charset="UTF-8">
  	    <title></title>
  	</head>
  	<body>
  	    {{ name }}
  	    <br/>
  	    {{ name|lower }}
  	    <br/>
  	    {% my_define_func 5 2 %}
  	</body>
  	</html>

  urls.py
  	url(r'^simple$', views.simple),

  views.py
  	def simple(request):
  	    name = "Tom"
  	    return render(request, 'simple.html', {'name': name})

  settings.py
  	INSTALLED_APPS = [
  	    'django.contrib.admin',
  	    'django.contrib.auth',
  	    'django.contrib.contenttypes',
  	    'django.contrib.sessions',
  	    'django.contrib.messages',
  	    'django.contrib.staticfiles',
  	    'app01',
  	]

  若html使用继承

  	{% extends 'master.html' %}
  	{% load spring %}
  									
  	{% block context %}
  	    <span>用户名</span>
  	    <input type="text" name="user" placeholder="用户名" />
  	    {{ "PM"|my_filter:"LiLi" }}
  	{% endblock %}

filter
- 缺点：最多传递2个参数，且不能加空格；若传递多个参数，可以将多个参数组成一个，当成参数2传递，在函数内处理
- 优点：可以作为模板if的条件
- 使用方法：
  - {{ 参数|函数名 }}
  - {{ 参数1|函数名:参数2 }}
例如：
```
  html
  	{{ "PM"|my_filter:"LiLi" }}

  app的templatetags目录下的spring.py
  	@register.filter
  	def my_filter(a, b):
  	    return a + b
  
  其它与simple_tag一样
```

自定义分页

前端处理

  {{ page_str|safe }}

  page_str = """
      <a href="/page/?p=1">1</a>
      <a href="/page/?p=2">2</a>
      <a href="/page/?p=3">3</a>
  """

后端处理

  {{ page_str }}

  from django.utils.safestring import mark_safe

  page_str = """
      <a href="/page/?p=1">1</a>
      <a href="/page/?p=2">2</a>
      <a href="/page/?p=3">3</a>
  """
  page_str = mark_safe(page_str)