栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

Django开发WEB项目的 HTML学习

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Django开发WEB项目的 HTML学习

HTML模板的写法

注释的写法

{# 注释的写法, 这种写法,在浏览器里是显示不出来的, 而下面的写法是会显示出来 #}
{% comment %}
多行注释
这里是多行注释
而且不会在浏览器检查里显示出来
{% endcomment %}

for 循环中的空置(传入的空字典)的替代
{% for student in students %}
        
  • {{ student.s_name }}
  • {% empty %}

    当传入的字典时空的时候显示这个

    {% endfor %}
    forloop计数序号以及索引的使用方法
    {% for student in students %}
            
  • 显示从1开始的序号:{{ forloop.counter }}——倒着数从0开始的序号:{{ forloop.revcounter0 }}:{{ student.get_name }}
  • {% endfor %}

    {{ students.5.s_name }}

    forloop的first/last 以及divisbleby的用法举例 利用 forloop的first、last实现头尾的不同颜色设置。注意返回的是布尔值类型
    {% for student in students %}
            {% if forloop.first %}
                
  • forloop.first的用法,返回的是布尔值,注意if语句的写法{{ student.s_name }}
  • {% elif forloop.last %}
  • forloop.last的用法,注意 elif语句的写法{{ student.s_name }}
  • {% else %}
  • {{ student.s_name }}
  • {% endif %} {% endfor %}
    利用整除运算实现各行颜色等设置
    {# 利用运算实现奇偶变色 #}
        {% for student in students %}
            {% if forloop.counter|divisibleby:2 %}
                
  • {{ student.s_name }}
  • {% else %}
  • {{ student.s_name }}
  • {% endif %} {% endfor %}
    其他的加减乘除的运算

    html 竖线称为过滤器
  • 传递的常数:{{ s_var }}
  • 运算,分子在前,分母在后。相当于除以1/5常数乘以5:{%widthratio s_var 1 5 %}
  • 常数除以5:{%widthratio s_var 5 1 %}
  • 加法运算,{{ s_var|add:2 }}
  • 减法运算,{{ s_var|add:-2 }}
  • 全部转为大写{{ student_dict.name|upper }}

    全部转为小写{{ student_dict.name|lower }}

    转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/344166.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号