Django模板

小灰灰 2022-09-12 03:53 231阅读 0赞

## 一、模板的组成 ##

**组成：HTML代码＋逻辑控制代码**

## 二、逻辑控制代码 ##

### 1、变量：使用双大括号引起来的变量 例：<p>\{ \{name\}\}</p> ###

<body>
        <h1 style="color: crimson">{
      { yeas }}--{
      { month}}--{
      { day }}</h1>
    </body>

#  python渲染
    
    def dte(req, yeas, month, day):
        return render(req, 'index1.html', {'yeas': yeas, 'month': month, 'day': day})

### 　　2、深度变量查找之句点号 ###

模板不光能解析处理简单的字符串，还能处理更加复杂的数据结构，例如：list、dictionary和自定义的对象等。在 Django 模板中遍历复杂数据结构的关键是句点字符 (.)

**列表：**

def demo(request):
        lis = ['张三', '李四', '王五']
        return render(request, 'demo.html', {'lis': lis})

<div>这次展现的是列表第一个值----{
      {lis.1}}</div>

![f58d0b3c061470cf16d204050e556361.png][]

**字典：**

<div>这次展现的是字典的值----{
      { map.name }}</div>

zidian = {'name': "张三", "age": "12", "sex": "男"}
        return render(request, 'demo.html', {'map': zidian})

**对象：**

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

# 人物类
    class Admin:
        def __init__(self, name, age, sex):
            self.name = name
            self.age = age
            self.sex = sex
    
        def jieshao(self):
            return '我的名字是%s,性别%s,今年%s岁' % (self.name, self.sex, self.age)

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

# view
    zhangsan = Admin("张三","12","男")
        return render(request, 'demo.html', {'zs': zhangsan})

<div>这次展示的是自定义对象的方法----{
      { zs.jieshao }}</div>

### 　　3、变量过滤器（filter） ###

语法：\{ \{ obj | filter ：parem\}\}------》\{ \{变量 | 过滤器函数 ：参数\}\}

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

<div>这次展示的是自定义对象的年龄加20----{
      { zs.age|add:20 }}</div>
    <div>字符串第一个大写{
      { str|capfirst }}</div>
    <div>字符串移除指定字符{
      { str|cut:" " }}</div>
    <div>时间格式控制{
      { date|date:"Y-m-d" }}</div>
    render(request, 'demo.html', {'strs': ''})
    <div>空值则替换{
      { strs|default:'空的列表'}}</div>   # 页面展示为“空的列表“
    string = '<a href="12345/12345"> 12345</a>'
    <div>渲染HTML标签{
      { strs|safe}}</div>  
    {% autoescape off %}
        <div>{
      { strs }}</div>
    {% endautoescape %}

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

### 4、控制语句之tag标签的使用 ###

语法：\{% 语句  %\}

*  **if--elif--else 判断**
    
    ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]
    
        
            {% if zhangsan.age > 30 %}
                <h1>{
            { zhangsan.name }}</h1>
            {% elif zhangsan.age > 10 %}
                <h1>{
            { zhangsan.jieshao }}</h1>
            {% else %}
                <h1>{
            { zhangsan.name }}年龄没超过10</h1>
            {% endif %}
    
    ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

*  **if嵌套**
    
    ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]
    
        
            {% if zhangsan.age > 30 %}
                {% if zhangsan.age < 50 %}  
                    <h1>{
            { zhangsan.name }}的年龄在30-50之间</h1>
                {% else %}
                    <h1>{
            { zhangsan.name }}的年龄大于50</h1>
                {% endif %}  
            {% elif zhangsan.age > 10 %}
                <h1>{
            { zhangsan.jieshao }}</h1>
            {% else %}
                <h1>{
            { zhangsan.name }}年龄没超过10</h1>
            {% endif %}
    
    ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]
 *  **for循环**
    
    ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]
    
        
        <ul>
        {% for i in lis %}
            {% if forloop.first %}
                <li class="fir">
            {% else %}
                <li class="det">
            {% endif %}
            {
            { i }}
            </li>
            {% empty %} 
            <h1>没有数据</h1>
        {% endfor %}
        </ul>
    
    ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]
 *  **csrf\_token和url标签**
    
        <form action="{% url "login"%}" >
                  <input type="text">
                  <input type="submit"value="提交">
                  {%csrf_token%}
        </form>
    
     *  \{%csrf\_token%\}:防治跨站攻击验证
     *  \{%url "引用地址"%\}：引用路由配置

