当前位置: 首页 > news >正文

Django基础(三)———模板

前言

在之前的文章中,视图函数只是直接返回文本,而在实际生产环境中其实很少这样用,因为实际的页面大多是带有样式的HTML代码,这可以让浏览器渲染出非常漂亮的页面。目前市面上有非常多的模板系统,其中最知名最好用的就是DTL和jinja2。DTL是Django Template Language 三个单词的缩写,也就是Django自带的模板语言。当然也可以配置Django支持jinja2等其他模板引擎,但是作为Django内置的模板语言,和Django可以达到无缝衔接而不会产生一些不兼容的情况。因此建议大家学习好DTL。


一、DEL与普通的HTML文件的区别

DTL模板是一种带有特殊语法的HTML文件,这个HTML文件可以被Django编译,可以传递参数进去,实现数据动态化。在编译完成后,生成一个普通的HTML文件,然后发送给客户端。

二、渲染模板 

Django提供了一个简便的方式,直接将模板染成字符串和包装成HttpResponse对象一步到位完成。

1.创建templates文件夹,所有的html模板将放入其中

2.找到settings.py文件将模板路径输入其中

'DIRS': [os.path.join(BASE_DIR,'./templates')],

 3.准备HTML模板 index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body><h1>我的第一个标题</h1><p>我的第一个段落</p>
</body>
</html>

4.编写视图函数

#app应用中 views.py文件
from django.shortcuts import render
#模板应用
def index(request):return render(request,template_name="index.html")

5.编写路由

