Django-C004-模板

其他 2019-06-27 18:38:18 阅读次数: 0

此文章完成度【3%】留着以后忘记的回顾。多写多练多思考，我会努力写出有意思的demo，如果知识点有错误、误导，欢迎大家在评论处写下你的感想或者纠错。

模板

 作为web框架，Django提供了模板，用于编写html代码，还可以嵌入模板代码更快捷、更方便的完成页面开发，在通过在视图中的渲染，将生成最终的HTML字符串返回给客户端，模板致力于表达外观，而不是程序逻辑，模板的设计实现了业务逻辑与显示内容的分离，一个视图可以使用任意的模板，一个模板可以供多个视图使用。

 

模板包含两个部分：

  • 静态：html、css、js

  • 动态：模版语言

Django处理模板分为两个阶段：

  • 加载：根据给定的路径找到模板文件，编译后保存在内存中

  • 渲染：使用上下文数据对模板插入值并返回生成的字符串

为了减少加载和渲染，Django提供了简单函数render用于调用模板

Django模板语言，定义在django.template,创建完项目后，在项目文件下的settings.py文件中定义关于模板的配置

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

DIRS定义一个目录列表，模板引擎按列表顺序搜索这些目录以便找到模板文件，通常是在项目的根目录下创建templates目录。

按照咱们的习惯，每当新开始的章节，当然是创建一个新的项目，温故而知新。

1）创建项目test4

django-admin startproject test4

2）进入项目目录，创建应用school

cd test4
python manage.py startapp school

3) 在项目的settings.py文件中，添加应用

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'school',  # 添加应用
]

4）在项目的settings.py文件中，更改使用的数据库引擎

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 't_school',
        'USER': 'root',
        'PASSWORD': 'toor',
        'HOST': 'localhost',
        'PORT': 3306,
    }
}

5）在项目下的__init__.py文件中导入pymysql

import pymysql
pymysql.install_as_MySQLdb()

6）在项目下的settings.py文件中添加模本文件夹

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR,'templates')],  # 添加模板文件夹路径
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

7）创建模板文件夹

8）配置项目下的urls.py指向我们应用的urls.py, 并且创建应用专属urls.py

项目下的urls.py

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include("school.urls")),
]

应用下的urls.py

from django.urls import re_path
from school import views

urlpatterns = [
    re_path(r"^$", views.index),
]

9）在应用下的views.py，定义index视图

10）在templates的t_school中创建index.html 模板文件

11）在school/models.py文件中，定义ClassInfoModel类

from django.db import models


class ClassInfoModel(models.Model):
    """班级信息模型类"""
    name = models.CharField(max_length=20)
    class_date = models.DateField()
    class_size = models.IntegerField(default=0)
    reported_size = models.IntegerField(default=0)
    isDelete = models.BooleanField(default=False)

12）测试

 

模板语言

 

模版语言的四种类型：变量、标签、过滤器、注释

模版变量

模板班里那个的作用是计算并输出，变量名必须由字母、数字、下划线(但是不能作为开头)和点组成

{{ 变量 }}

当模版引擎遇到点如 c.name .这里的c是ClassInfoModel的对象，会按照以下顺序解析

  1. 字典 c['name'] 方式解析

  2. 先属性后方法，c当做对象，查找name属性，如果没有在查找name()方法

  3. 如果个为c.0则解析为c[0]

　　如果对象不存在则插入空字符串，在模板调用方式时，不能传递参数

视图：views.py，创建pass_on

def pass_on(request):
    po_dict = {'key' : 'po_dict_var'}
    c = ClassInfoModel.objects.get(id=1)
    context = {'po_dict': po_dict, 'c': c}
    return render(request, "t_school/pass_on.html", context)

URL : urls.py

urlpatterns = [
    re_path(r"^$", views.index),
    re_path(r"^pass_on$", views.pass_on),
]

模板：templates>t_school>pass_on.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    dict = : {{po_dict.key}}<br>
    ClassInfoModel = : {{c.name}}<br>
