【Python百日进阶-WEB开发】Day168 - Django模板 Template

最新推荐文章于 2023-11-30 23:35:26 发布
最新推荐文章于 2023-11-30 23:35:26 发布
阅读量631 收藏
点赞数
分类专栏： 前端 文章标签： django python 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuetaope/article/details/123000233
版权

文章目录

一、Django使用自带模板

1.1 基本使用

    <ul>
        {% for book in books %}
            <li>{{ book.name }}</li>
        {% endfor %}
    </ul>
    Hello，{{ username }} ！
    <hr>
    我没有定义的变量：{{ no_defined | default:"我是默认值" }}
    <hr>
    我的年龄是：{{ age }} <br>
    {% if age > 10 %}
        我大于10岁
    {% else %}
        我不大于10岁
    {% endif %} <br>
    出生日期是：{{ birthday | date:"Y-m-d H:i:s" }} <br>
    朋友有：
    <ul>
        <!-- {{ forloop.counter }} 可以取出迭代对象的序号 -->
        {% for friend in friends %}
            <li>{{ forloop.counter }} {{friend }}</li>
        {% endfor %}
        
    </ul>

    我共有 {{ friends | length }} 个朋友 <br>

    <!-- html中列表取值用 list.index 的形式，不能用 list[index] -->
    女朋友是：{{ friends.2 }} <br>
    工资是：{{ salary }}
    <ul>
        {# 注释：循环字典的形式 for key ,value in dict.items #}
        {% for year, money in salary.items %}
          <li> {{ forloop.counter }}：{{ year }} : {{ money }} </li>
        {% endfor %}
        <li> 2021年工资是：{{ salary.2021 }}</li>
    </ul>
    {% comment %}
      这里是多行注释
    {% endcomment %}
    <hr>
    我的简介是 {{ desc | safe }}
    <hr>

1.1.1 模板配置

在工程中创建模板目录template，在settings.py配置文件中修改TEMPLATES配置项的DIRS值：
在这里插入图片描述

1.1.2 定义模板

在template目录中新建一个模板文件，如index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    Hello，{{ username }} ！
    {% for book in books %}
        <li>{{ book.name }}</li>
    {% endfor %}

</ul>

</body>
</html>

1.1.3 模板渲染

  • 不使用Django框架时，模板调用（渲染）分为两步：
    ①找到模板：loader.get_template(模板文件在模板目录中的相对路径)，返回模板对象
    ②渲染模板：模板对象.render(context=None, request=None)，返回渲染后的html文本字符串context为模板变量字典，默认值为None。request为请求对象，默认值为None。
  • Django框架提供了一个函数 render 可以简化上述流程为一步：
    render(request, ‘index.html’, context)
    其中request为request对象，'index.html’为模板文件路径，context为数据字典
class HomeView(View):

    def get(self, request):
        # 1、数据库中查询数据
        books = BookInfo.objects.all()
        username = request.GET.get('username')

        # 2、组织数据
        context = {
            'books': books,
            'username': username
        }

        # 3、数据传递给模板
        return render(request, 'index.html', context)

1.1.4 模板语法

1.1.4.1 模板变量 {{ var_name }}

变量名必须有字母、数字、下划线（不能以下划线开头）和点组成，语法如下：{{ 变量名 }}
模板变量可以使用python的内建类型（字符串、数字等），也可以是对象（字典、列表、元组等）。
在这里插入图片描述

1.1.4.2 列表取值
  • html中列表取值用 {{ list.index }} 的形式，不能用 {{ list[index] }}
    如：friends.2
    在这里插入图片描述
1.1.4.3 字典取值
  • html中字典取单个值要用 {{ dict.name }}的形式
    如，salary.2019
  • html中字典取所有值，for 循环 {% for key, value in dict**.items** %} ，注意字典变量后面一定要加 .items
    在这里插入图片描述

1.2 流程控制 {% primary_key %}

1.2.1 for循环

<!-- {{ forloop.counter }} 可以取出迭代对象的序号 -->
        {% for friend in friends %}
            <li>{{ forloop.counter }} {{friend }}</li>
        {% empty %}     #别表为空，或不存在时执行此逻辑
        {% endfor %}
  • {{ forloop.counter }} 可以取出迭代对象的序号，如列表，字典，完整的forloop包括
    {‘parentloop’: {}, ‘counter0’: 0, ‘counter’: 1, ‘revcounter’: 3, ‘revcounter0’: 2, ‘first’: True, ‘last’: False} tom
    {‘parentloop’: {}, ‘counter0’: 1, 'counter’: 2, ‘revcounter’: 2, ‘revcounter0’: 1, ‘first’: False, ‘last’: False} jack
    {‘parentloop’: {}, ‘counter0’: 2, ‘counter’: 3, ‘revcounter’: 1, ‘revcounter0’: 0, ‘first’: False, ‘last’: True} rose

1.2.2 if判断

比较运算符：==、!=、<、>、<=、>=
布尔运算符：and、or、not
注意：运算符左右两侧不能紧挨着变量或常量，必须有空格

{% if age > 10 %}
        我大于10岁
    {% elif %}
        我不大于10岁
    {% else %}
        我不知道几岁
    {% endif %}

在这里插入图片描述

1.2.3 注释

1.2.3.1 单行注释
  • {# 注释：循环字典的形式 for key ,value in dict.items #}
1.2.3.2 多行注释

{% comment%}
。。。
{% endcommnet%}
在这里插入图片描述

1.3 过滤器（本质为函数）

1.3.1 语法：变量|过滤器:“参数”

使用管道符号|来应用过滤器,用于进行计算、转换操作,可以使用在变量、标签中。
如果过滤器需要参数,则使用冒号:传递参数

1.3.2 常用过滤器

1.3.2.1 safe，禁用转义,告诉模板这个变量是安全的,可以解释执行

在这里插入图片描述
在这里插入图片描述

1.3.2.2 length，长度,返回字符串包含字符的个数,或列表元组字典的元素个数。

在这里插入图片描述

1.3.2.3 default，默认值,如果变量不存在时则返回默认值。 如datal|default:‘默认值’

在这里插入图片描述

1.3.2.4 date，日期,用于对日期类型的值进行字符串格式化常用的格式化字符如下：

Y表示年,格式为4位,y表示两位的年
m表示月,格式为01.02.12等
d表示日,格式为01.02等
j表示日,格式为12等
H表示时,24进制,h表示12进制的时
i表示分,为0-59
s表示秒,为0-59
如{{ birthday | date:“Y-m-d H:i:s” }}
注意：过滤器中间不能有空格
在这里插入图片描述

1.4 模板继承

模板继承和类的继承含义是一样的,主要是为了提高代码重用，减轻开发人员的工作量。

1.4.1 父模板

如果发现在多个模板中某些内容相同,那就应该把这段内容定义到父模板中。
标签 block:用于在父模板中预留区域,留给子模板填充差异性的内容,名字不能相同。为了更好的可读性建议给 endblock标签写上名字,这个名字与对应的 block名字相同，父模板中也可以使用上下文中传递过来的数据。

1.4.2 子模板

标签 extends:继承,写在子模板文件的第一行
{% block名称 %}
预留区域,可以编写默认内容,也可以没有默认内容
{% endblock名称 %}
子模版不用填充父模版中的所有预留区域,如果子模版没有填充,则使用父模版定义的默认值
{% extends “父模板路径” %}
在这里插入图片描述

二、Django使用jinjia2模板

2.0 官方文档

https://jinja.palletsprojects.com/en/3.0.x/

2.1 jinjia2介绍

Jinja2是 Python下一个被广泛应用的模板引擎,是由 Python实现的模板语言,他的设计思想来源于 Django的模板引擎,并扩展了其语法和一系列强大的功能,尤其是 Flask框架内置的模板语言。
由于django默认模板引擎功能不齐全速度慢,所以我们也可以在 Django中使用jinja2，jinja2宣称比django默认模板引擎快10-20倍。
Django主流的第三方APP基本上也都同时支持Django默认模板及jinjia2,所以要用jinja2也不会有多少障碍。

2.2 安装jinjia2

pip install -i https://pypi.tuna.tsinghua.edu.cn/simple jinja2

2.3 Django配置jinjia2

2.3.1 配置

官方文档：https://docs.djangoproject.com/en/3.2/topics/templates/
在这里插入图片描述
谷歌页面翻译
在这里插入图片描述
原来的：TEMPLATES = [‘BACKEND’: ‘django.template.backends.django.DjangoTemplates’,]
在这里插入图片描述
修改为：TEMPLATES = [‘BACKEND’: ‘django.template.backends.jinja2.Jinja2’,]
在这里插入图片描述
‘environment’: ‘jinja2.Environment’, # jinja2 默认环境配置，可加可不加
在这里插入图片描述

2.3.2 处理报错

ERRORS:
?: (admin.E403) A ‘django.template.backends.django.DjangoTemplates’ instance must be configured in TEMPLATES in order to use the admin application.
在这里插入图片描述
修改方法：两个模板引擎都打开，jinja2在上面
在这里插入图片描述

2.4 jinja2模板使用

2.4.1 使用jinja2

jinja2模板以函数的形式调用：{{ function(request) }}

2.4.1.1 book应用下创建jinja2_env.py

在这里插入图片描述

2.4.1.2 重写jinja2环境jinja2_env.py
from jinja2 import Environment
from django.template.defaultfilters import date, default, length, safe

def environment(**options):
    # 1、创建Environment 实例对象
    env = Environment(**options)

    # 2、指定（更新）jinja2的函数指向Django的指定过滤器
    env.globals.update({
        'default': default,
        'date': date,
        'length': length,
        'safe': safe,
    })

    # 3、返回Environment实例
    return env
2.4.1.3 修改settings.py的jinja2环境
'environment': 'book.jinja2_env.environment',    # 自己重写的jinja2 环境配置，必须加
2.4.1.4 修改html中的所有过滤器,同时添加环境变量

在这里插入图片描述

2.4.1.5 修改pycharm的默认模板为jinja2

在这里插入图片描述

2.4.2 jinja2自定义过滤器

在这里插入图片描述

2.4.3 Django与jinja2 html文件对比

2.4.3.1 Django的html文件
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        {% for book in books %}
            <li>{{ book.name }}</li>
        {% endfor %}
    </ul>
    Hello，{{ username }} ！
    <hr>
    我没有定义的变量：{{ no_defined | default:"我是默认值" }}
    <hr>
    我的年龄是：{{ age }} <br>
    {% if age > 10 %}
        我大于10岁
    {% else %}
        我不大于10岁
    {% endif %} <br>
    出生日期是：{{ birthday | date:"Y-m-d H:i:s" }} <br>
    朋友有：
    <ul>
        <!-- {{ forloop.counter }} 可以取出迭代对象的序号 -->
        {% for friend in friends %}
            <li>{{ forloop.counter }} {{friend }}</li>
        {% endfor %}
        
    </ul>

    我共有 {{ friends | length }} 个朋友 <br>

    <!-- html中列表取值用 list.index 的形式，不能用 list[index] -->
    女朋友是：{{ friends.2 }} <br>
    工资是：{{ salary }}
    <ul>
        {# 注释：循环字典的形式 for key ,value in dict.items #}
        {% for year, money in salary.items %}
          <li> {{ forloop.counter }}：{{ year }} : {{ money }} </li>
        {% endfor %}
        <li> 2021年工资是：{{ salary.2021 }}</li>
    </ul>
    {% comment %}
      这里是多行注释
    {% endcomment %}
    <hr>
    我的简介是 {{ desc | safe }}
    <hr>
</body>
</html>
2.4.3.2 jinja2的html文件
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        {% for book in books %}
            <li>{{ book.name }}</li>
        {% endfor %}
    </ul>
    Hello，{{ username }} ！
    <hr>

    <hr>
    我的年龄是：{{ age }} <br>
    {% if age > 10 %}
        我大于10岁
    {% else %}
        我不大于10岁
    {% endif %} <br>
    <!-- {#  我没有定义的变量：{{ no_defined | default:"我是默认值" }} #} -->
    我没有定义的变量：{{ default(no_defined, "我是默认值") }}
    <!-- {# 出生日期是：{{ birthday | date:"Y-m-d H:i:s" }} #} -->
    出生日期是：{{ date(birthday, "Y-m-d H:i:s") }} <br> 
    朋友有：
    <ul>
        <!-- Django是forloop, jinja2是loop -->
        <!-- {# {{ loop.index }} 可以取出迭代对象的序号 #} -->
        {% for friend in friends %}
            <li>{{ loop.index }} {{friend }}</li>
        {% endfor %}
    </ul>
    <!-- 我共有 {{ friends | length }} 个朋友  <br> -->
    我共有 {{ length(friends) }} 个朋友  <br>

    <!-- html中列表取值用 list.index 的形式，不能用 list[index] -->
    女朋友是：{{ friends.2 }} <br>    工资是：{{ salary }}
    <ul>
        <!-- {# 注释：django 循环字典的形式 for key ,value in dict.items #} -->
        {# {% for year, money in salary.items %} #}
          <li> {# {{ loop.index }}：{{ year }} : {{ money }}  #}</li>
        {# {% endfor %} #}
        <!-- jinja2字典取值是dict[key],和Python完全一样 -->
        {% for year in salary %} 
          <li> {{ loop.index }}：{{ year }} : {{ salary[year] }} </li>
        {% endfor %} 
        <li> 2021年工资是：{{ salary['2021'] }}</li>
    </ul>
    <!-- {# jinja2 没有多行注释，只有单行注释 #} -->
    <hr>
    <!-- {# 我的简介是 {{ desc | safe }} #} -->
    我的简介是 {{ safe(desc) }}
    <hr>
</body>
</html>

三、CSRF

3.1 CSRF介绍

  • CSRF全拼为 Cross Site Request Forgery译为跨站请求伪造。
  • CSRF指攻击者盗用了你的身份,以你的名义发送恶意请求。包括:以你名义发送邮件,发消息,盗取你的账号,至于购买商品虚拟货币转账等。
  • 造成的问题:个人隐私泄露以及财产安全。

3.2 原理：

CSRF攻击示意图：客户端访问服务器时没有同时同服务器 做安全验证
在这里插入图片描述

3.3 如何防范

3.3.1 短信验证码

手机普及之后，2005年以后
在这里插入图片描述

3.3.2 随机码放在cookie中

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.4 CSRF小结

在这里插入图片描述
在这里插入图片描述

岳涛@心馨电脑
关注
专栏目录
【Python百日进阶-WEB开发】Day164 - Django入门：框架要点、流程
岳涛的博客
10-27 379
文章目录一、Python Web 框架要点1、web应用处理流程2、Web框架的意义3、Web应用程序的本质4、Web框架学习方法二、Django流程2-1、Django介绍2.1.1 基本介绍2.1.2 Django特点2.1.3 MVC 与 MTV模型2.1.3.1 MVC 模型2.1.3.2 MTV 模型2-2、Django虚拟环境2.2.1 为什么要创建虚拟环境2.2.2 如何创建虚拟环境virtualenv2-3、创建Django项目2.3.1 创建Django项目2.3.2 项目的目录结构2.3
Python Web开发--Django框架：全套学习路线和知识总结
热门推荐
Hello大家好，我是Dream，如果帮得到你，那我深感荣幸！交流学习、商务合作：https://bbs.csdn.net/topics/614347534
08-10 5万+
Python Web开发--Django框架：全套学习路线和知识总结
Django -web系统模板
石马的农的博客
03-28 773
1.采用Django web模板的原因： （1）要求变量和HTML尽量分开 （2）HTML和 python要分开 2.创建是的基本思路： 首先：要确定表达的形式 加载模板 From django.template import Template Template(string) 其次：要确定表达...
Python Web框架篇：Django templates（模板）
weixin_30907935的博客
10-20 260
为什么用templates？ views.py视图函数是用来写Python代码的，HTML可以被直接硬编码在views.py之中。如下： import datetime def current_time(request): now = datetime.datetime.now() html = "<html><body>It is ...
Django web框架之模板
weixin_30609331的博客
10-24 66
1 模板： 什么是模板？ 　　html+模板语法 　　模版包括在使用时会被值替换掉的变量，和控制模版逻辑的标签。 2 模板语法： 1 变量：{{}} 深度查询： 通过句点符号 . 过滤器 filter {{var|filter_name}} 　　 2 标签: {% tag %} for if else for标签 遍历每一...
django-web系统模板
珂鸣玉的博客
03-28 368
1.采用Django web模板的原因： （1）要求变量和HTML尽量分开 （2）HTML和 python要分开 2.创建是的基本思路： 首先：要确定表达的形式 加载模板 From django.template import Template Template(string) 其次：要确定表达...
[Dynamic Language] Python Django: 模板引擎（1）基本使用
diangang3082的博客
06-17 73
Django 模板系统模板是一个文本，用于分离文档的表现形式和内容。 模板定义了占位符以及各种用于规范文档该如何显示的各部分基本逻辑（模板标签）。模板通常用于产生HTML，但是Django的模板也能产生任何基于文本格式的文档。 使用 Django 的设置启动交互解释器 python manage.py shell Django搜索DJANGO_SETTINGS_M...
python-diango-web: Python + Django + MySQL 学生管理系统（快速入门Web端增删改查）
05-04
python-diango-web 是【有来开源组织】 基于 Python + Django + MySQL实现的Python Web版学生增删改查,旨在快速入门Python Web开发。 项目仓库地址：https://gitee.com/youlaiorg/python-diango-web 项目文档地址：...
Python Web开发-Django从入门到精通(高清PDF，薯条老师 )
06-17
django从入门到精通的实战教程，作者是薯条老师大神
sun-web.tar.gz_Django_web_django_django blog_python html_python
09-24
1. **Django框架**：Django是Python编程语言中的一款高级Web开发框架，它遵循MTV（Model-Template-View）设计模式，提供了一整套解决方案，包括数据库模型设计、URL路由、视图处理以及模板渲染等功能，帮助开发者...
Python之web模板应用
01-20
Python的web模板，其实就是在HTML文档中使用控制语句和表达语句替换HTML文档中的变量来控制HTML的显示格式，Python的web模板可以更加灵活和方便的控制HTML的显示，而且大大地减少了编程人员的工作量。 模板语法： 1、控制语句{% … %}：控制语句需要用{% end %}来作为此语句结束标志，通常用来作循环控制、条件控制、模块控制等，可以更加方便的控制HTML内容的显示； 2、表达语句{{ … }}：一条表达语句就相当于一条Python语句，不需要结束语句，{{和}}之间可以放入任何Python表达式，Python模板语法可以自动运行{{和}}中的语句并把运行结果显示在H
python web界面模板_Python简单轻量级Web Server模块Bottle
weixin_39743423的博客
12-08 548
Bottle提示：使用此WEB服务器模块需要有基本的HTTP知识简单、轻量级指的是：上手不难、容易使用、模块不大还能完成一般Web服务器的功能。Bottle是Python平台的轻量级Web Server(准确的说是HTTP Server)模块，没有其它依赖库，支持Post/Get提交数据、上传文件等功能，还支持简单的网页模板。基本处于常用功能都有，但每个方面都跟专业有很大差距的情况，所以它的定位就...
基于 Python 语言的 Django Web 项目模板
一米阳光的博客
01-31 1993
一款 Python 语言基于Django、Layui、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮、图片裁剪等等一系列个性化、轻量级的组件，是一款真正意义上实现组件化开发的敏捷开发框架。
Python Web----模板
最新发布
2201_76041915的博客
11-30 246
在应用目录下创建templates文件夹，在文件夹内创建time.py文件，下列模板显示视图传递时间四种方法：time = datetime.today()#准备数据t=get_template('time.html')#载入模板文件html=t.render({'time':time}) #渲染模块return HttpResponse(html) #将模块渲染结果返回客户端#render。
Django的网页模板的使用
A_A___smile的博客
05-19 2364
建设网站通常会涉及到模板的使用，这样可以降低程序开发的工作量。Django框架为我们提供了一套模板语言来辅助我们进行模板的使用。 需要指出的是这套模板语言虽然也同其他动态页面的形式相似，被嵌入到html页面中，但其还有一定的特殊性。以php为例，php设计的动态网页通常后缀为.php，在htnl语言中划定好php的范围后直接用php语言进行一些逻辑上的处理；而Django的方式是直接使用后缀为....
Python3之Django Web框架模板篇(templates)与自定义filter与tag
Quincy.Coder的博客
10-24 1275
什么是模板： html加模板语法 模板语法变量： 形式：{{variable}} 深度查询：使用句点符号“.” 过滤器：{{variable|filter_name}} 标签 形式：{% tag %}，tag包含：if、for、csrf_token、url 自定义变量和标签 自定义步骤： 1.在settings.py中的INSTALLED_APPS注册应用；
python web 模版_Python web使用template模板
weixin_39582737的博客
12-03 401
在启动文件hello_web.py同级目录下创建文件夹templates，如下图 将html文件放进templates文件夹下。启动文件hello_web.py代码为：importwebd=[{"id":90,"name":'xianv'},{"id":98,"name":'liang'}]urls=("/hello","hello","/login","login",)app=we...
python web py入门（3）-模板
大坡3D软件开发
02-08 2606
WEB服务器在生成HTML网页时，有两个选择，一个是从代码里嵌入HTML来生成HTML页面返回，另一个是从HTML代码里嵌入执行代码来生成HTML页面返回。这两种方式，其实都有使用，比如在嵌入式系统里，往往就是使用C或C++来生成HTML页面，这些是嵌入在C++代码里面的。但是这种方式是有它的缺点的，比如一个淘宝上页面，其实很多图片资源和网页的样式是固定的，只要少部分数据需要从数据库里找出来，再填...
Django web开发系列（五）模板
weixin_33730836的博客
05-25 150
一 前言在上一节了解到视图函数处理后，会将结果渲染到创建的html页面，但html如何接收并显示视图函数返回的动态数据呢？最常用的做法就是使用模板(Template)，本节将简单介绍一下模板的作用和用法。 可以这样简单的理解模板的概念，模板是包含了html的静态部分和模板语法，通过模板语法实现动态数据的插入，最后拼接成完整的静态html页面。二 模板应用举例A. 定义一个模板...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

岳涛@心馨电脑

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值