首页 > 其他分享 >模板层

模板层

时间:2023-08-02 19:44:07浏览次数:29  
标签:forloop return html 模板 def 页面

模版语法传值

{{}}:里面写的变量

{%%}:里面写的逻辑

模板层可以传递的后端python数据类型:

传函数名时会自动加括号调用 ,但是模版语法不支持给函数传额外的参数

传类名的时候也会自动加括号调用(实例化)

后端views文件中:

def inde(request):
    # 模板语法可以传递的后端python数据类型
    n = 123
    f =1.23
    s = 'abc'
    b = True
    l = ['x','y','z']
    d ={'name':'hua','age':18}
    se = {'1','2','3'}
    lll = []
    # 函数
    def func():
        print('我被执行了')
        return 123
    # 类
    class MyClass(object):
        def get_self(self):
            return 'self'
        @staticmethod
        def get_func():
            return 'func'
        @classmethod
        def get_class(cls):
            return 'cls'
        # 对象被展示到html页面上 就类似于执行了打印操作也会触发__str__方法
        def __str__(self):
            return '到底会不会?'
    obj = MyClass() # 对象

    return render(request,'inde.html',locals()) # 一次性全都传过去

前端html文件中:

 结果:

 

总结:

传递函数名会自动加括号调用,但是模板语法不支持给函数传额外的参数

传类名的时候也会自动加括号调用(实例化)

内部能够自动判断出当前的变量名是否可以加括号调用 如果可以就会自动执行  针对的是函数名和类名

django模版语法的取值 是固定的格式 只能采用句点符: “.”  ,既可以点key也可以点索引,还能两者混用。

例如:

<p>{{ d.username }}</p>
<p>{{ l.0 }}</p>
<p>{{ d.hobby.3.info }}</p>

过滤器

过滤器就类似于是模板语法内置的内置方法

django内置有60多个过滤器 我们不需要学这么多 了解10个左右就差不多了 后面碰到了再去记忆。

过滤器的基本语法:

  {{数据|过滤器:参数}}

1.统计字符长度:

  <p>统计字符长度:{{ s|length }} </p>

2.默认值:前面有值就使用前面的,前面没有值就使用default后面的值

  <p>默认值:{{ b|default:'|前是True就是True,不是True执行我' }}</p>

3.文件大小:

  <p>文件大小:{{ file|filesizeformat }}</p>

4.日期格式化:

  <p>日期格式化:{{ current_time|date:'Y-m-d H:i:s'}}</p>

5.切片操作:

  <p>切片操作(支持步长):{{ l|slice:'0:4:2' }}</p>

6.切取字符:

  <p>切取字符(包括...三个点):{{ info|truncatechars:6 }}</p>

7.切取单词:

  <p>切取单词(按照空格切,...不算):{{ eng|truncatewords:6 }}</p>

8.移除特定的字符:

  <p>移除特定的字符:{{ info1|cut:' ' }}</p>

9.拼接操作:

  <p>拼接操作:{{ l|join:'$' }}</p>

  <p>拼接操作(加法int):{{ n|add:10 }}</p>

  <p>拼接操作(加法str):{{ s|add:info }}</p>

10.转义:

  <p>转义:{{ sss|safe }}</p>

例如:

 结果如图:

 

# 转义(补充):

在前端 :|safe

在后端:

from django.utils.safestring import mark_safe
res = mark_safe('<h1>新新</h1>')

"""
以后你在全栈项目的时候 前端代码不一定非要在前端页面书写
也可以现在先在后端写好 然后传递给前端页面
"""

标签

标签:就是在模板里面使用流程控制,比如:if else elseif for循环等

标签语法:{% tag %}

for标签:

