ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

模板语法之过滤器(类似于内置函数) 模板语法之标签 自定义过滤器、标签、inclusion_tag 模板的导入 模板的继承 前期数据准备

2022-05-17 01:36:57  阅读:136  来源: 互联网

标签:标签 django html 过滤器 foo 模板 页面


day54 

 

模板语法之过滤器(类似于内置函数)

使用的时候可以参考源码

1.语法结构

{{ 数据对象|过滤器名称:参数 }}  过滤器最多只能额外传输一个参数

代码演示:

 url(r'^index/', views.index),
def index(request):
    s1 = 'hello jason 周一综合征可不能犯啊'  
    return render(request, 'index.html', locals())  # 返回数据的长度 无法统计的话 会返回0
<p>{{ s1|length }}</p>

2.常见过滤器(django模板语法提供了60+过滤器 我们了解几个即可) 

<p>统计数据的长度:{{ s1|length }}</p>
<p>算术加法或者字符串加法:{{ n1|add:111 }}、{{ s1|add:'big baby' }}</p>
<p>将数字转成合适的文件计量单位:{{ file_size|filesizeformat }}、{{ file_size1|filesizeformat }}</p>  # 返回KB\MB计量单位
<p>判断当前数据对象对应的布尔值是否是False:{{ b|default:'前面的值对应的布尔值是False' }}、{{ s1|default:'前面的值对应的布尔值是False' }}</p>
<p>时间格式化:{{ ctime|date:'Y-m-d' }}</p>
<p>索引切片:{{ s1|slice:'0:8' }}</p>
<p>按照空格截取指定个数的文本:{{ s2|truncatewords:5 }}、{{ s1|truncatewords:1 }}</p>  # 数字5表示截取5次 文本后面用...结尾 
<p>按照字符个数截取文本(包含三个点):{{ s2|truncatechars:5 }}、{{ s1|truncatechars:10 }}</p>  # 数字5表示截取2个字符加上...共五个字符
<p>移除指定的字符:{{ info|cut:'|' }}</p>  # cut(移除)
<p>是否取消转换:{{ tag1 }}、{{ tag1|safe }}、{{ scripts1|safe }}、{{ res }}</p>

过滤器重点

代码演示:

def index(request):
    tag1 = '<h1>我是一个标题标签</h1>'
    return render(request, 'index.html', locals())

传到html

<p>:{{ tag1 }}</p>

显示出来的:<h1>我是一个标题标签</h1>

这是因为django和浏览器交互的时候 默认你所传的那些标签的数据不安全

我的本意是希望浏览器帮我渲染成标签 

如果你想要渲染的话 必须主动告诉它 这个标签是安全的 需要这样写:

<p>{{ tag1 }}、{{ tag1|safe }}</p>

|safe 可以前端做 也可以在后端做 如果在后端操作需要导一个模块

from django.utils.safestring import mark_safe

view

ttt = '<a href="https://www.baidu.com">点我</a>'
    res = mark_safe(ttt)

html

<p>{{ res }}</p>

ps:最后一个|safe启发了我们以后用django开发全栈项目前端页面代码(主要指HTML代码)也可以在后端编写

 

模板语法之标签

# 在django模板语法中写标签的时候 只需要写关键字然后tab键就会自动补全

1.语法结构
	{% 名字 ...%}
    {% end名字 %}
    
2.if判断
	{% if 条件1 %}  # 必须要引用变量
        <p>你好啊</p>
    {% elif 条件2 %}
        <p>他好呀</p>
    {% else %}
        <p>大家好</p>
    {% endif %}
    
