Django 项目中添加静态文件夹

2023-01-31 00:01:00 静态 添加 文件夹

在 mysite 文件夹下添加一个 statics 文件夹用来存放 js 文件

在 index.html 文件中添加

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<fORM action="/userInfo" method="post">
    <p>名字<input type="text" name="username"></p>
    <p>性别<input type="text" name="sex"></p>
    <p>邮箱<input type="text" name="email"></p>
    <p><input type="submit" value="submit"></p>
</form>
<hr>
<h1>数据展示</h1>
<table border="1px">
    <tr>
        <td>名字</td>
        <td>性别</td>
        <td>邮箱</td>
    </tr>

    {% for i in user_list %}
    <tr>
        <td>{{ i.username }}</td>
        <td>{{ i.sex }}</td>
        <td>{{ i.email }}</td>
    </tr>
    {% endfor %}
</table>
</body>
<!-- 新添加 -->
{% load static %}
<script src="{% static "Jquery-3.3.1.min.js" %}" ></script>
<script>
    $("h1").CSS("color","red")
</script>
<!-- 新添加 -->
</html>

在 urls.py 文件中添加

from Django.contrib import admin
from djanGo.urls import path
from blog import views
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('admin/', admin.site.urls),
    path('userInfo', views.userInfo),
] + static(settings.STATIC_URL, document_root=settings.STATICFILES_DIRS)

在 settings.py 中添加

# 在 STATIC_URL = '/static/' 下面添加,STATIC_URL 相当于一个别名,给前端使用,映射 statics 文件夹(该文件夹名字可更改)

STATICFILES_DIRS=[
    os.path.join(BASE_DIR, "statics"),
]

相关文章