# html中:
<body>
{#for标签#}
{% for name in lst %}
    <p>
        {{ name }} # 每次取一个元素,循环取完
    </p>
{% endfor %}
</body>

# views中:
def home(request):
    lst = ['chen','lin','hua','cai']
    return render(request,'home.html',locals())

前端html:

 后端views:

结果:

 {forloop}:

{% for foo in l %}

  <p>{{ forloop }}</p>

{% endfor %}

结果:

 

forloop.counter  The current iteration of the loop (1-indexed) 当前循环的索引值(从1开始)
forloop.counter0  The current iteration of the loop (0-indexed) 当前循环的索引值(从0开始)
forloop.revcounter  The number of iterations from the end of the loop (1-indexed) 当前循环的倒序索引值(从1开始)
forloop.revcounter0  The number of iterations from the end of the loop (0-indexed) 当前循环的倒序索引值(从0开始)
forloop.first  True if this is the first time through the loop 当前循环是不是第一次循环(布尔值)
forloop.last  True if this is the last time through the loop 当前循环是不是最后一次循环(布尔值)
forloop.parentloop  本层循环的外层循环(了解)

遍历字典

#views中:
def home(request):
    dd = {'username': "jerry", 'age': 18, "gender": "male"}
    return render(request,'home.html',locals())

# html中:
{% for key,val in dd.items %}
    <p>{{ key }}:{{ val }}</p>
{% endfor %}

{% for foo in dd.keys %}
    <p>{{ foo }}</p>
{% endfor %}

{% for value in dd.values %}
    <p>{{ value }}</p>

 

结果:

 

if标签:

#views中:
def home(request):
    # a = 1# 当只有a或只有还有其他值时,匹配到a,页面就显示a对应的内容
    # b = 2
    # c = 3 # 当有c值,或什么值都没有时就会执行html中的else
    return render(request, 'home.html', locals())

#html:
{% if a %}
    <p>这个是a</p>
{% elif b %}
    <p>这里是b</p>
{% else %}
    <p>这里是c</p>

结果:

if语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断。

 with起别名:

{% with d.hobby.3.info as nb  %}
    <p>{{ nb }}</p>
    # 在with语法内就可以通过as后面的别名快速的使用到前面非常复杂获取数据的方式
    <p>{{ d.hobby.3.info }}</p>
{% endwith %}

结果:

 模板的继承

继承:

  继承之后的页面和被继承的页面一模一样

{% extends 'home.html' %} # {% extends '继承的html页面' %}

继承了之后,需要自己提前规定需要修改的区域。

划定修改区域:

{% block content %}
模版内容
{% endblock %}

子页面就可以声明想要修改哪块划定了的区域:

{% block content %}
子页面内容
{% endblock %}

一般情况下模板页面上应该至少要有三块可以被修改的区域

css区域:

  {% block css %}

  {% endblock %}

html区域:

  {% block content %}

  {% endblock %}

js区域:

  {% block js %}

  {% endblock %}

模板的导入

将页面的某一个局部当成模板的形式,哪个地方需要就可以直接导入使用即可

模板的导入:{% include 'hello.html' %}

 

标签:forloop,return,html,模板,def,页面
From: https://www.cnblogs.com/Lucky-Hua/p/17601238.html

相关文章

  • 通用导入解析方案 - 生产导入模板
    使用方法建立实体注意:通过Description在用户获取模板时输出到标题中,如果不配做则为字段名;ExcelExIndexAttrbute可以调整字段所在的列索引,否则将按字段顺序依次向后排序publicclassExcelExModel{//映射导入模板的标题[Description("X")]p......
  • 通过pattern来匹配字符串,Pattern类的compile方法,接收一个字符串作为匹配模板
    publicstaticStringextractSubstring(Stringinput,Stringpattern){PatternregexPattern=Pattern.compile(pattern);Matchermatcher=regexPattern.matcher(input);if(matcher.find()){returnmatcher.group(1);}returnnull;}input......
  • 基于B/S模式的电子病历系统,覆盖电子病历模板制作到管理使用的整个流程
    基于B/S模式的电子病历系统,覆盖电子病历模板制作到管理使用的整个流程电子病历EMR(ElectronicMedicalRecord)也称为计算机化的病历或基于计算机的病人记录CMR(ComputerBasedMdicalRecord),它是用电子设备保存、管理和传输数字化的病人医疗记录,是取代手写纸张的病历。对电子病历一致......
  • logback模板配置及其使用(Stringboot)
    日志模板<?xmlversion="1.0"encoding="UTF-8"?><configurationscan="true"scanPeriod="60seconds"debug="false"><propertyname="service.name"value="xxxx"/>&l......
  • 专利模板
    专利模板发明名称:摘要:本发明公开了一种xxxxx。权利要求书:一种xxxxx方法,其特征在于,包括:根据权利要求1所述的xxxx方法,其特征在于,所述方法还包括:...技术领域:【一句话】[0001]本发明涉及xxx领域...背景技术:【分段落】[0002]随着....[0003]发明人发现现有技术中......
  • opencv-python 模板匹配
    模板匹配:在给定的图像中查找和模板最相似的区域。模板匹配类似于卷积,模板在原图上从左上角原点(0,0)开始滑动,计算模板与滑动窗口的差别程度,计算方法有6种,每次计算的结果放在一个矩阵中,最后输出差别程度的矩阵。原始图像为A*B,模板大小是a*b的话,输出的矩阵大小为:(A-a+1)*(B-b+1)。1模......
  • 【Azure 环境】ARM部署模板大于4MB的解决方案及Linked Template遇见存储账号防火墙无
    问题一:在ADFPipeline部署ARMTemplate报错“Deploymentfailed--therequestcontentsizeexceedsthemaximumsizeof4MB”【解答】4MB是一个固定限制,不可以修改其大小。 如果Template文件太大,需要把拆分成多个后,通过LinkedTemplate的方式部署。 在部署的时候,ARM通过main......
  • 【Azure 环境】ARM部署模板大于4MB的解决方案及Linked Template遇见存储账号防火墙无
    问题一:在ADFPipeline部署ARMTemplate报错“Deploymentfailed--therequestcontentsizeexceedsthemaximumsizeof4MB”【解答】4MB是一个固定限制,不可以修改其大小。 如果Template文件太大,需要把拆分成多个后,通过LinkedTemplate的方式部署。 在部署的时候,ARM通......
  • Windows Server 2008 R2 OVF, updated Jul 2023 (sysin) - VMware 虚拟机模板
    WindowsServer2008R2OVF,updatedJul2023(sysin)-VMware虚拟机模板WindowsServer2008R2简体中文版OVF,2023年7月更新请访问原文链接:https://sysin.org/blog/windows-server-2008-r2-ovf/,查看最新版。原创作品,转载请保留出处。作者主页:sysin.orgWindowsSe......
  • Windows Server 2016 OVF, updated Jul 2023 (sysin) - VMware 虚拟机模板
    WindowsServer2016OVF,updatedJul2023(sysin)-VMware虚拟机模板2023年6月版本更新,现在自动运行sysprep,支持ESXiHostClient部署请访问原文链接:https://sysin.org/blog/windows-server-2016-ovf/,查看最新版。原创作品,转载请保留出处。作者主页:sysin.org现在......