3.for循环
	提供了forloop关键字
  	{'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 4, 'revcounter0': 3, 'first': True, 'last': False}
    
    """
    first:标识当前这次循环是不是第一次循环 
	last: 标识这次循环是不是第一次循环
    counter0:从0开始计数
	counter:从1开始计数
    revcounter:从1开始计数
	revcounter0:从0开始计数
    """
# 常规for循环
    {% for i in l1 %}
        <p>{{ i }}</p>
	{% endfor %}
    
"""
   for+if嵌套使用
 {% for i in l1 %}
    {% if forloop.first %}
        <p>这是第一次循环</p>
    {% elif forloop.last %}
        <p>这是最后一次循环</p>
    {% else %}
        <p>中间循环</p>
    {% endif %}
    {% empty %}
        <p>for循环对象为空 自动执行</p>
  {% endfor %}
"""

 

# 针对字典同样提供了keys、values、items方法

view

user_info = {'name':'jason','pwd':123,'hobby':'read'}
    return render(request, 'index.html', locals())

html

{% for foo in user_info %}
    {{ foo }}  # name pwd hobby
{% endfor %}
{% for foo in user_info.keys %}
    {{ foo }}  # name pwd hobby
{% endfor %}
{% for foo in user_info.values %}
    {{ foo }}  # jason 123 read
{% endfor %}
{% for foo in user_info.items %}
    {{ foo }}  # ('name','jason')('pwd',123)('hobby','read')

 

自定义过滤器、标签、inclusion_tag

# 自定义过滤器前期准备:

  1.在应用下需要创建一个名为templatetags的文件夹
  2.在该文件夹内创建一个任意名称的py文件
  3.在该py文件内需要先提前编写两行固定的代码
       from django import template
     register = template.Library()

# 自定义过滤器:只能接收两个参数

view

@register.filter(is_safe=True)
def index(a, b):
    return a + b

html

{% load mytag %}  # 加载过滤器
{{ n1|index:666 }}

 

# 自定义简单标签:可以接收任意的参数

view

@register.simple_tag(name='my_tag')
def func1(a, b, c, d):
    return a + b + c + d

html

{% my_tag 1 2 3 4 %}  # 参数之间空格隔开即可

 

# 自定义inclusion_tag

view

@register.inclusion_tag('left.html')
def func2(n):
    l1 = []
    for i in range(1, n + 1):
        l1.append(f'第{i}页')
    return locals()

left.html  (将自带的内容全部删除 在空页面内编写代码)

<ul>
    {% for foo in l1 %}
        <li>{{ foo }}</li>
    {% endfor %}
</ul>

html

{% func2 10 %}

该方法需要先作用于一个局部html页面 之后将渲染的结果放到调用的位置 相当于在该页面上封装了一个可以产生html代码的方法 那么这个html上的代码就变成了动态的  可以用来产生没有固定位数的p标签

 

模板的导入(了解)

  类似于将html页面上的局部页面做成模块的形式 哪个地方想要直接导入即可展示

eg:

  有一个非常好看的获取用户数据的页面 需要在网站的多个页面上使用
        策略1:拷贝多份即可
         策略2:模板的导入
   
使用方式

1. 写个局部html>>>menu.html

2. 在html中写到入代码
    {% include 'menu.html' %}

 

注释语法补充

<!---->       是HTML的注释语法

{##}		 是django模板语法的注释
    
"""
HTML的注释可以在前端浏览器页面上直接查看到
模板语法的注释只能在后端查看 前端浏览器查看不了
"""

 

模板的继承

  类似于面向对象的继承:继承了某个页面就可以使用该页面上所有的资源
  
  有很多网站的很多页面 其实都是差不多的 只是局部有所变化 模板的继承可以很好的实现该需求

 

1. 先在模板中通过block划定将来可以被修改的区域  把被修改的区域放进block中

home主页面

{% block content %}
  	<h1>主页内容</h1>
  {% endblock %}

 

2.子板继承模板  进行修改  前提是先清空整个页面再进行编写
   reg子页面

{% extends 'home.html' %}

{% block content %}
  	<h1>主页内容修改成登录内容</h1>
{% endblock %}

 

 3.子页面还可以重复使用父页面的内容

子页面 

 {{ block.super }}

# 模板上最少应该有三个区域

    css区域、内容区域、js区域

子页面就可以有自己独立的css、js、内容

 

前期数据准备

  django自带的sqlite3数据库 功能很少 并且针对日期类型不精确

所以使用mysql

1.数据库正向迁移命令(将类操作映射到表中)
    python3 manage.py makemigrations
    python3 manage.py migrate


2.数据库反向迁移命令(将表映射成类)
    python3 manage.py inspectdb

我们只想操作orm 不想使用网络请求
      需要有专门的测试环境
    1.自己搭建
        import os
            if __name__ == "__main__":
                os.environ.setdefault("DJANGO_SETTINGS_MODULE", "day54.settings")
                import django
                django.setup()


    2.pycharm提供
        python console

标签:标签,django,html,过滤器,foo,模板,页面
来源: https://www.cnblogs.com/jiqiong/p/16279304.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有