Django模板

用法--template

首先在应用程序Login的目录下新建一个templates的目录 目录名必须相同
新建HTML文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是个网页</title>
</head>
<body>
    <h1>测试测试</h1>
</body>
</html>

image
修改视图返回，改为返回html文件

return render(request,'events.html')

模板技术-变量

作用：

将视图函数的变量返回到模板中，django将其渲染

用法：

视图返回变量：{'模板中用到的变量名':变量}

return render(request,'events.html',{'events':res})
模板使用变量：{{变量名}}
<h1>{{events}}</h1>

浏览器页面:
image

模板技术-for循环控制器

作用：

将列表类型的变量挨个展现出来

用法：

视图返回变量列表：
修改下原视图函数的返回，之前是字符串，现在改为列表并且去掉标签

#套入标签<li></li>中
    res=[event for event in event_list]
    return render(request,'events.html',{'events':res},)
模板使用for:
<ul>
{% for event in events %} 
    <li>{{ event }}</li> 
{% endfor %}
</ul>

刷新浏览器:
image

模板技术-if控制器

作用：

条件控制，可以根据条件选择渲染哪些元素

用法：

视图返回变量同上
模板使用变量:

    <ul>
    {% if '张三' in events %}
        <h3>测试测试</h3>
    {% endif %}
    </ul>

刷新浏览器:
image

模板技术 -过滤器的用法

作用：

转换变量和标签参数的值

写法：

{% if events|length != 9 %}
    <h3>测试1</h3>
{% endif %}

刷新页面:
image

页面的美化-更新模板加入静态文件

image
html:

{% load static %}   #开头加上该标签

引入方式:

<link href="{% static 'assets/css/bootstrap.css' %} " rel="stylesheet" /> #css
<script src="{% static 'assets/js/jquery-1.10.2.js' %}"></script>   #js
posted @ 2022-06-27 16:51  曹_小_伟  阅读(32)  评论(0)    收藏  举报