本文介绍: 模板浏览器中是运行不了的 —-》因为它有模板语法 —-》浏览器解析不了模板语法必须在后端渲染完成(替换完成) —–》变成纯粹的htmlcssjs这种在后端会被渲染的类python语法,它叫模板语法django中它又叫dtl(django template language)

目录

一、模板层

1、介绍

2、了解

3、页面静态化

4、模版语法

5、内置过滤器

6、标签

for标签

 if 标签

7、模板导入和继承

模板导入

模板继承


一、模板层

1、介绍

2、了解

python的模板:HTML代码+模板语法

def current_time(req):
    # ================================原始的视图函数
    # import datetime
    # now = datetime.datetime.now()
    # html = "&lt;html&gt;&lt;body&gt;现在时刻:&lt;h1&gt;%s.&lt;/h1&gt;</body&gt;</html&gt;" %now


    # ================================django模板修改的视图函数
    from django.template import Template,Context
    now = datetime.datetime.now()
    # 内部打开这个模板 ---》读出所有内容实例化得到了t对象
    t = Template('<html&gt;<body>现在时刻是:<h1>{{current_date}}</h1></body></html>')
    # t = get_template('current_datetime.html')
    c = Context({'current_date':str(now)})
    html = t.render(c)
    return HttpResponse(html)


    # 另一种写法(推荐)
    import datetime
    now = datetime.datetime.now()
    return render(req, 'current_datetime.html', {'current_date':str(now)[:19]})

 总结

render(request,'模板名字',context={key:value,key1:value})
本质是:
t=Template('<html><body>现在时刻是:<h1>{{current_date}}</h1></body></html>')
c=Context({'current_date':str(now)})
html=t.render(c) # 返回字符串
HttpResponse(html)

3、页面静态

def index(request):
# 1 判断 cache文件夹下有没有index.html   纯静态页面
# 2 如果没有:做下面的事
    #     books = Book.object.all()
    #     t = Template('<html><body>现在时刻是:<h1>{{current_date}}</h1></body></html>')
    #     # t=get_template('current_datetime.html')
    #     c = Context({'books':books})
    #     html = t.render(c)
    # 保存到某个文件cache文件夹index.html 
# 3 如果有那个文件打开文件 ---》HttpReponse
books=Book.object.all()
return render(request,'index.html',{books:books})

4、模版语法

变量:{{ 变量名 }}   字典列表对象  —-》 通过.拿到属性方法

  1. 深度查询 用句点符
  2. 过滤器
  3. 标签:{{% % }} 

5、内置过滤器