*  ** \{%with%\} ：替换引用名**
    
        {% with str=lis123456 %} 
            {
            { str }}
        {% endwith %}
 *  **\{%verbatim%\}：禁止渲染，原样[ python教程][python]展现**

小白技术分享

[f58d0b3c061470cf16d204050e556361.png]: /images/20220828/abd0160c93344e289ece2005b99f6043.png
[48304ba5e6f9fe08f3fa1abda7d326ab.png]: /images/20220828/ce426d42336d449eb399a9a9733ea936.png
[python]: https://www.xin3721.com/eschool/pythonxin3721/

发表评论取消回复

表情：

评论列表（有 0 条评论，231人围观）

还没有评论，来说两句吧...

相关阅读

相关 Django教程 —— Django模板

引言 > 如何向请求者返回一个漂亮的页面呢？ > > 肯定需要用到 `html、css` ，如果想要更炫的效果还要加入 `js`，问题来了，这么一堆字符串全都写到视图中

清疚/ 2022年12月26日 00:47/ 0 赞/ 268 阅读

相关 Django模板

一、模板的组成组成：HTML代码＋逻辑控制代码二、逻辑控制代码 1、变量：使用双大括号引起来的变量例：<p>\{ \{name\}\}</p>

小灰灰/ 2022年09月12日 03:53/ 0 赞/ 232 阅读

相关 Django模板

在前面的几节中我们都是使用简单的 django.http.HttpResponse 来把内容显示到网页上来的，本节中将讲解如何使用渲染模板的方法来显示内容本节的

桃扇骨/ 2022年06月04日 08:07/ 0 赞/ 251 阅读

相关 Django 模板

1. 创建一个 zqxt\_tmpl 项目，和一个名称为 learn 的应用 django-admin.py startproject zqxt\_tmpl

素颜马尾好姑娘i/ 2022年05月25日 05:20/ 0 赞/ 265 阅读

相关 Django——模板语法

\\\\模板 > 模板是web框架中一种方便动态生成HTML的一种后端工具。模板包括有html的静态部分，以及插入动态内容的语法部分。 > Django 可以配置一个或多

今天药忘吃喽~/ 2022年05月20日 03:37/ 0 赞/ 208 阅读

相关 Django模板系统

1.模板系统(template) 向页面中填充内容。模板系统常用符号\{ \{\}\}和\{%%\} 如果在模板中需要解析变量使用\{ \{\}\}. 如果在

古城微笑少年丶/ 2022年02月15日 04:39/ 0 赞/ 255 阅读

相关 Django 模板小结

前面几篇用简单的 django.http.HttpResponse 来把内容显示到网页上，本文将讲解如何使用渲染模板的方法来显示内容： 1、在上一篇的基础上，mysite

逃离我推掉我的手/ 2022年01月26日 09:39/ 0 赞/ 244 阅读

相关 django模板&过滤器

django模板&过滤器声明：部分信息来源这篇博客https://www.cnblogs.com/maple-shaw/articles/9333821.html

骑猪看日落/ 2022年01月11日 09:35/ 0 赞/ 231 阅读

相关 Django模板语言

Django模板系统 [官方文档][Link 1] 常用语法只需要记两种特殊符号： \{ \{ \}\}和 \{% %\} 变量相关的用\{ \{\}\}，

超、凢脫俗/ 2022年01月11日 07:27/ 0 赞/ 235 阅读

相关 Django 模板层

模板简介模板就是一个文本，用于分离文档的表现形式和内容 django里的模板可以理解为：HTML代码＋模板语法一、模板语法之变量模板语法的注释

待我称王封你为后i/ 2021年12月16日 12:15/ 0 赞/ 363 阅读