zoukankan      html  css  js  c++  java
  • Django 学习 之 模板(html)与配置静态文件

     一.模板(html)

    1.模板语法之变量:语法为 {{ }}

    Django 模板中遍历复杂数据结构的关键是句点字符, 语法:{{ var_name }}

    var_name 是一个变量名称,需要和views文件return第三个参数(字典)中的键一一对应。

    views.py中的内容:

    def index(request):

        # 变量里的变量名等于return中的值,return的键要也模板{{ }}的一一对应

        s = "hello"  # 一个变量

        list1 = ['one', 2, "three"]  # 列表

        dict1 = {"name": "zero", "age": 18, "sex": ""}  # 字典

        class Person(object):

            def __init__(self, name):

                self.name = name     # 类中的属性

            def eat(self):           # 类中的方法

                return "%s特别能吃" % self.name

        person_ming = Person("ming")  # 自定义类对象

        person_hu = Person("hu")

        person_xing = Person("xing")

        person_list = [person_ming, person_hu, person_xing]

        return render(request, "index.html", {

            "snum": s,

            "list": list1,

            "dict": dict1,

            "person_ming": person_ming,

            "person_list": person_list,

        })

    templates下的index.htmlbody的内容:

    <body>

    <h1>哈哈哈哈</h1>

    <hr>

    <h2>一个变量:{{ snum }}</h2>

    <hr>

    <p>一个列表:{{ list }}</p>

    <p>列表中的元素获取第一个值:{{ list.0 }}</p>

    <p>列表中的元素获取第二个值:{{ list.1 }}</p>

    <hr>

    <p>一个字典:{{ dict }}</p>

    <p>字典中的值:{{ dict.name }}</p>

    {% for key,val in dict.items %}

        <p>{{ key }}:{{ val }}</p>

    {% endfor %}

    <hr>

    <p>显示的是一个对象:{{ person_ming }}</p>

    <p>显示的是一个对象中的属性:{{ person_ming.name }}</p>

    <p>显示的是列表对象:{{ person_list }}</p>

    <p>显示列表对象中的第一个对象:{{ person_list.0 }}</p>

    <p>显示列表对象中的第二个对象的属性:{{ person_list.0.name }}</p>

    <p>显示对象中的方法:{{ person_list.0.eat }}</p>

    {#注意对象中的方法调用在模板中不需要(),和属性相同即可被调用#}

    </body>

    注意:句点符也可以用来引用对象的方法

    如:

    <h4>字典:{{ dict.name.upper }}</h4>

    2.模板语法之过滤器:语法 {{obj|filter__name:param}}

    语法:{{obj|filter__name:param}}  #param可以有也可以没有

    (1)default

    如果一个变量是false或者为空,使用给定的默认值。否则,使用变量的值。特别注意True也直接显示为True

    (2)length

    语法:{{ value|length }}

    返回值的长度。它对字符串和列表都起作用。

    (3)filesizeformat

    语法:{{ value|filesizeformat }} 

    value只能一个数值,其他类型的值无法读取默认:     

    将值格式化为一个人类可读的文件尺寸 (例如 '13 KB', '4.1 MB', '102 bytes', 等等)。例如:

    如果 value 123456789,输出将会是117.7 MB

    (4)date

    语法:{{ value|date:"Y-m-d" }} 

    根据给定的格式日期格式。

    如果 now=datetime.datetime.now()

    会输出:2019-07-04 的格式

    还有别的时间格式输出:

    {{ value|date }}

    {{ value|date:"D d M Y" }}

    {{ value|date:"D d M Y" }} {{ value|time:"H:i" }}

    (5)truncatechars

    语法:{{ value|truncatechars:10 }}

    如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列(...”)结尾。

    参数:要截断的字符数

    (6)safe

    Django的模板中会对HTML标签和JS等语法标签进行自动转义,原因显而易见,这样是为了安全。但是有的时候我们可能不希望这些HTML元素被转义,比如我们做一个内容管理系统,后台添加的文章中是经过修饰的,这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本,如果自动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式,如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。

    语法:{{ value|safe }}

    以上的例子为下内容:

    views.py内容为:

    def model_filter(request):

        name1 = "hsz"

        str_length = "I love three things. The sun ,the moon and you. "

                     "The sun for the day. The moon for the night and you forever."

        num = 12345

        value = "<a href='http://www.baidu.com'>点击</a>"

        import datetime

        now = datetime.datetime.now()

        return render(request,"filter.html",{

            # (1)default

            "name01": name1,

            "name02": False,

            "name03": '',

            "name04": True,

            # (2)length

            "str_lg": str_length,

            # (3)filesizeformat

            "str_fileszie": str_length,

            "num_filesize": num,

            # (4)date

            "now": now,

            # (5)truncatechars

            "str_truncate": str_length,

            # (6)safe

            "sf_value": value,

    })

    相应的filter.htmlbody内容为:

    <body>

    <p>(1)default</p>

    <p>{{ name01|default:"zero"}}</p>

    <p>{{ name02|default:"zero"}}</p>

    <p>{{ name03|default:"zero"}}</p>

    <p>{{ name04|default:"zero"}}</p>

    <hr>

    <p>(2)length</p>

    <p>{{ str_lg|length }}</p>

    <hr>

    <p>(3)filesizeformat</p>

    <p>{{ str_fileszie|filesizeformat }}</p>

    <p>{{ num_filesize|filesizeformat }}</p>

    <hr>

    <p>(4)datetime</p>

    <p>{{ now|date }}</p>

    <p>{{ now|date:"Y-m-d" }} </p>

    <p>{{ now|date:"D d M Y" }}</p>

    <p>{{ now|date:"D d M Y" }} {{ now|time:"H:i" }}</p>

    <hr>

    <p>(5)truncatechars</p>

    <p>截取50个字符</p>

    <p>{{ str_truncate|truncatechars:50 }}</p>

    <hr>

    <p>(6)safe</p>

    <p>{{ sf_value|safe }}</p>

    </body>

    3.模板语法之标签:语法为 {% tag  %}

    标签看起来像是这样的: {% tag %}。标签比变量更加复杂:一些在输出中创建文本,一些通过循环或逻辑来控制流程,一些加载其后的变量将使用到的额外信息到模版中。一些标签需要开始和结束标签 (例如{% tag %} ...标签 内容 ... {% endtag %})。

    (1)for标签

    a.遍历每一个元素

    {% for pername in per_list %}

        <p>名字为:{{ pername}}</p>

    {% endfor %}

    <hr>

    <p>for的反向循环</p>

    {% for name in per_list reversed %}

        <p>倒叙的名字为:{{ name }}</p>

    {% endfor %}

     

    b.遍历一个字典

    <p>遍历一个字典</p>

    <p>一个人的信息:</p>

    {% for key,val in info_dict.items %}

        <p>{{ key }}:{{ val }}</p>

    {% endfor %}

     

    注:循环序号可以通过{{forloop}}显示

    例:

    <p>序号从1开始</p>

    {% for i in loop_list %}

        <p>{{ forloop.counter }}:{{ i}}</p>

    {% endfor %}

     

    序号从1开始

    <p>{{ forloop.counter }}:{{ i.name }} === {{ i.eat }}</p>

    序号从0开始

    <p>{{ forloop.counter0 }}:{{ i.name }} === {{ i.eat }}</p>

     倒序

    <p>{{ forloop.revcounter }}:{{ i.name }} === {{ i.eat }}</p>

    倒序,最后一个为0

    <p>{{ forloop.revcounter0 }}:{{ i.name }} === {{ i.eat }}</p>

     

    例:(forloop.first):

    {% for i in loop_list %}

     {% if forloop.first %}

        {{i}}

     {% endif %}

    {% endfor %}

     

    (forloop.last)2

    {% for i in loop_list %}

    {% if forloop.last %}

        {{ i }} <--这是最后一个数

    {% else %}

       {{ i }}|

    {% endif %}

    {% endfor %}

     

    (2)for ... empty

    for 标签带有一个可选的{% empty %} 从句,以便在给出的组是空的或者没有被找到时,可以有所操作。

    :

    {% for num in em_list %}

        <p>{{ num }}</p>

    {% empty %}

        <p>sorry,no num here</p>

    {% endfor %}

    (3)if 标签

    {% if %}会对一个变量求值,如果它的值是“True”(存在、不为空、且不是boolean类型的false值),对应的内容块会输出。

    {% if num > 100 or num < 0 %}

        <p>无效</p>

    {% elif num > 80 and num < 100 %}

        <p>优秀</p>

    {% else %}

        <p>凑活吧</p>

    {% endif %}

    (4)with 标签

    使用一个简单地名字缓存一个复杂的变量,当你需要使用一个昂贵的方法(比如访问数据库)很多次的时候是非常有用的。(就相当于把值暂时保存)

    <p>{{ per_list.2 }}</p>

    {% with name=person_list.2 %}

        <p>{{ name }}</p>

    {% endwith %}

    (5)csrf_token

    提交数据的时候就会做安全机制,当你点击提交的时候会出现一个forbbiddon

    的错误,就是用setting配置里的scrf做安全机制的,那么我们可以吧它给注释了,,,

    或者在form表单下面添加一个{% csrf_token %},,,

    这才是真正解决的办法,注释不是解决的办法

    <h3>scrf_token</h3><form action="/tag/" method="post">

        {% csrf_token %}

        <p><input type="text" name="haiyan"></p>

        <input type="submit">

    </form>

    4.自定义标签和过滤器

    1)在settings中的INSTALLED_APPS配置当前app,不然django无法找到自定义的simple_tag.

    2)在app中创建templatetags模块(模块名只能是templatetags)

    3)在templatetags里面创建任意 .py 文件。如:mytemtags.py

     

    #!/usr/bin/env python

    # -*- coding:utf-8 -*-

    # by hsz

    from django import template

    from django.utils.safestring import mark_safe

     

    register = template.Library()   #register的名字是固定的,不可改变

    @register.filter

    def my_filter(v1, v2):

        return v1 * v2

     

     

    @register.simple_tag

    def my_tag1(v1, v2, v3):

        return v1 * v2 * v3

     

     

    @register.simple_tag

    def my_html(v1, v2):

        temp_html = "<input type='text' id='%s' class='%s' />" %(v1, v2)

    return mark_safe(temp_html)

    (4)在使用自定义simple_tagfilterhtml文件中导入之前创建的 my_tags.py

    {% load my_tags %}

    (5)使用simple_tagfilter(如何调用)

    {% load xxx %}  

    # num=12

    {{ num|filter_multi:2 }} #24

     

    {% simple_tag_multi 2 5 %}  

    {% simple_tag_multi num 5 %}

    注:参数不限,但不能放在if for语句中

    注意:filter可以用在if等语句后,simple_tag不可以

     

    自定义过滤器函数的参数只能两个,可以进行逻辑判断

    自定义标签无参数限制,不能进行逻辑判断

    {% if num|filter_multi:30 > 100 %}

        {{ num|filter_multi:30 }}

    {% endif %}

     

    二.静态文件配置

    我们自己导入的一些包就叫做静态文件

    1.在全局中(项目根目录)先创建一个static(名字随意)的包,

    2.里面导入我们的bootstrap,还是jquery

    3.然后在settings.py中加上一些配置

    STATIC_URL = '/static/'

    #这个配置就相当于下面配置的别名,如果这里的名字修改了就按照这里的名字去导入

    STATICFILES_DIRS = [

        os.path.join(BASE_DIR,"mystatic"),

    ]

    4.导入css,js,jquery

    不要因为你创建的包名是mystatic而把下面路径中的static修改掉,Django中只有你在setting已经配置了,那么都是以static为名,就相当于别名。

    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">

    <link rel = "stysheet",href= "/static/css/index.css/">

     

  • 相关阅读:
    NOIP 2011 DAY 2
    NOIP 2011 DAY 1
    扩展欧几里得算法(exgcd)
    中国剩余定理
    线性同余方程的求解
    乘法逆元
    poj 1845 Sumdiv(约数和,乘法逆元)
    欧拉-费马小定理定理(证明及推论)
    求解范围中 gcd(a,b)== prime 的有序对数
    KindEditor解决上传视频不能在手机端显示的问题
  • 原文地址:https://www.cnblogs.com/hszstudypy/p/11139719.html
Copyright © 2011-2022 走看看