Python Django模板系统详解
目录
- 设置模板路径
- 模板变量
- 引用静态文件
- 总结
设置模板路径
在django项目下创建templats文件来存放html文件
为了减少模板加载调用过程及模板本身的冗余代码,Django 提供了一种使用方便且功能强大的 API ,当使用模板加载API时,需要将模板路径告诉框架,在项目settings.py
中设置模板路径,如图:
settings.py
中的BASE_DIR
为项目路径。
在TEMPLATES
中的BIRS
来设置模板路径
templates
下编写index.html
写入如下代码:
!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> </head> <body> <h1>hello world!</h1> </body> </html>
视图文件view.py中编写如下代码,通过render渲染html文件:
from django.shortcuts import render # 获取对应模板通过render渲染 def index(request): return render(request, 'index.html')
结果如下:
模板变量
Django模板中使用{{ }}来表示变量:
{{ 变量名 }}:变量名由字母数字和下划线组成,其值可以是任何数据类型
举例如下:
当模板引擎遇到变量时,会计算该变量,并将其替换为结果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> </head> <body> <h3>{{ content }}</h3> <h3>{{ info }}</h3> </body> </html>
view.py
中render
渲染时通过context以字典形式传递值:
from django.shortcuts import render def index(request): content = 'hello world' info = {'name': 'test', 'age': 18} return render(request, 'index.html', context={'content': content, 'info': info})
模板中支持以下语法:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> </head> <body> <h3>{{ content }}</h3> <!-- 获取字典中key的值 --> <h3>{{ info.name }}</h3> <!-- 通过索引获取列表的值 --> <h3>{{li.1}}</h3> <!-- 调用不带参数的方法 --> <h3>{{ fun }}</h3> <!-- 获取对象属性 --> <h3>{{ obj.name }}</h3> </body> </html>
view.py:
from django.shortcuts import render def index(request): content = 'hello world' info = {'name': 'test', 'age': 18} li = [1, 2, 3] class Obj: def __init__(self, name): self.name = name M = Obj('对象属性:MING') def fun(): return '方法:fun' return render(request, 'index.html', context={'content':content,'info': info,'li': li,'fun': fun,'obj': M})
引用静态文件
首先在项目根目录下创建存放静态文件的目录,并在settings中设置路径,如下:
STATIC_URL = '/static/'
为静态文件引用前缀,当引用文件时代表的是文件根目录,如下:
static
代表的是statics
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> </head> <body> <!-- 图片 --> <img src="/static/img/123.jpg" alt=""> </body> </html>
view.py:
from django.shortcuts import render def index(request): return render(request, 'index.html')
总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注我们的更多内容!
赞 (0)