Django基础之模板

一.前言

前面我们讲了视图，我们今天来讲一下模板，模板其实也就是视图中render返回的html进行的渲染，然后展示到浏览器页面上去，那我们今天就来和大家来说一下模板的基本用法

二.寻找html模板

这个也就是我们前面说了的找html，前面已经说过了，我这里再说一遍

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',
            ],
        },
    },
]

优先去项目根目录 > 每个已注册的app的templates目录找。

如何选择：

  • 简单的项目，模板都放在根目录。

  • 复杂的项目，模板放在各自的app中，公共部分放在templates目录。  

三.模板处理的本质 

要学习模板我们就得先知道模板处理的本质和模板的基本用法

本质就是渲染完成后，生成字符串展示在页面上

基本用法就是在视图里面返回一个字典，html里面用{{}}引入想要的名字再进行替换，但是这里有一个要注意的是，他替换是对文本进行完整替换（并不会带上引号），这里举个例子大家就知道了

当我们想弹出名字的时候，这时候我们打开浏览器发现没有弹出，我们点开检查

发现他说往日情怀酿作酒没有定义，我们再看看这个html怎么个回事

发现他并没有把引号加上去，他这个是对内容进行完整替换，而不会加上引号，如果我们要带上引号

这样我们进去就有弹框拉

但是当我们导入一个js的时候

我们发现，js里的内容并没有被渲染，这是因为浏览器加载后先渲染html的内容，再来加载js，此时并不能起到渲染作用，所以引入js中需要注意，如果我们非得在js中使用返回的内容，可以通过在html的script标签定义window全局变量，在js中使用全局变量，或者在js中使用ajax请求来获取数据，这里就不和大家具体说了

四.常用语法

 这里就给出代码和注释，方便大家使用

