Django7-1.模板系统常用知识点（1）

最新推荐文章于 2022-09-26 20:30:21 发布
最新推荐文章于 2022-09-26 20:30:21 发布
阅读量172 收藏
点赞数
分类专栏： # Django知识点 文章标签： 过滤器 django python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangSummer/article/details/112744918
版权

Django——模板操作

我们一般将html文件放入Templates而将css和js等静态文件放入static文件中。

一、回顾

我们先来回顾以下，如何创建app：

  • 首先进入到虚拟环境

  • 然后进入到apps目录下

  • 执行下面语句:python ../manage.py startapp tempmd(app_name)

  • 最后将创建出来的文件下载到本地即可

  • 应为创建的app是没有url的，因此我们需要创建一个urls.py文件

  • 然后将这个路由在总路由中创建即可

    from django.urls import include, path

urlpatterns = [
    path('', include('test1.urls')),
    path('', include('tempmd.urls')),
]

创建完app以后，我们可以查看以下是否能顺利运行：

# tempmd/urls.py
from django.urls import path
from . import views

app_name = "tempmodel"

urlpatterns = [
	path('', views.test1)
]

# tempmd/views.py
from django.shortcuts import render
from django.http import HttpResponse

# Create your views here.


def test1(request):
	return HttpResponse("<h1>这是tempmodel的第一个测试</h1>")

运行url：127.0.0.1:8000

在这里插入图片描述

二、模板位置

上面的代码可以看到，我们使用html是可以返回并且在浏览器上显示出来的，那如果我们直接使用一个html文件，然后让这个函数返回这个html文件可以么？答案是可以的，django有一个模板模块，可以用来渲染html，他可以写入两个地方：

  • 与manage.py同意级的templates文件中
  • 放在app目录的templates中（一般都使用这个方法）

1.在app中的templates

这个方法一般就是把属于每个app的页面放在这个里面，而不属于自己的html就不会出现，但是这里有一个注意点（这里的templates不能改名字，必须这个）

  • 在app下创建templates文件夹

  • settings.py配置

    INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'tempmd',  # 其实这个我们已经配置过了，我们之前的diamagnetic回顾一下，使用sys
]

# 同时要设置'APP_DIRS'为True

    回顾之前的app配置路径：

    # 创建应用之后，把apps目录加入到sys.path中
sys.path.insert(0, BASE_DIR)
sys.path.insert(1, os.path.join(BASE_DIR, 'apps'))  # 这个会自动配置好路径，因此我们可以不用上一步

  • 使用

2.集中到templates文件

  • 模板要放到特定的文件夹中，在项目根目录下（和manage.py同级）去创建一个文件夹

  • 在setting.py中的配置环境

    TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [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',
            ],
            'builtins': ['django.templatetags.static']  # 这个不是自动生成的，而是我们自己加的，方便后续 
        },
    },
]

  • 但是为了方便我们后续，我们同样可以在总的templates文件夹中创建app_name文件夹，将属于这个app的html存入即可

3. 例子

templates/tempmd/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
</head>
<body>
    <h1 style="color: red">这是第一个页面</h1>
    这个html是放在templates内的html
</body>
</html>

tempmd/urls.py

from django.urls import path
from . import views

app_name = "tempmodel"

urlpatterns = [
	path('', views.test1)
]

tempmd/views.py

from django.shortcuts import render
from django.http import HttpResponse
from django.template.loader import get_template


# Create your views here.


def test1(request):
	# return HttpResponse("<h1>这是tempmodel的第一个测试</h1>")
	t = get_template('tempmd/index.html')
	html = t.render()
	return HttpResponse(html)

路由：127.0.0.1:8000

在这里插入图片描述

3-1.渲染升级

其实正常的开发不是上面这样(先获取模板，然后渲染最后返回)的，而是直接使用一个函数，看下面代码：

tempmd/views.py

from django.shortcuts import render
from django.http import HttpResponse
from django.template.loader import get_template


# Create your views here.


def test1(request):
	# 1.直接返回html
	# return HttpResponse("<h1>这是tempmodel的第一个测试</h1>")
	
	# 2.使用模板渲染返回
	# t = get_template('tempmd/index.html')
	# html = t.render()
	# return HttpResponse(html)
	
	# 3.正常的返回
	return render(request, 'tempmd/index.html')

