template基本使用

Python 代码编写和 HTML 设计是两项不同的工作，将页面的设计和Python的代码分离开会更干净简洁更容易维护。我们通过 Django的 模板系统 (Template System)来实现这种模式

1. 使用 {{双大括号}} 来引用变量

(venv) E:\Django-1.11.17\testkarl>python3 manage.py shell
>>> from django.template import Template, Context
>>> t = Template('show item 2: {{ items.2 }}')
>>> c = Context({'items': ['apple', 'banana', 'pear', 'orange']})
>>> t.render(c)
'show item 2: pear'

# 同一模板，多个上下文，一旦有了模板对象，你就可以通过它渲染多个context，无论何时我们都可以
# 像这样使用同一模板源渲染多个context，只进行 一次模板创建然后多次调用render()方法渲染会
# 更为高效：
# Low
for name in ('John', 'Julie', 'Pat'):
    t = Template('Hello, {{ name }}')
    print t.render(Context({'name': name}))

# Good
t = Template('Hello, {{ name }}')
for name in ('John', 'Julie', 'Pat'):
    print t.render(Context({'name': name}))

Django 模板解析非常快捷。 大部分的解析工作都是在后台通过对简短正则表达式一次性调用来完成。 这和基于 XML 的模板引擎形成鲜明对比，那些引擎承担了 XML 解析器的开销，且往往比 Django 模板渲染引擎要慢上几个数量级。

2. 深度变量的查找（万能的句点号）

在到目前为止的例子中，我们通过 context 传递的简单参数值主要是字符串，然而，模板系统能够非常简洁地处理更加复杂的数据结构，例如list、dictionary和自定义的对象。在 Django 模板中遍历复杂数据结构的关键是句点字符 (.)。

# 1.使用句点访问列表索引
>>> from django.template import Template, Context
>>> t = Template('show item 2: {{ items.2 }}')
>>> c = Context({'items': ['apple', 'banana', 'pear', 'orange']})
>>> t.render(c)
'show item 2: pear'

# 2.使用句点访问字典的值
>>> from django.template import Template, Context
>>> persion = {'name':'Karl', 'age':'30'}
>>> t = Template('{{persion.name}} is {{persion.age}} years old.')
>>> c = Context({'persion':persion})
>>> t.render(c)
'Karl is 30 years old.'

# 3.使用句点访问对象的属性
>>> from django.template import Template, Context
>>> import datetime
>>> d = datetime.date(1997, 7, 20)
>>> d.year
1997
>>> d.month
7
>>> d.day
20

# 4.使用句点访问对象的方法
>>> from django.template import Template, Context
>>> t = Template('{{var}} -- {{var.upper}} -- {{var.lower}} -- {{var.isdigit}}')
>>> t.render(Context({'var':'KarlPython123'}))
'KarlPython123 -- KARLPYTHON123 -- karlpython123 -- False'
## 注意：这里调用方法时没有使用小括号()，而且无法给该方法传参，因此只能调用无参的方法

3. django 过滤器

4. 自定义过滤器

4.1 第一步： 在app目录下创建包 templatetags (包名不能改)

• 在templatetags下创建py文件，文件名随意，比如

4.1.1 自定义simple_tag， 不能在模板中使用if判断

from django import template
from django.utils.html import format_html
import datetime

register = template.Library()

@register.simple_tag
def page_cut(current_page, loop_page):
    #分页： 固定显示前后5页
    differ = abs(current_page - loop_page)
    if differ < 5:
        li = '''<li class=""><a href="?page=%s">%s<span class="sr-only">(current)</span></a></li>''' % (loop_page, loop_page)
        return format_html(li)
    else:
        #这里一定要返回一个空字符串，否则在前端会显示一系列的None
        return ''

4.1.2 自定义过滤器函数filter

• 因为sample_tag不能使用if判断，所以才有了它
• 最多只能有两个参数，一个是变量值，一个是选项值

from django import template
from django.utils.html import format_html
import datetime

register = template.Library()

@register.filter
def time_color(exp_date):
    #给一个月内到期的html标签加上class属性
    startdate = datetime.datetime.now().date()
    enddate = startdate + datetime.timedelta(30)
    if (enddate - exp_date).days > 0 and (enddate - exp_date).days <= 30:
        td = '''<td class="%s">%s</td>''' % ('exp_date', exp_date)
        return format_html(td)
    elif (enddate - exp_date).days > 30:
        td = '''<td class="outof">%s</td>''' % (exp_date)
        return format_html(td)
    else:
        td = '''<td>%s</td>''' % (exp_date)
        return format_html(td)

4.2 第二步： html引用

• *在文件开头导入 {% load my_page %} *

<tbody>
        {% for project in projects_list %}
        <tr>
            <td><a href="{% url 'projects_detail' project.id %}">{{ project.com_name }}</a></td>
            <td>{{ project.name}}</td>
            <td>{{ project.domain }}</td>
            <td>{{ project.get_status_display }}</td>
            {{ project.exp_date|time_color }}
            <td>{{ project.ftp }}</td>
        </tr>
        {% endfor %}
    </tbody>

<!-- 页码导航 -->
<nav>
  <ul class="pagination">
    {% if projects_list.has_previous %}
        <li class=""><a href="?page={{ projects_list.previous_page_number }}" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
    {% endif %}

    {% for page_num in projects_list.paginator.page_range %}
     {% if page_num == projects_list.number %}
        <li class="active"><a href="?page={{ page_num }}">{{ page_num }}<span class="sr-only">(current)</span></a></li>
     {% else %}
         #分页标签
        {% page_cut projects_list.number page_num %}
     {% endif %}
    {% endfor %}

    {% if projects_list.has_next %}
        <li class=""><a href="?page={{ projects_list.next_page_number }}" aria-label="Previous"><span aria-hidden="true">&raquo;</span></a></li>
    {% endif %}
  </ul>
</nav>