</body>
</html>

展示效果

标签

 

{% 代码段 %}

for循环标签

{%for item in 列表%}
循环逻辑
{{forloop.counter}}表示当前是第几次循环，从1开始
{%empty%}
列表为空或不存在时执行此逻辑
{%endfor%}

if判断标签

{%if ...%}
逻辑1
{%elif ...%}
逻辑2
{%else%}
逻辑3
{%endif%}

比较运算符

==　　# 注意：运算符左右两侧不能紧挨变量或常量，必须有空格。
!=
<
>
<=
>=

布尔运算符

and
or
not

视图：views.py 创建视图 use_tag

def use_tag(request):
    context = {'class_list': ClassInfoModel.objects.all()}
    return render(request, 't_school/use_tag.html', context)

URL: urls.py 

re_path(r"^use_tag$", views.use_tag),

模板：templates>t_school>use_tag.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul>
        {%for class in class_list %}
            {%if class.id <= 3 %}
                <li style="color:pink;">{{ class.name }}</li>
            {%else%}
                <li style="color:#666;">{{ class.name }}</li>
            {%endif%}
        {%empty%}
            error： 没找到班级信息
        {%endfor%}
    </ul>
</body>
</html>

展示效果

过滤器

 

语法

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

长度length，返回字符串包含字符的个数，或列表、元祖、字典的元素个数

默认值default，如果变量不存在时则返回默认值

data|default:'默认值'

日期date, 用于对日期类型的值进行字符串格式化，常用的格式化标签

  • Y表示年，格式为4位，y表示两位的年。
  • m表示月，格式为01,02,12等。
  • d表示日, 格式为01,02等。
  • j表示日，格式为1,2等。
  • H表示时，24进制，h表示12进制的时。
  • i表示分，为0-59。
  • s表示秒，为0-59。
alue|date:"Y年m月j日  H时i分s秒"

视图 ： views.py 定义视图use_filter

def use_filter(request):
    context = {'class_list': ClassInfoModel.objects.all()}
    return render(request, 't_school/use_filter.html', context)

URL: urls.py 

re_path(r"^use_filter$", views.use_filter),

模板：templates>t_school>use_filter.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul>
        {%for class in class_list %}
            {%if class.id <= 3 %}
                <li style="color:pink;">
                    {{ class.name }}--->
                    {{ class.class_date}}    
                </li>
            {%else%}
                <li style="color:#666;">
                    {{ class.name }}--->
                    {{ class.class_date|date:"Y-m-j"}}
                </li>
            {%endif%}
        {%empty%}
            error： 没找到班级信息
        {%endfor%}
    </ul>
</body>
</html>

展示效果

自定义过滤器

过滤器就是Python中的函数，注册后就可以在模板中当做过滤器使用，下面以求余为例开发一个自定义过滤器mod

首先在应用中创建templatetags目录，创建__init__文件和filters.py文件

去settings里面的INSTALLED_APPS中注册：

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'school',  # 添加应用
    'school.templatetags'  # 作为APP注册
]

在filters.py中编写代码：

# 导入Library类
from django.template import Library

# 创建一个Library对象
register = Library()

# 使用装饰器进行注册
@register.filter
def mod(value):  # 定义求余函数，返回布尔值
    return value % 2 == 0

使用这个自定义的过滤器之前还需要在模板文件中导入，去模板文件中使用自定义的过滤器

{%load filters%}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul>
        {%for class in class_list %}
            {%if class.id|mod %}
                <li style="color:pink;">
                    {{ class.name }}--->
                    {{ class.class_date}}    
                </li>
            {%else%}
                <li style="color:#666;">
                    {{ class.name }}--->
                    {{ class.class_date|date:"Y-m-j"}}
                </li>
            {%endif%}
        {%empty%}
            error： 没找到班级信息
        {%endfor%}
    </ul>
</body>
</html>

展示效果

