后端框架：Django：Django模板系统与前端渲染.docx

PAGE1

PAGE1

后端框架：Django：Django模板系统与前端渲染

1Django模板系统简介

1.1Django模板引擎的工作原理

Django模板引擎是Django框架中用于处理HTML模板的一个强大组件。它允许开发者在模板中使用变量和标签，从而实现动态内容的生成。模板引擎的工作流程如下：

加载模板：Django从配置的TEMPLATES设置中指定的目录加载模板文件。

解析模板：模板文件被解析，其中的变量和标签被识别。

渲染模板：解析后的模板与视图函数传递的上下文数据结合，生成最终的HTML内容。

返回HTML：渲染后的HTML内容被返回给前端，以供用户浏览。

1.1.1示例：模板引擎的使用

假设我们有以下的模板文件index.html：

!--templates/index.html--

!DOCTYPEhtml

html

head

title{%blocktitle%}MyWebsite{%endblock%}/title

/head

body

h1Welcometomywebsite!/h1

p{{message}}/p

ul

{%foriteminitems%}

li{{item}}/li

{%endfor%}

/ul

/body

/html

在视图函数中，我们可以这样使用模板：

#views.py

fromdjango.shortcutsimportrender

defhome(request):

context={

message:Hello,Django!,

items:[Item1,Item2,Item3],

}

returnrender(request,index.html,context)

在这个例子中，{{message}}和{{item}}是变量，{%blocktitle%}和{%foriteminitems%}是标签。当视图函数home被调用时，它将上下文数据传递给模板引擎，模板引擎将这些数据渲染到模板中，生成最终的HTML页面。

1.2模板语言的基本语法

Django模板语言（DjangoTemplateLanguage,DTL）是一种简单的模板语言，用于在模板中嵌入逻辑和变量。DTL的基本语法包括：

变量：使用{{variable}}来显示变量的值。

标签：使用{%tag%}来执行逻辑操作，如循环和条件判断。

过滤器：可以应用于变量，通过|符号连接，如{{variable|lower}}将变量转换为小写。

1.2.1示例：变量和过滤器的使用

假设我们有以下的模板文件user_profile.html：

!--templates/user_profile.html--

!DOCTYPEhtml

html

head

titleUserProfile/title

/head

body

h1Welcome,{{|title}}!/h1

pYouremailis:{{user.email}}/p

pYourlastloginwas:{{user.last_login|date:Y-m-dH:i}}/p

/body

/html

在视图函数中，我们可以这样使用模板：

#views.py

fromdjango.shortcutsimportrender

fromdjango.contrib.auth.modelsimportUser

defprofile(request,user_id):

user=User.objects.get(id=user_id)

context={

user:user,

}

returnrender(request,user_profile.html,context)

在这个例子中，{{|title}}使用了title过滤器，将用户名的首字母大写。{{user.last_login|date:Y-m-dH:i}}使用了date过滤器，将日期格式化为Y-m-dH:i格式。

1.2.2示例：标签的使用

假设我们有以下的模板文件list_items.html：

!--templates/list_items.html--

!DOCTYPEhtml

html

head

titleListofItems/t