4. 总结

  • 模板两种存放方式：1.app目录下templates；2.根目录下定义一个目录集中存放
  • 如何选择：1.一般情况下，我们会选择集中存放2.如果app需要重复使用时，把模板放在app下
  • 为什么我们要在templates文件夹下创建以app名字命名的文件夹？
    • 不同应用会有同名的模板，所以为了区分不同应用的模板

三、模板变量

我们页面分为静态和动态，静态就是没有和后台进行交互的一个html文件，而动态是随着时间的改变而内容发生改变的一个html文件。模板是通过上下文来渲染的。渲染用变量的值替换变量，变量的值在上下文中查找，并执行标签。其他的一切都按原样输出。

1. 模板变量语法{{ name }}

我们通过后台的的render函数内部的参数context将一个字典类型的值传到前端，然后前端使用{{ key }}获取后端传入的值。

注意这个name必须同样也得遵守python的命令规则。

templates/tempmd/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
</head>
<body>
    <h1 style="color: red">这是第一个页面</h1>
    <p>现在的时间是：{{ now }}</p>
</body>
</html>

tempmd/urls.py

from django.urls import path
from . import views

app_name = "tempmodel"

urlpatterns = [
	# path('', views.test1)  # 回顾和理解template
	path("", views.index),
]

temdmd/views.py

from datetime import datetime

from django.shortcuts import render
from django.http import HttpResponse


def index(request):
	now = datetime.now()  # 获取当前时间
	return render(request, 'tempmd/index.html', context={
		'now': now,
	})

访问url：127.0.0.1:8000

在这里插入图片描述

2. 模板过滤器

1). 直接在后台控制时间的输出

tempmd/views.py

def index(request):
	now = datetime.now()  # 获取当前时间
	now = now.strftime("%Y年%m月%d日 %H:%M:%S")
	return render(request, 'tempmd/index.html', context={
		'now': now,
	})

其他不变，继续上次的路由：

在这里插入图片描述

2). 使用模板过滤器

模板过滤器可以让我们在模板文件上直接对模板变量进行再处理。常用过滤器：

  • add：字符串相加
  • default：提供一个默认值
  • first：返回列表中的第一个
  • last：返回列表中的最后一个
  • date：格式化日期和时间
  • time：格式化时间
  • join：和python的join方法一样
  • length：返回字符串长度
  • lower：所有字符串变小写
  • capfirst：首字母大写
  • slice：切割列表
  • floatformat：浮点数格式化

关于模板过滤器的官方地址

我们这里使用date进行再次修改：

tempmd/views.py

def index(request):
	now = datetime.now()  # 获取当前时间
	# now = now.strftime("%Y年%m月%d日 %H:%M:%S")
	return render(request, 'tempmd/index.html', context={
		'now': now,
	})

