python修改静态html_python全栈开发_day52_html模板继承和静态配置

今日内容

模板层(模板语法)

标签

过滤器

自定义标签，过滤器，inclusion_tag

模板的继承

模板的导入

后端朝前端页面传递数据的方式

# 第一种

return render(request,'index.html',{'n':n})

# 第二种

return render(request,'index.html',locals())

# 将当前所在的名称空间中的名字全部传递给前端页面

后端传函数名到前端，会自动加括号调用，但是不支持传参

后端传对象到前端，就相当于打印了这个对象

前端获取后端传过来的容器类型的内部元素 统一采用句点符(.)

('关某某','谢某某','陈某某','容嬷嬷')>>>:{{ t }},{{ t.1 }} 数字对应的就是数据的索引

前端能够调用python后端数据类型的一些不需要传参的内置方法

模板语法的注释

不会展示到前端页面:{#调用python自带的内置方法,可以调用不需要传参的一些内置方法#}

原生html的注释

会展示到前端:

过滤器

前端统计字符串的长度:{{ s|length }}

前端获取数据如果是空就返回default后面默认的参数值:{{ flag|default:'你这个东西是个空'}}

将数字格式化成表示文件大小的单位:{{ file_size|filesizeformat }}

{{ ctime }}

格式化时间(不要加百分号){{ ctime|date:'Y-m-d' }}

字符串的切片操作:{{ res|slice:'0:8' }}

{{ res|slice:'0:8:2' }}

截取固定的长度的字符串 三个点也算:{{ s|truncatechars:10 }}

按照空格截取文本内容:{{ res|truncatewords:4 }}

{{ s|truncatewords:4 }}

{{ 'hahah'|add:'heheheh' }}

{#重点#}

{{ ht }}

{{ sr }}

{{ ht|safe }}

{{ sr|safe }}

前后端取消转义(*****)

前端:

|safe

后端:

from django.utils.safestring import mark_safe

xxx = mark_safe('

我是h1标签

')

标签

for循环

{% for foo in l %}

{{ foo }}

{{ forloop }}

{% endfor %}

if判断

{% if flag %}

flag不为空

{% else %}

flag是空

{% endif %}

嵌套使用

{% for foo in l %}

{% if forloop.first %}

这是我的第一次

{% elif forloop.last %}

这是最后一次了啊

{% else %}

嗨起来！！！

{% endif %}

{% endfor %}

empty

当你的for循环对象为空的时候会自动走empty代码块儿的内容

后端:

l = None

前端:

{% for foo in l %}

{% if forloop.first %}

这是我的第一次

{% elif forloop.last %}

这是最后一次了啊

{% else %}

嗨起来！！！

{% endif %}

{% empty %}

你给我的容器类型是个空啊，没法for循环

{% endfor %}

自定义过滤器

必须做的三件事

1.在应用名下新建一个名为templatetags文件夹(必须叫这个名字)

2.在该新建的文件夹内新建一个任意名称的py文件

3.在该py文件中需要固定写下面两句代码

from django import template

register = template.Library()

# 自定义过滤器

@register.filter(name='XBB')

def index(a,b):

return a+b

自定义标签

# 自定义标签

@register.simple_tag

def plus(a,b,c):

return a+b+c

自定义inclusion_tag

# 自定义inclusion_tag

@register.inclusion_tag('login.html',name='login')

def login(n):

# l = []

# for i in range(n):

# l.append('第%s项'%i)

l = [ '第%s项'%i for i in range(n)]

return {'l':l}

# login.html

{% for foo in l %}

{{ foo }}

{% endfor %}

# 调用

{% login 5 %}

注意 :要想使用自定义的过滤器 标签 inclusion_tag 必须先在需要使用的html页面加载你的py文件

{% load my_tag %}

{{ 666|XBB:8 }}

{% plus 1 2 3 %}

{% login 5 %}

模板的继承与导入

首先需要在被继承的模板中划分多个区域

{% block 给区域起的名字 %}

{% endblock %}

通常情况下一个模板中应该至少有三块

{% block css %}

页面css代码块

{% endblock %}

{% block js %}

页面js代码块

{% endblock %}

{% block content %}

页面主体内容

{% endblock %}

子板继承模板

先继承模板所有的内容

{% extends 'home.html' %}

然后根据block块的名字修改指定区域的内容

{% block content %}

登录页面

username:

password:

{% endblock %}

模板的导入:将一段html当做模块的方式导入到另一个html展示

{% include '想导入的html文件名' %}

静态文件配置

{% load static %}

# 第一种方式

# 第二种方式