11.Django静态文件

除了服务端生成的 HTML 以外, 网络应用通常需要一些额外的文件——比如图片, 脚本和样式表——来帮助渲染网络页面。 在 Django 中,我们把这些文件统称为“静态文件”。

创建一个项目和app, views.py

from django.shortcuts import render


def index(request):
    users = [
        {
            'name': 'jack',
            'age': 20,
            'email': 'jack@litets.com'
        },
        {
            'name': 'tom',
            'age': 29,
            'email': 'tom@litets.com'
        },
        {
            'name': 'sam',
            'age': 10,
            'email': 'sam@litets.com'
        }
    ]

    return render(request, 'index.html', {
        'users': users
    })

urls.py

from django.contrib import admin
from django.urls import path

from myapp.views import index
urlpatterns = [
    path('admin/', admin.site.urls),
    path('', index),
]

自定义应用的样式

app文件夹下面添加一个static文件夹,然后添加一个style.css文件

body{
    background-color: antiquewhite;
}

.name {
    color: blueviolet;
}

在app文件夹下templates添加一个index.html

<!--加载静态文件-->
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

<!--引入css-->
    <link rel="stylesheet" href="{% static 'styles.css' %}">
</head>
<body>

<ul>
    {% for user in users %}
        <li>
            <div class="name">姓名: {{ user.name }}</div>
            <div>{{ user.email }}</div>
        </li>
    {% endfor %}

</ul>
</body>
</html>

启动项目会看到。

其他样式修改,就是更改css,这里涉及到css的知识。

引入静态文件都是这种方式。

{% load static %}

#引入静态文件 比如图片 js css
{% static 'styles.css' %}
声明:原创文章,版权所有,转载请注明出处,https://litets.com。