#app应用中 urls.py文件
from django.contrib import admin
from django.urls import path
from app import views
urlpatterns = [path('admin/', admin.site.urls),path('',views.index, name='index')

三、DTL模板语法

1.变量

模板中可以包含变量,Django在渲染模板的时候,可以传递变量对应的值过去进行替换。变量的命名规范和Python非常类似,只能是阿拉伯数字和英文字符以及下划线的组合,不能出现标点符号等特殊字符。变量需要通过视图函数渲染,视图函数在使用render或者render_to_string的时候可以传递一个context的参数,这个参数是一个字典类型。以后在模板中的变量就从这个字典中读取值的。

1.编写视图函数

#app应用中 views.py文件
#动态传值
def info(request):#1.普通变量username = '你好,世界'# return render(request,template_name="info.html", context={'username':username})#2.字典类型book = {'name':"水浒传",'author':'施耐庵'}# return render(request, template_name="info.html", context={'username': username,'book':book})#3.列表类型books = [{'name':'水浒传','author':'施耐庵'},{'name':'三国演义','author':'罗贯中'}]# context = {#     'username':username,#     'book':book,#     'books':books# }# return render(request, template_name="info.html", context=context)#4.对象class Person:def __init__(self):self.realname = '张安'context = {'username': username,'book': book,'books': books,'person':Person()}return render(request, template_name="info.html", context=context)

2.编写路由

#app应该中 urls.py文件
from django.contrib import admin
from django.urls import path
from app import viewsurlpatterns = [path('admin/', admin.site.urls),path('',views.index, name='index'),path('info',views.info,name='info')]

3.编写html文件(info.html)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body><h1>{{ username }}</h1><h1>{{ book.name }}</h1><h1>{{ books.1.name}}</h1><h1>{{ person.realname}}</h1></body>
</html>

四、常用标签

1.if标签

if标签:if标签相当于python中的if语句,有elif和else相对应,但是所有的标签都需要用标签符号({%%})进行包裹。if标签中可以使用=、!=、<、<=、>、>=、in、not in、is、is not等运算符

1.编写视图函数

#app应用views.py中l
def index(request):age = 20return render(request,template_name='index.html',context={'age':age})

2.编写路由

#主路由 urls.py
path('if',views.if_,name='if')

3.编写html

#if.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body>{% if age > 18 %}<p>你可以进去了</p>{% elif age < 18 %}<p>你不可以进去</p>{% endif %}
</body>
</html>

2.for标签

for...in...标签:for...in...类似于python中的for...in...。可以遍历列表、元组、字符串、字典等一切可以遍历的对象。

1.编写视图函数

#app应用 views.py中
def for_(request):#1.列表books = [{'name': '水浒传', 'author': '施耐庵'},{'name': '三国演义', 'author': '罗贯中'}]#2.字典# for x in person.items/keys/valuesperson ={'realname':"张三","age":18,"height":180}context = {'books':books,"person":person}return render(request,template_name='for.html',context=context)

2.编写路由

#主路由的urls.py
path('for',views.for_,name='for')

3.编写html

#for.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body><table><tbody>{% for book in books %}<tr><td>{{ book.name }}</td><td>{{ book.author }}</td></tr>{% endfor %}</tbody>
</table>
<div>{% for key, value in person.items %}<p> {{ key }} : {{ value }} </p>{% endfor %}
</div>
</body>
</html>

如果想要反向遍历,那么在遍历的时候就加上一个reversed。

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

在for循环中,DTL提供了一些变量可供使用。这些变量如下:

  • forloop.counter:当前循环的下标。以1作为起始值。

  • forloop.counter0:当前循环的下标。以0作为起始值。 forloop.revcounter:当前循环的反向下标值。比如列表有5个元素,那么第一次遍历这个属性是等于5,第二次是4,以此类推。并且是以1作为最后一个元素的下标。

  • forloop.revcounter0:类似于for1oop.revcounter。不同的是最后一个元素的下标是从0开始。

  • forloop.first:是否是第一次遍历。

  • forloop.last:是否是最后一次遍历

  • forloop.parentloop:如果有多个循环嵌套,那么这个属性代表的是上一级的for循环。

3.with标签

with标签:在模版中定义变量。有时候一个变量访问的时候比较复杂,那么可以先把这个复杂的变量缓存到一个变量上,以后就可以直接使用这个变量就可以了。

1.编写视图函数

#app应用 views.py中
def with_(request):context ={'books':[{'name': '水浒传', 'author': '施耐庵'},{'name': '三国演义', 'author': '罗贯中'}]}return render(request,template_name='with.html',context=context)

 2.编写路由

#主路由中的urls.pypath('with',views.with_,name='with')

3.编写html

#with.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body>{% with book1 = book.1 %}<p>{{ book1.name }}/{{ book1.author }}</p>
{% endwith %}</body>
</html>

4.url标签

url标签:在模版中,我们经常要写一些url,比如某个a标签中需要定义href属性。当然如果通过硬编码的方式直接将这个url写死在里面也是可以的。但是这样对于以后项目维护可能不是一件好事。因此建议使用这种反转的方式来实现,类似于django中的reverse一样。

1.编写视图函数

#app应用 views.py中
def url_(request):return render(request,template_name='url.html')def book_id(request,book_id):return HttpResponse("您的图书id:{}".format(book_id))

2.编写路由

#主路由中的urls.pypath('url',views.url_,name='url'),path('book/int:<book_id>',views.book_id,name='book_id')

3.编写html

#url.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>你好</title>
</head>
<body><a href="{% url 'for' %}">for.html</a>
<a href="{% url 'book_id' 1 %}">图书列表</a></body>
</html>

http://www.lryc.cn/news/590042.html

相关文章:

  • OpenSearch SQL 查询完整指南
  • django在线音乐数据采集-22647
  • 职业发展:把工作“玩”成一场“自我升级”的游戏
  • OpenCV直线段检测算法类cv::line_descriptor::LSDDetector
  • WPF 导入自定义字体并实现按钮悬停高亮效果
  • 红黑树、B树、B+树
  • 计算机网络:(九)网络层(下)超详细讲解互联网的路由选择协议、IPV6与IP多播
  • 汽车数字化——65页大型汽车集团企业IT信息化(管理架构、应用架构、技术架构)战略规划【附全文阅读】
  • 怎么用快鲸aiseo提升百度搜索排名?
  • 如何区分Bug是前端问题还是后端问题?
  • Linux 驱动中 Timer / Tasklet / Workqueue 的作用与对比
  • [特殊字符] CentOS 7 离线安装 MySQL 5.7 实验
  • 【Linux】基本指令详解(二) 输入\输出重定向、一切皆文件、认识管道、man、cp、mv、echo、cat
  • VirtualBox 中 CentOS 7 双网卡配置静态 IP
  • C++ - 仿 RabbitMQ 实现消息队列--sqlite与gtest快速上手
  • Spring Boot 项目中数据同步之binlog和MQ
  • C++修炼:IO流
  • 有哪些好用的原型设计软件?墨刀、Axure等测评对比
  • AI产品经理面试宝典第25天:AI+机器人产品设计与技术落地面试题与答法
  • 使用 bat 批量创建带有项目前缀名的文件夹结构
  • 人工智能与机器人研究|深孔内表面缺陷特征内窥测量方法研究
  • Netty介绍和基本代码演示
  • 清理C盘方法
  • PyTorch中张量(TensorFlow)操作方法和属性汇总详解和代码示例
  • Postman接口
  • 【开源.NET】一个 .NET 开源美观、灵活易用、功能强大的图表库
  • GraphQL与REST在微服务接口设计中的对比分析与实践
  • Nacos 开源 MCP Router,加速 MCP 私有化部署
  • Linux开发利器:探秘开源,构建高效——基础开发工具指南(上)【包管理器/Vim】
  • 【Fastapi】Token验证与Postman模拟测试