django的模版渲染（templates）

矫情吗；* 2022-05-25 05:42 254阅读 0赞

#### 渲染单个对象： ####

index.html代码：

\{ \{ context \}\}

views.py代码：

`def` f`unction(request):`

`    ``string ``=` `u``"你好，世界！"`

`    ``return` `render(request, ``'index.html'``, {``'string'``: string})`

网页显示：

你好世界！

#### 渲染多个对象（list表单内容的显示）： ####

index.html代码：

`{% for i in list %}`

`{ { i }}`

`{% endfor %}`

views.py代码：

`def` function `(request):`

`    ` `list ` `=`  `[` `"a"` `, ` `"b"` `, ` `"c"` `]`

`    ` `return`  `render(request, ` `'index.html'` `, {` `'list'` `: list})`

网页显示：

abc

#### 渲染多个对象（字典内容的显示）： ####

index.html代码：

姓名：\{ \{ dict.name \}\}    年龄：\{ \{ dict.age \}\}

views.py代码：

`def`  `function(request):`

`    ` `dict ` `=`  `{` `'name'` `: u` `'Tom'` `, ` `'age'` `: u` `'21'` `}`

`    ` `return`  `render(request, ` `'index.html'` `, {` `'dict'` `: dict})`

网页显示：

姓名：Tom    年龄：21

#### 渲染多个对象（模版中for循环操作）： ####

index.html代码：

`{% for item in list %}`

`    ` `{ { item }},             #注意这有逗号`

`{% endfor %}`

views.py代码：

`def`  `home(request):`

`    ` `List`  `=`  `map` `(` `str` `, ` `range` `(` `10` `))            ` `# 一个长度为10的 List`

`    ` `return`  `render(request, ` `'index.html'` `, {` `'list'` `: ` `list` `})`

网页显示：

0，1，2，3，4，5，6，7，8，9，

注：当列表中可能为空值时用 （for  empty）下面是html示例：

`<``ul``>`

`{% for number in number_list %}`

`    ``<``li``>{ { number.term }}</``li``>`

`{% empty %}`

`    ``<``li``>抱歉，列表为空</``li``>                #当列表为空时就显示这个内容`

`{% endfor %}`

`</``ul``>`

#### `模板上得到视图对应的网址：` ####

####  ####

`# views.py`

`def`  `add(request, a, b):`

`    ` `c ` `=`  `int` `(a) ` `+`  `int` `(b)`

`    ` `return`  `HttpResponse(` `str` `(c))`

`# urls.py`

`urlpatterns ` `=`  `patterns('',`

`    ` `url(r` `'^add/(\d+)/(\d+)/$'` `, ` `'app.views.add'` `, name` `=` `'add'` `),`

`)`

`# template html`

`{` `%`  `url ` `'add'`  `4`  `5`  `%` `}`

#### ==, !=, >=, <=, >, < 这些比较都可以在模板中使用： ####

####  ####

`{% if number >= 90 %}`

优秀            \#当number大于等于90时显示

`{% elif var >= 75 %}`

**良好            \#当number大于等于75且小于90时显示**

`{% else %}`

**不及格            \#当number小于80时显示**

`{% endif %}`

### and, or, not, in, not in 也可以在模板中使用： ###

`{% if num <= 100 and num >= 0 %}`

`num在0到100之间`

`{% else %}`

`数值不在范围之内！`

`{% endif %}`

#### 模板中 获取当前网址，当前用户等： ####

<table> 
 <tbody> 
  <tr> 
   <td style="text-align:center;"><span style="color:rgb(0,0,0);font-family:'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;font-size:14px;text-align:left;background-color:rgb(245,245,245);">{ {&nbsp;request.user&nbsp;}}</span></td> 
   <td style="text-align:center;"><span style="color:rgb(0,0,0);font-family:Verdana, sans-serif;font-size:15px;background-color:rgb(255,255,255);">获取当前用户</span></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;"><span style="color:rgb(0,0,0);font-family:'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;font-size:14px;text-align:left;background-color:rgb(245,245,245);">{ {&nbsp;request.path&nbsp;}}</span></td> 
   <td style="text-align:center;"><span style="color:rgb(0,0,0);font-family:Verdana, sans-serif;font-size:15px;background-color:rgb(255,255,255);">获取当前网址</span></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;"><span style="color:rgb(0,0,0);font-family:'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;font-size:14px;text-align:left;background-color:rgb(245,245,245);">{ {&nbsp;request.GET.urlencode&nbsp;}}</span></td> 
   <td style="text-align:center;"><span style="color:rgb(0,0,0);font-family:Verdana, sans-serif;font-size:15px;background-color:rgb(255,255,255);">获取当前 GET 参数</span></td> 
  </tr> 
  <tr> 
   <td style="text-align:center;">等</td> 
   <td style="text-align:center;">等</td> 
  </tr> 
 </tbody> 
</table>

例：

`{` `%`  `if`  `request.user.is_authenticated ` `%` `}`

`    ` `{ { request.user.username }}，您好！`

`{` `%`  `else`  `%` `}`

`    ` `请登陆，` `点击登录                `

`{` `%`  `endif ` `%` `}`

（如果用户已经登录则显示“用户名，你好！”，否则显示请登录样式）

### 过滤器： ###

模板过滤器可以在变量被显示前修改它，过滤器使用管道字符，如下所示：

{
       {
        name|lower }}

\{ \{ name \}\} 变量被过滤器 lower 处理后，文档大写转换文本为小写。

过滤管道可以被\* 套接\* ，既是说，一个过滤器管道的输出又可以作为下一个管道的输入：

{
       {
        my_list|first|upper }}

以上实例将第一个元素并将其转化为大写。

有些过滤器有参数。 过滤器的参数跟随冒号之后并且总是以双引号包含。 例如：

{
       {
        bio|truncatewords:"30" }}

这个将显示变量 bio 的前30个词。

其他过滤器：

*  addslashes : 添加反斜杠到任何反斜杠、单引号或者双引号前面。
 *  date : 按指定的格式字符串参数格式化 date 或者 datetime 对象，实例：
    
        {
             {
              pub_date|date:"F j, Y" }}
 *  length : 返回变量的长度。