其实自定义的过滤器还是可以指定参数的，接下来把上面的例子改进一下，不让固定只能取余2

1）首先到filters.py中定义过滤器函数

@register.filter
def mod_num(value, num):  # 定义求余函数，返回布尔值
    return value % num == 0

2）去模板中使用

{%load filters%}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul>
        {%for class in class_list %}
            {%if class.id|mod_num:3 %}
                <li style="color:pink;">
                    {{ class.name }}--->
                    {{ class.class_date}}    
                </li>
            {%else%}
                <li style="color:#666666;">
                    {{ class.name }}--->
                    {{ class.class_date|date:"Y-m-j"}}
                </li>
            {%endif%}
        {%empty%}
            error： 没找到班级信息
        {%endfor%}
    </ul>
</body>
</html>

效果展示

 

注释

在模板中使用如下模板注释，这段代码不会被编译，不会输出到客户端；html注释只能注释html内容，不能注释模板语言 

1）单行注释

{#...#}

2）多行注释

{%comment%}
...
{%endcomment%}

模板继承 

 

模板继承和类的继承含义是一样的，主要是为了提高代码的重用

典型应用 : 网站头部、尾部

父模板

如果发现在多个模板中内容相同，那就应该把这段内容定义在父模板中。

标签block：用于在父模板中预留区域，留给紫墨般填充差异性的内容，名字不能相同，为了更好的可读性，建议给endblock 标签上写名字，这个名字与对应的block名字相同，父模板中也可以使用上下文中传递过来的来的数据

{%block 名称%}
预留区域，可以编写默认内容，也可以没有默认内容
{%endblock  名称%}

子模板

标签extends: 继承写在模版文件的第一行

{% extends "父模板路径"%}

子模板不用填充父模板中的所有预留区域，如果子模板没有填充，则使用父模板定义的默认值。

填充父模板中指定名称的预留区域

{%block 名称%}
实际填充内容
{{block.super}}用于获取父模板中block的内容
{%endblock 名称%}

视图 views.py 定义temp_inherit.

def temp_inherit(request):
    context = {'title': '模板继承', 'class_list': ClassInfoModel.objects.all()}
    return render(request, 't_school/temp_inherit.html', context)

URL urls.py

  re_path(r"^temp_inherit$", views.temp_inherit),

模板 创建一个名为temp_inherit_base.html父模板，在创建一个temp_inherit.html子模板

temp_inherit_base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
</head>
<body>
    <h1>网页头部</h1>
    <hr>
    {%block qu1%}
        这是区域一，默认值
    {%endblock qu1%}
    <hr>
    {%block qu2%}
    {%endblock qu2%}
    <hr>
    <h1>网页尾部</h1>
</body>
</html>

temp_inherit.html

{%extends 't_school/temp_inherit_base.html'%}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    {%block qu1%}
        {{block.super}}
        <br>
        这是区域一，添加的内容
    {%endblock qu1%}    

    {%block qu2%}
        <ul>
            {% for class in class_list%}
            <li>
                {{class.name}}
            </li>
            {%endfor%}
        </ul>
    {%endblock qu2%}    
    
</body>
</html>

展示效果

 

 

猜你喜欢

转载自www.cnblogs.com/Hannibal-2018/p/11094368.html
004
今日推荐
美国拟限制 AI 大模型出口中国和俄罗斯
苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
报告：Django 仍然是 74% 开发者的首选
《2024 年一季度互联网投融资运行情况》研究报告
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
GCC 14.1 发布
周排行
curl的POST请求，封装方法
8.1.1. Integer Types
Java基础 Day05(个人复习整理)
Python - Django - 中间件 process_exception
小L的试卷
【Shell编程】 （函数）判断用户是否存在
python(css样式)
spring ant path 匹配原则 - 【笔记】
《JavaScript与JScript从入门到精通》(美)James.Jaworski.中译本.扫描版.pdf
Eclipse运行带参数的java程序
每日归档
更多
2024-05-12(0)
2024-05-11(38)
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022