Django+前端+数据库Day2

原创已于 2024-05-14 20:36:59 修改 · 780 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#django #前端 #python

于 2024-05-14 20:21:44 首次发布

5.templates和引用静态文件

6模板语法

7.请求与响应

5.templates和引用静态文件

在app目录下新建static文件夹用于存放css，js，img

在app目录下新建templates用于存放html文件

6模板语法

def tpl(request):
    name = "韩超"
    roles = ["管理员", "CEO", "保安"]
    user_info = {"name":"郭志", "salary": 10000, "role": "CEO"}
    date_list = [
        {"name":"小明", "salary": 10000, "role": "CEO"},
        {"name":"小红", "salary": 10000, "role": "CEO"},
        {"name":"小李", "salary": 10000, "role": "CEO"}
    ]
    return render(request,"tpl.html",{"n1":name,"n2":roles,"n3":user_info,"n4":date_list })

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>模板语法学习</h1>
<div>{{ n1 }}</div>
<div>{{ n2 }}</div>
<hr/>
<div>{{ n2.0 }}</div>
<div>{{ n2.1 }}</div>
<div>{{ n2.2 }}</div>
<hr/>
<div>
    {% for item in n2 %}
        <span>{{ item }}</span>
    {% endfor %}
</div>
<hr/>
{{ n3 }}
{{ n3.name }}
{{ n3.salart }}
{{ n3.roke }}
<hr/>
<ul>
{#n3.keys是键，n3.values是所有的值，n3.items是所有的键值#}
{% for item in n3 %}
    <li>{{ item }}</li>
{% endfor %}
{#{% for k,v in n3 %}#}
{#    <li>{{ k }} = {{ v }}</li>#}
{#{% endfor %}#}
</ul>
<hr/>
{{ n4.1 }}
{{ n4.1.name }}
{{ n4.1.role }}

{% for item in n4 %}
    <div>{{ item.name }} {{ item.salary }} {{ item.role }}</div>
{% endfor %}

<hr/>

{% if n1 == "韩超" %}
    <h1>ddddddddd</h1>
{% elif n1 == "liu" %}
    <h1>aaaaaaaaaa<h1/>
{% else %}
    <h1>aaaaaaaaaa<h1/>
{% endif %}
</body>
</html>

7.请求与响应

案例：用户登录