Django 模型

文章目录

      • 1. Django 模板(templates)
      • 2.反向解析
      • 3.模板继承
      • 4.HTML 转义

1. Django 模板(templates)

Django 模型_第1张图片

2.反向解析

Django 模型_第2张图片

3.模板继承

Django 模型_第3张图片
base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #header{
            width:100%;
            height:100px;
            background-color:red;
            }
        #footer{
            width:100%;
            height:100px;
            background-color:blue;
            }

    </style>
</head>

<body>
    <div id="header">header</div>

    <div id="main">
        {% block main %}

        {% endblock main %}
		{% block main2 %}

        {% endblock main2 %}
    </div>

    <div id="footer">footer</div>

</body>
</html>

main.html

{% extends 'myapp2/base.html' %}

{% block main  %}

    <h1>欢迎使用Django</h1>
    
{% endblock main  %}

{% block main2  %}

    <h1>再次欢迎使用Django</h1>
    
{% endblock main2  %}

4.HTML 转义

Django 模型_第4张图片

view.py

def code (request,p1):
    return render(request,"myapp2/good.html",{"num":p1,"code":"

努力学习

"
})

.html

<body>
# 直接将接受到的code当成普通字符串渲染(注释方式不对)
	{{code}}
	{{code|escape}}
	{% autoescape on%} # 自动转义 开
	{{code}}
	{% endescape %}

# 将接收到的 code 当成HTML的代码渲染 (注释方式不对)
	{{code|safe}}
	
	{% autoescape off%} # 自动转义 开
	{{code}}
	{% endescape %}

</body>

你可能感兴趣的:(Django)