欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Django 项目中添加静态文件夹

程序员文章站 2022-06-22 12:42:40
在 mysite 文件夹下添加一个 statics 文件夹用来存放 js 文件 在 index.html 文件中添加 在 urls.py 文件中添加 在 settings.py 中添加 ......

在 mysite 文件夹下添加一个 statics 文件夹用来存放 js 文件
Django 项目中添加静态文件夹

在 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"),
]

Django 项目中添加静态文件夹