templates/temped/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
</head>
<body>
    <h1 style="color: red">这是第一个页面</h1>
    {#<!- 这是模板变量的语法{{ name }}#}
    <p>现在的时间是：{{ now }}</p>
    {# 过滤器语法{{ name|过滤器:格式 #}
    <p>现在的时间是：{{ now|date:"Y年m月d日 H:i:s" }}</p>
</body>
</html>

路由:127.0.0.1:8000

在这里插入图片描述

3). 模板变量的衍生
one. 最基本的引用

templates/temdmd/test2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板变量衍生</title>
</head>
<body>
    <h1 style="color: skyblue">这是模板变量的衍生测试</h1>
    <p>现在的时间是:{{ now|date:"Y年m月d日 H:i:s" }}</p>
    <p>我的列表是:{{ li }}</p>
    <p>我的字典是:{{ stu }}</p>
</body>
</html>

tempmd/urls.py

from django.urls import path
from . import views

app_name = "tempmodel"

urlpatterns = [
	# path('', views.test1)  # 回顾和理解template
	path("index", views.index),  # 基础的模板测试
	path("", views.test2),  # 使用过滤器的模板测试
]

tempmd/views.py

def test2(request):
	now = datetime.now()  # 获取当前时间
	li = [4, 5, 6]
	stu = {"name": "summer", "age": 20, "hoppy": "football"}
	return render(request, 'tempmd/test2.html', context={
		"now": now,
		"li":  li,
		"stu": stu,
	})

路由：127.0.0.1:8000

在这里插入图片描述

two. 有关列表的过滤器

templates/temdmd/test2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板变量衍生</title>
</head>
<body>
    <h1 style="color: skyblue">这是模板变量的衍生测试</h1>
    <p>现在的时间是:{{ now|date:"Y年m月d日 H:i:s" }}</p>
    <p>我的列表是:{{ li }}</p>
    <p>我的字典是:{{ stu }}</p>
    <p>我是字符串:{{ st }}</p>
    {# 有关列表的过滤器{{ name|过滤器:值 }} #}
    <p>我是列表的第一个值（1）:{{ li.0 }}；（2）:{{ li|first }}</p>
    <p>我是列表的最后一个值:{{ li|last }}</p>
    <p>我是列表的最后一个值加6:{{ li.2|add:6 }}</p>
    <p>我是列表的最后一个值加'6':{{ li.2|add:'6' }}</p>
    <p>我是列表的最后一个值加'a':{{ li.2|add:'a' }}</p>
    <p>我是列表的切片:{{ li|slice:'::-1' }}</p>
    <p>我是字符串的拼接:{{ li|join:'//' }}</p>
</body>
</html>

tempmd/views.py

def test2(request):
	now = datetime.now()  # 获取当前时间
	li = [4, 5, 6]
	stu = {"name": "summer", "age": 20, "hoppy": "football"}
	st = "My name is summer"
	return render(request, 'tempmd/test2.html', context={
		"now": now,
		"li":  li,
		"stu": stu,
		"st": st,
	})

路由：127.0.0.1:8000

在这里插入图片描述

three.有关字符串的过滤器

templates/temdmd/test2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板变量衍生</title>
</head>
<body>
    <h1 style="color: skyblue">这是模板变量的衍生测试</h1>
    <p>现在的时间是:{{ now|date:"Y年m月d日 H:i:s" }}</p>
    <p>我的列表是:{{ li }}</p>
    <p>我的字典是:{{ stu }}</p>
    <p>我是字符串:{{ st }}</p>
    {# 有关列表的过滤器{{ name|过滤器:值 }} #}
    <p>我是列表的第一个值（1）:{{ li.0 }}；（2）:{{ li|first }}</p>
    <p>我是列表的最后一个值:{{ li|last }}</p>
    <p>我是列表的最后一个值加6:{{ li.2|add:6 }}</p>
    <p>我是列表的最后一个值加'6':{{ li.2|add:'6' }}</p>
    <p>我是列表的最后一个值加'a':{{ li.2|add:'a' }}</p>
    <p>我是列表的切片:{{ li|slice:'::-1' }}</p>
    <p>我是字符串的拼接:{{ li|join:'//' }}</p>
    <p>我是字符串首字母大写:{{ st|capfirst }}</p>
    <p>我是字符串小写:{{ st|lower }}</p>
    <p>我是字符串大写:{{ st|upper }}</p>
    <p>我是字符串长度:{{ st|length }}</p>
</body>
</html>

路由：127.0.0.1:8000

在这里插入图片描述

4). 总结
  • 模板过滤器的语法

{{ 模板变量|过滤器 }}

{{ 模板变量|过滤器：字符串参数/模板变量 }}

  • 注意：
    • 冒号前后不能空格
    • 可以链式操作
68岁爱用飘柔
关注
专栏目录
一起学习Django框架（五）模板层：模板语法详细
Simple子夜
03-21 2663
目录一、模板语法：传值二、模板语法：取值三、模板语法：过滤器四、模板语法：标签4.1 if模板标签4.2 for模板标签补充：当for接收的值不存在，如何处理五、自定义过滤器、标签、inclusion_tag5.1 简介、环境准备5.2 自定义过滤器5.3 自定义标签5.4 自定义inclusion_tag六、模板导入七、模板继承6.1 简介6.2 实例 简介： 本章节介绍如何在Django内玩转模板层，也就是使用模板语法在HTML页面内进行各种操作，但这些内容最后都是由Django的模块来解析模板语法。
django模板层知识要点
brave_sun的博客
08-04 287
模版是纯文本文件。它可以产生任何基于文本的的格式（HTML，XML，CSV等等）。 模版包括在使用时会被值替换掉的 变量，和控制模版逻辑的 标签。 下面是一个小模版，它说明了一些基本的元素。后面的文档中会解释每个元素。 {% extends "base_generic.html" %} {% block title %}{{ section.title }}{% endblock
专题4：Django之在应用下创建模版templates及注意事项
Vincent_Zhang233的博客
09-26 1915
Django在应用下创建模版templates及注意事项
Django模板之显示基本字符串
时光足迹
09-08 2220
工程结构 views.py # -*- coding: utf-8 -*- from django.shortcuts import render def home(request): string = u"我在学习Django，用它来建网站" return render(request, 'home.html', {'string': string}) ur
在Django模板文件中对字符串的操作
Maoning Guan的博客
06-20 1917
Django模板文件是HTML文件，在该HTML文件中对字符串变量的一些操作函数，示例： {{ comment.content | striptags | slice:"20" | add:"..." }} 代码解释： 以上代码，是获取comment.content字符串的前20个字符，并且在其末尾拼接"…"字符串。在Python中的实现如下： comment.content[:20] + '...' ...
Django7.模板知识点
胖大xian
01-17 352
Django——Templates模块 作为一个Web框架，Django需要一种动态生成HTML的便捷方法。最常用的方法依赖于模板。模板包含所需HTML输出的静态部分以及描述动态内容将被插入的一些特殊语法。 一个 Django 项目可以配置一个或多个模板引擎（如果你不使用模板，甚至可以不配置模板）。Django内置了自己的模板系统后端，创造性地称为 Django 模板语言（DTL），以及流行的替代版本Jinja2。其他模板语言的后端可以从第三方获得。 Django定义了一个标准的API，用于加载和渲染模板，
django html 模板语法,Django -- 模板
weixin_28686771的博客
06-25 642
一切伟大的行动和思想，都有一个微不足道的开始； -- 徐志摩《励志天下》一切能忍受的微不足道，都有一个行动思想在脚下。 -- 小QQ 《励志自己》------------------------------------------------------------------------------------------------------前一节，我们把HTML直接硬编码在pyth...
Django基础-----Django模板系统
zyf0111的博客
04-23 230
一、视图函数： 根据路径定义函数，目的：导入不同功能的HTML页面。 例：在views.py工作目录下，定义函数： def teacher(request): return render(request,'teacher.html') 其中，teacher.html是需要从django进入并且在浏览器显示的页面，放置在templates目录下。 再去urls.py目录下导入路径，在导入路...
基于python+Django的博客系统，基于django和django-simpleui.zip
最新发布
10-10
【知识点】： 1. Python：Python是一种高级编程语言，以其简洁明了的语法和丰富的库支持闻名，是Web开发的热门选择。在这个项目中，Python被用作后端服务器的编程语言。 2. Django：Django是Python的一个高级Web...
PyPI 官网下载 | django-pika-pubsub-0.4.tar.gz
01-27
1. **Django框架**：Django是一个高级的Web框架，使用MVT（Model-View-Template）设计模式，提供数据库抽象层、内置ORM、强大的表单处理和模板系统等特性，帮助开发者快速开发高质量的Web应用。 2. **Pika库**：...
PyPI 官网下载 | django-sites-0.7.tar.gz
02-13
**相关知识点** 1. **Django框架**：Django是一个强大的Web开发框架，遵循MVT（Model-View-Template）架构模式，提供了ORM（对象关系映射），可以轻松创建数据库模型，还有内置的认证系统、表单处理和视图等功能。 ...
Django9-1.请求与响应常用知识点
胖大xian
01-20 136
Django——请求与响应 文章目录Django——请求与响应一、请求和响应流程二、HttpRequest对象1.属性2. debug查看3. Form中的get和post3-1 get3-2 post4. getlist（）5. request中的get和post5-1 GET5-2 POST5-3 升级登录函数6. 总结三、HttpResponse对象1. 常用子类2. cookie3. 小实验：使用cookie记录第几次访问 一、请求和响应流程 浏览器输入网址 经过TCP/IP协议创建连接 请求页面
Django3.配置settings
胖大xian
01-15 681
三、配置settings 3.1常用设置 1.debug设置 DEBUG = true在开发阶段将此设为True，项目上线后，将次设为false 2.settings添加渲染 在settings的第65行回车，将此命令复制进去'builtins': ['django.templatetags.static'],注：这个地方一定要敲对，不然当后期网页渲染的时候，这个地方会进行报错 3.配置时区 # 修改语言 LANGUAGE_CODE = 'zh-hans' # 修改时区 TIME_ZONE = 'Asia/
Django4.创建app
胖大xian
01-15 392
四、创建app 4.1 创建apps文件夹 回到根目录 mkdir apps 进入apps文件夹 cd apps 4.2 新建app 创建app代码 python ../manage.py startapp test1(app名字) 查看创建文件 >>>tree . └── test1 ├── admin.py ├── apps.py ├── __init__.py ├── migrations │ └── __init__.py ├─
Django10-1.django分页功能
胖大xian
01-21 321
Djnago——分页功能 文章目录Djnago——分页功能四、准备工作五、 自写分页功能1. 通过视图实现分页功能2. 实现分页模板3. 实现页码部分 本文接上文 分页功能是每个网站的必选，为什么要有分页？因为后台的数据是非常大量的，如果一次性就给前台，先不说带宽问题导致的传送时间问题，且说用户是否会有这个耐心全看完？如果看到第一个就不看了，后面的都是一些无用的数据即浪费服务器资源也增长了用户等待的时间，缺少用户体验。因此分页功能能很好解决这个问题，通过分页，我们可以确定一个页面有多少数据，然后更具总数据就
Django5.URL知识点
胖大xian
01-16 311
Djnago——url模块 一、概况 URL是django中一个模块，是url路径到视图的一个映射，先看来来官方的解说： ## 英文版： To design URLs for an app, you create a Python module informally called a URLconf (URL configuration). This module is pure Python code and is a mapping between URL path expressions to Pyt
Django8.模型知识点
胖大xian
01-18 224
Django——Model模块 文章目录Django——Model模块一、ORM二、数据库连接和配置（基本上之前已经完成）1. 下载对应环境2. 创建数据库3. 创建数据库用户并授权4. 修改配置文件5. 导入API三、Django模型了解1. 快速上手2. 使用模型3. 字段3-1 字段类型3-2 字段选项3-3 自动设置主键3-4 字段备注名字4.关联表关系4-1 多对一并联4-2 多对多关联4-3 在多对多(many-to-many)关系中添加添加额外的属性字段4-4 一对一关联5. 字段命名限制6.
介绍django-bootstrap5知识框架，常用点
04-19
Django-bootstrap5 是一个基于 Django Web 框架和 Bootstrap 5 的库，它提供了预先定义好的模板和样式，可以方便地创建漂亮的、基于 Bootstrap 风格的 Web 应用程序。它也提供了便于开发人员集成相应的JavaScript插件功能的一系列工具。在使用该库时，您可以选择使用其CSS样式表，或者使用自定义CSS样式来覆盖已定义的默认样式。 这个库是由四个分离的应用程序组成的：bootstrap5，bootstrap5_forms，bootstrap5_modal 和 bootstrap5_theme，它们可以分别用于处理基础 Bootstrap 5 样式，表单，模态对话框和主题。 在使用 Django-bootstrap5 时，通常可以使用其基于类的视图和表单来创建具有 Bootstrap 5 样式的视图和表单。它还提供了一些有用的标记，如 bgColor、textColor、borderColor、badgeColor 等，可以方便地设计页面的外观和感觉。 常用的一些类和函数包括 BootstrapFormMixin、ModalView、Badge 和 Alert 等，它们可以用于创建 Bootstrap 风格的表单、模态对话框、徽章和警报。 总之，Django-bootstrap5 让开发人员可以更加轻松地创建漂亮、功能齐全且优秀的 Web 应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值