Django的模板渲染(一)

简介: Django的模板渲染(一)

Django模板渲染

Djando模板渲染引擎,是一种可以让开发者把服务端数据填充到html网页中完成渲染效果的技术。它实现了把前端代码和服务端代码分离的作用,让项目中的业务逻辑代码和数据表现代码分离,让前端开发者和服务端开发者可以更好的完成协同开发。

在前后端不分离的Djang项目中,Django自带的模板渲染功能还是非常好用的,他能帮我们快速地成形一个网站

一 语法

模板渲染的官方文档

关于模板渲染你只需要记两种特殊符号(语法):

{{ }}和 {% %}

变量相关的用{{}},逻辑相关的用{%%}。

二 变量

在Django的模板语言中按此语法使用:{{ 变量名 }}。

当模版引擎遇到一个变量,它将计算这个变量,然后用结果替换掉它本身。 变量的命名包括任何字母数字以及下划线 (“_”)的组合。 变量名称中不能有空格或标点符号。

深度查询据点符(.)在模板语言中有特殊的含义。当模版系统遇到点(“.”),它将以这样的顺序查询:

字典查询(Dictionary lookup)

   属性或方法查询(Attribute or method lookup)

   数字索引查询(Numeric index lookup)

注意事项:

如果计算结果的值是可调用的,它将被无参数的调用。 调用的结果将成为模版的值。

如果使用的变量不存在, 模版系统将插入 string_if_invalid 选项的值, 它被默认设置为’’ (空字符串) 。

  几个例子:

view中代码:

模板中支持的写法:

 

注意我们直接在js代码中使用模板语法的时候,模板渲染的时候会有个转义的动作,将s = [‘哈哈’,‘xx’]这种数据中的元素的引号变为一个特殊符号:

案例:

首先定义路径,将视图模块导入

视图模块

from django.shortcuts import render

# Create your views here.

def home(request):
    name = "景浩"
    age = 18
    hobby = ['打游戏','上网','唱K']
    d1 = {"a":"b","c":"d"}

    class A(object):
        def __init__(self):
            self.username = '邵灵鸽'

        def hobby(self):
            return '张宇'


    a = A()
    dd = {
        'name':name,
        'age':age,
        'hobby':hobby,
        'd1':d1,
        'a': a
    }
    # 模板渲染完成之后, 才返回给浏览器, 浏览器再进行页面渲染, 生成效果
    return render(request,"index.html",dd)

index.html

浏览器访问,所有数据类型都渲染上了

如果想取hobby列表中的第一个数据,直接 变量.0 就可以

取字典中某建的值 字典变量.键

获取对象的属性 直接 对象.属性名

获取对象 方法额返回结果 对象.方法 方法不能加括号,所以不能调用有参数的方法

页面渲染原理

render: 将数据在模板中渲染并显示,使用方式为return render(request, template_path, {k:v})字典中key与value就是要向前端渲染出的数据。

前端页面通过变量,获取到后端的值

字符串替换完成之后,才交给浏览器

三 过滤器

Django的模板语言中,通过使用 过滤器 来改变变量的显示。

过滤器的语法: {{ value|filter_name:参数 }}

使用管道符"|"来应用过滤器。

例如:{{ name|lower }}会将name变量应用lower过滤器之后再显示它的值。lower在这里的作用是将文本全都变成小写。

注意事项:

过滤器支持“链式”操作。即一个过滤器的输出作为另一个过滤器的输入。

过滤器可以接受参数,例如:{{ sss|truncatewords:30 }},这将显示sss的前30个词。

过滤器参数包含空格的话,必须用引号包裹起来。比如使用逗号和空格去连接一个列表中的元素,如:{{ list|join:', ’ }}

'|'左右没有空格没有空格没有空格

Django的模板语言中提供了大约六十个内置过滤器。

default

如果一个变量是false或者为空,使用给定的默认值。 否则,使用变量的值。

{{ value|default:“nothing”}}

如果value没有传值或者值为空的话就显示nothing

显示个不存在的变量,设置默认值

length

返回值的长度,作用于字符串和列表。

{{ value|length }}

返回value的长度,如 value=[‘a’, ‘b’, ‘c’, ‘d’]的话,就显示4.

filesizeformat

将值格式化为一个 “人类可读的” 文件尺寸 (例如 ‘13 KB’, ‘4.1 MB’, ‘102 bytes’, 等等)。例如:

{{ value|filesizeformat }}

如果 value 是 123456789,输出将会是 117.7 MB。

slice

切片,如果 value=“hello world”,还有其他可切片的数据类型

{{value|slice:“2:-1”}}

切片遵循左开右闭

ss = 'wanli ai zhangyu'
<h3>{{ ss|slice:'0:5' }}</h3>

使用locals,在函数内使用locals,是打印调用之前的局部变量,返回的是字典

这样,就不用每个变量都要网dd字典中添加,方便测试

render传值时,字典中用的是什么键,前端用变量获取时,就必须用该键的变量

Django的模板渲染(二):https://developer.aliyun.com/article/1495689

相关文章
|
4月前
|
SQL 前端开发 JavaScript
Python 教程之 Django(10)模板
Python 教程之 Django(10)模板
37 0
|
4月前
|
API 数据库 Python
Python 教程之 Django(8)在 Django 管理界面中渲染模型
Python 教程之 Django(8)在 Django 管理界面中渲染模型
24 0
Python 教程之 Django(8)在 Django 管理界面中渲染模型
|
14天前
|
缓存 JavaScript 安全
Django的模板渲染(二)
Django的模板渲染(二)
|
27天前
|
开发者 Python
Django模板系统的强大之处:动态渲染与扩展性
【4月更文挑战第15天】Django模板系统是Web开发中的强大工具,支持动态渲染和扩展性。动态渲染包括变量、标签和过滤器的使用,实现内容根据上下文数据动态生成。模板继承和自定义标签则提升了扩展性,减少代码重复,增强可维护性。通过这些特性,Django模板系统助力开发者构建高效、动态的Web应用。
|
1月前
|
前端开发 JavaScript C++
【掰开揉碎】Django模板 vs 前端框架:选择合适的渲染方式
【掰开揉碎】Django模板 vs 前端框架:选择合适的渲染方式
|
1月前
|
Python
Django 模板:构建动态网页的关键
Django 模板:构建动态网页的关键
29 9
|
4月前
|
前端开发 JavaScript Python
Django 模板中使用 Ajax POST
Django 模板中使用 Ajax POST
18 0
|
5月前
|
前端开发 JavaScript 数据库
Python 教程之 Django(10)模板
Python 教程之 Django(10)模板
40 0
|
4天前
|
前端开发 UED Python
Wagtail-基于Python Django的内容管理系统CMS实现公网访问
Wagtail-基于Python Django的内容管理系统CMS实现公网访问
|
4天前
|
中间件 Python
中间件应用Django Middleware(Python)
中间件应用Django Middleware(Python)
31 6