<p>{{ now | date:"Y-m-d H:i:s" }}</p>
  • 注意:冒号后面不能加空格
{#如果变量为空设置默认值,空数据,None,变量存在,都适用#}
<p>{{ name |default:'数据为空' }}</p>
{#计算长度,只有一个参数#}
<p>{{ person_list |length }}</p>
{#计算文件大小#}
<p>{{ 1024 |filesizeformat }}</p>

{#字符串切片,前闭后开,前面取到,后面取不到#}
<p>{{ 'hello world lqz' |slice:"2:-1" }}</p>
<p>{{ 'hello world lqz' |slice:"2:5" }}</p>

{#截断字符,至少三个起步,因为会有三个省略号(传负数,1,2,3都是三个省略号)#}
<p>{{ '刘清政 world lqz' |truncatechars:"4" }}</p>
{#截断文字,以空格做区分,这个不算省略号#}
<p>{{ '刘清政   是      大帅比 谢谢' |truncatewords:"1" }}</p>

{{s}}   不会渲染成标签,没有xss攻击
{#我们知道s是安全的,我们可以使用safe标签,把它渲染成真正的标签}
<p>{{ link1 }}</p>
<p>{{ link1|safe }}</p>
<p>{{ link }}</p>

<p>&amp;spades;</p>
<p>{{ dot }}</p>

{#add   可以加负数,传数字字符串可以#}
<p>{{ "10"|add:"-2" }}</p>
<p>{{ li.1|add:"-2" }}</p>
<p>{{ li.1|add:2 }}</p>
<p>{{ li.1|add:"2" }}</p>
<p>{{ li.1|add:"-2e" }}</p>

{#upper#}
<p>{{ name|upper }}</p>
<p>{{ 'LQZ'|lower }}</p>

6、标签

for标签

{% for person in person_list %}
    <p>{{ person.name }}</p>
{% endfor %}

# 可以利用{% for obj in list reversed %}反向完成循环

遍历一个字典

{% for key,val in dic.items %}
    <p>{{ key }}:{{ val }}</p>
{% endfor %}

 for … empty

# for 标签带有一个可选的{% empty %} 从句,以便在给出的组是空的或者没有被找到时,可以有所操作。
{% for person in person_list %}
    <p>{{ person.name }}</p>

{% empty %}
    <p>sorry,no person here</p>
{% endfor %}

 if 标签

# {% if %}会对一个变量求值,如果它的值是True存在、不为空、且不是boolean类型false值),对应内容块会输出。

{% if num > 100 or num < 0 %}
    <p>无效</p>
{% elif num > 80 and num < 100 %}
    <p>优秀</p>
{% else %}
    <p>凑活吧</p>
{% endif %}

if语句支持 and 、or、==、>、<、!=、<=、>=、innot in、is、is not判断

7、模板导入继承

模板导入

语法:{% include '模版名称' %}
<!--little.html  这个是以后要导入的代码块-->
<div>
    <h1>我是广告</h1>
    <p>亚洲最大交友平台</p>
    <p>名字是:{{ name }}---诚信交友</p>
</div>
<!--在index.html 或者 login.html中想用-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div>
    {% include 'little.html' %}
    <!--这个位置引入即可,但是如果little中有模板语法,需要如下--> 
</div>
<hr>
<div>
    我是div222
</div>

</body>
</html>
# python代码:
def index(request):
    return render(request, 'index.html', {'name': '彭于晏'})

模板继承

Django模版引擎中最强大也是最复杂部分就是模版继承了。模版继承可以让您创建一个基本的“骨架”模版,它包含站点中的全部元素,并且可以定义能够被子模版覆盖blocks 。

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css"/>
    <title>{% block title %}My amazing site{% endblock %}</title>
</head>

<body>
<div id="sidebar">
    {% block sidebar %}
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/blog/">Blog</a></li>
        </ul>
    {% endblock %}
</div>

<div id="content">
    {% block content %}{% endblock %}
</div>
</body>
</html>

这个模版我们把它叫作 base.html, 它定义一个可以用于两列排版页面的简单HTML骨架。“子模版”的工作是用它们的内容填充空的blocks。

在这个例子中, block 标签定义了三个可以被子模版内容填充的block。 block 告诉模版引擎: 子模版可能覆盖掉模版中的这些位置

子模版可能看起来是这样的:

{% extends "base.html" %}
 
{% block title %}My amazing blog{% endblock %}
 
{% block content %}
{% for entry in blog_entries %}
    <h2>{{ entry.title }}</h2>
    <p>{{ entry.body }}</p>
{% endfor %}
{% endblock %}

extends 标签是这里的关键。它告诉模版引擎,这个模版“继承”了另一个模版。当模版系统处理这个模版时,首先,它将定位父模版——在此例中,就是“base.html”。

那时,模版引擎将注意到 base.html 中的三个 block 标签,并用子模版中的内容来替换这些block。根据 blog_entries 的值,输出可能看起来是这样的:

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css" />
    <title>My amazing blog</title>
</head>
 
<body>
    <div id="sidebar">
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/blog/">Blog</a></li>
        </ul>
    </div>
 
    <div id="content">
        <h2>Entry one</h2>
        <p>This is my first entry.</p>
 
        <h2>Entry two</h2>
        <p>This is my second entry.</p>
    </div>
</body>
</html>

原文地址:https://blog.csdn.net/qq_53842456/article/details/134693473

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_30478.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注