from django.shortcuts import render
from django.shortcuts import render, HttpResponse,redirect
from django.urls import reverse
from django.http import JsonResponse
from django.views import Viewclass Person(object):def __init__(self,name,age):self.name=nameself.age=agedef getdata(self):return '我是一个人类'def getname():return '往日情怀酿作酒'def show(request):return render(request,'web/login.html',{'n1':'往日情怀酿作酒','n2':['请关注','感谢','收藏'],'n3':{'name':'往日情怀酿作酒','age':'20','hobby':'play coomputer'},'n4':[{'id':1,'name':'Mr.3','age':18},{'id':2,'name':'Mr.2','age':18},{'id':3,'name':'Mr.2','age':18}],'n5':Person('Mr.7',28),'n6':getname})
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title></head>
<body>{#n1直接写#}
<h1>{{ n1 }}</h1>
<hr>{#n2是一个数组可以通过for循环遍历每一个值 取出来要加上.#}
<h1>{{ n2.1 }}</h1>
<ul>{% for i in n2 %}<li>{{ i }}</li>{% endfor %}
</ul>
<hr>{#n3是一个字典，如果不加上item，那么就只能去到键，取值也要用.#}
<ul>{% for k,v in n3.items %}<li>{{ k }}={{ v }}</li>{% endfor %}
</ul>
<hr>{#n4是一个列表嵌套着字典，这种可以制作一个表格#}
<table border="1">{% for i in n4 %}<tr><td>{{ i.id }}</td><td>{{ i.name }}</td><td>{{ i.age }}</td></tr>{% endfor %}
</table>
<hr>{#n5是一个类，也可以直接.他的属性和方法,并且函数不要加上括号#}
<h1>{{ n5.name }}</h1>
<h1>{{ n5.age }}</h1>
<h1>{{ n5.getdata }}</h1>
<hr>{#n6是一个函数，也可以直接执行，但是默认是不让传递参数#}
<h1>{{ n6 }}</h1>
<hr></body>
</html>

 效果如上图，我们需要主义的点：

1.引用django字典返回的值需要再外面加上{{}}

2.字典和列表都是通过.来取值而不是通过[]

3.函数默认就是给执行了，我们在html里面不需要再加上括号，并且默认是不支持传递参数的

五.内置函数 

常用的就这些，这些是django中自带的函数，默认都是不支持传递参数的，用的都很少，一会才是和大家说如何自定义函数并且支持传递参数

六.自定义模板函数

首先要确保我们的app是已经注册的，前面我们也已经注册了，接下来就是要创建一个目录名叫templatetags（名字一定要叫这个）

 

然后再创建再里面创建一个py文件，作为以后要导入的名字，py文件里面先要加上固定代码

from django import template
register=template.Library()

 

这样我们就能够定义我们想要的函数了

6.1 filer

filter允许的参数是1-2个

 

可以发现我们把|前面的当成是第一个参数，函数名字后面:是第二个参数

 6.2 simple_tag

simple_tag支持任意个参数

他的调用方式和filter不一样，他是{%%}和前面的load一样，他先写函数名，后面用空格间隔第一个参数，第二个参数等等

6.3 inclusion_tag  

参数无限制，返回的是一个html片段

 

这个也是{%%}来调用

七.母版和继承 

当我们写html的时候，发现有许多重复的地方，我们就可以把重复的地方写成母板，有需要的地方去继承就行了

 

我们用 block来隔离独立的内容，继承用extends关键字

 

通常我们都会继承一下js和css

八.模板的导入 

 

通过include直接进行导入

九.总结

这里也都是讲了知识点，大家所见即所得，记得点赞关注收藏，不记得了记得来看吖

十.补充 

下一期将和大家讲解一下中间件，期待大家的点赞关注加收藏 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/64053.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

每天40分玩转Django：简介和环境搭建

每天40分玩转Django：简介和环境搭建

Django简介和环境搭建 一、课程概述 学习项目具体内容预计用时Django概念Django框架介绍、MVC/MTV模式、Django特点60分钟环境搭建Python安装、pip配置、Django安装、IDE选择45分钟创建项目项目结构、基本配置、运行测试75分钟实战练习创建个人博客项目框架60分钟 二、Djang…
阅读更多...
C++随机数

C++随机数

有些时候&#xff0c;当我们想要一些不固定的数时&#xff0c;总是不知道怎么搞 so&#xff0c;咋搞&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#xff1f;&#…
阅读更多...
MacOs 日常故障排除troubleshooting

MacOs 日常故障排除troubleshooting

1. 关闭开机自启动 app X macOs 15.1 System settings -> General -> Login Items & Extensions->Open at Login -> Select app X and click -
阅读更多...
python的脚本、模块与包、目录的关系以及区别

python的脚本、模块与包、目录的关系以及区别

在Python中&#xff0c;脚本&#xff08;Script&#xff09;、模块&#xff08;Module&#xff09;、包&#xff08;Package&#xff09;和目录&#xff08;Directory&#xff09;是四个相关但概念不同的术语&#xff0c;它们在组织代码和管理项目时扮演着不同的角色。以下是它…
阅读更多...
基于Couchbase的数据构建方案：数仓分层

基于Couchbase的数据构建方案：数仓分层

初步方案是将公共层和报表层分别放在不同的bucket中&#xff0c;这种设计从存储和访问优化的角度是合理的&#xff0c;但仍有以下细节需要考虑&#xff1a; 1. 数仓公共层设计&#xff08;origin bucket&#xff09; 合理性分析&#xff1a; 将ODS、DWD、DWS层的数据放在一个b…
阅读更多...
股市中的做T是什么意思？

股市中的做T是什么意思？

在股市中&#xff0c;“做T”指的是一种交易策略&#xff0c;其核心在于通过对股票做差价来降低持仓成本或实现盈利。以下是对做T的详细解释&#xff1a; 一、定义与原理 做T&#xff08;Day Trading&#xff09;是指在股票交易日&#xff08;T日&#xff09;内&#xff0c;通…
阅读更多...
elasticsearch设置默认账号密码

elasticsearch设置默认账号密码

1.进入elasticsearch的bin目录下&#xff0c;输入命令&#xff1a; elasticsearch-setup-passwords interactive 2.输入对应的账号密码&#xff0c;然后重启elasticsearch&#xff0c;用对应的账号密码登录访问即可
阅读更多...
用拉普拉斯变换的方差算法实现相机自动对焦

用拉普拉斯变换的方差算法实现相机自动对焦

使用拉普拉斯变换的方差来计算图像的清晰度的主要原因是拉普拉斯算子可以有效检测图像的边缘和高频细节。图像的清晰度与边缘强度和高频分量的丰富程度密切相关，以下是更详细的解释： 1. 拉普拉斯算子的作用 拉普拉斯算子是一种二阶导数算子，定义为： 它可以在图像中检测快…
阅读更多...
[leetcode100] 543. 二叉树的直径

[leetcode100] 543. 二叉树的直径

https://leetcode.cn/problems/diameter-of-binary-tree/description/?envTypestudy-plan-v2&envIdtop-100-liked 题目描述&#xff1a;给一个二叉树&#xff0c;返回二叉树直径最大值。直径指的是二叉树中任意一个结点到另外一个结点产生路径的长度。而长度由边来代表。…
阅读更多...
基于Sharding-jdbc实现水平分库、垂直分库、读写分离

基于Sharding-jdbc实现水平分库、垂直分库、读写分离

一、实现水平分库 需求说明 水平分库是把同一个表的数据按一定规则拆到不同的数据库中&#xff0c;每个库可以放在不同的服务器上。 接下来咱们继续对快速入门中的例子进行完善。 实现步骤 将原有order_db库拆分为order_db_1、order_db_2 CREATE DATABASE order_db_1 CHAR…
阅读更多...
OSPF－面试

OSPF－面试

OSPF建立过程 相邻路由器之间 建立邻居关系 邻居之间交换LSA&#xff0c;生成LSDB 使用SPF算法 进行优选路径计算 将计算出来的路由写到路由表中。 OSPF的报文 hello报文&#xff1a;发现、维护邻居 DD报文&#xff1a;选举DR&#xff0c;确定主从关系 LSR报文&#xf…
阅读更多...
基于前后端分离的食堂采购系统源码：从设计到开发的全流程详解

基于前后端分离的食堂采购系统源码：从设计到开发的全流程详解

本篇文章&#xff0c;笔者将从系统设计到开发的全过程进行详解&#xff0c;帮助开发者和企业了解如何高效构建一套完善的食堂采购系统。 一、系统需求分析 在开发一套基于前后端分离的食堂采购系统前&#xff0c;必须对业务需求和功能模块进行详细分析&#xff0c;确保系统设…
阅读更多...
第三十一章 Spring之假如让你来写事务——融入IOC容器篇

第三十一章 Spring之假如让你来写事务——融入IOC容器篇

Spring源码阅读目录 第一部分——IOC篇 第一章 Spring之最熟悉的陌生人——IOC 第二章 Spring之假如让你来写IOC容器——加载资源篇 第三章 Spring之假如让你来写IOC容器——解析配置文件篇 第四章 Spring之假如让你来写IOC容器——XML配置文件篇 第五章 Spring之假如让你来写…
阅读更多...
【笔记】记录一个python初见的语法（一）

【笔记】记录一个python初见的语法（一）

在看书里的代码时了解了一个python的语法知识&#xff0c;是有关class类的。 代码如下&#xff1a; class Vocab: #save"""文本词表"""def __init__(self, tokensNone, min_freq0, reserved_tokensNone):if tokens is None:tokens []if rese…
阅读更多...
LabVIEW面向对象编程有什么特点？

LabVIEW面向对象编程有什么特点？

LabVIEW面向对象编程&#xff08;OOP&#xff09;的特点主要体现在它如何结合传统面向对象编程&#xff08;OOP&#xff09;的理念与LabVIEW的图形化编程模式&#xff0c;提供灵活的抽象和模块化的功能。以下是LabVIEW面向对象编程的几个主要特点&#xff1a; ​ 1. 类&#x…
阅读更多...
【洛谷】P11169 「CMOI R1」Bismuth / Linear Sieve 的题解

【洛谷】P11169 「CMOI R1」Bismuth / Linear Sieve 的题解

【洛谷】P11169 「CMOI R1」Bismuth / Linear Sieve 的题解 洛谷传送门 题解 赛时没调出来&#xff0c;血亏。 先把题目里面的伪代码变成 C 代码 #include <bits/stdc.h> using namespace std;unsigned long long n; bool isNotPrime[10000005]; int primes[1000000…
阅读更多...
【LC】240. 搜索二维矩阵 II

【LC】240. 搜索二维矩阵 II

题目描述&#xff1a; 编写一个高效的算法来搜索 m x n 矩阵 matrix 中的一个目标值 target 。该矩阵具有以下特性&#xff1a; 每行的元素从左到右升序排列。每列的元素从上到下升序排列。 示例 1&#xff1a; 输入&#xff1a;matrix [[1,4,7,11,15],[2,5,8,12,19],[3,6,…
阅读更多...
一级考试真题（2019）

一级考试真题（2019）

一级考试真题&#xff08;2019&#xff09;
阅读更多...
AudioSegment 将音频分割为指定长度时间片段 - python 实现

AudioSegment 将音频分割为指定长度时间片段 - python 实现

DataBall 助力快速掌握数据集的信息和使用方式&#xff0c;会员享有 百种数据集&#xff0c;持续增加中。 需要更多数据资源和技术解决方案&#xff0c;知识星球&#xff1a; “DataBall - X 数据球(free)” -------------------------------------------------------------…
阅读更多...
【kubernetes】k8s集群的简述与搭建

【kubernetes】k8s集群的简述与搭建

简述 Kubernetes&#xff08;简称 K8s&#xff09;是一个开源的容器编排平台&#xff0c;用于自动化部署、扩展和管理容器化应用程序 关键特性 自动化部署和回滚&#xff1a;Kubernetes 可以自动化地部署和回滚应用程序&#xff0c;确保应用程序始终处于预期的状态。服务发现…
阅读更多...
最新文章

Copyright @ 2022~2023