Django中静态资源配置和使用实例

南星叨叨

已于 2022-07-11 17:05:34 修改

阅读量2.9k

点赞数

分类专栏： # django 文章标签： django

于 2021-01-15 18:07:32 首次发布

本文链接：https://blog.csdn.net/hans99812345/article/details/112682570

版权

django 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

settings.py

STATIC_URL = '/static/'

#STATICFILES_DIRS = [
#    os.path.join(BASE_DIR, "static"),
#]
STATIC_ROOT = '/static'

在模板中使用静态资源：

1、在html的首行加上 {% load static %}

2、导入静态资源：{% static ‘相对于static的路径’ %}

{% load static %}

#这2个也可以用
{#<script src="../static/js/jquery-3.5.1.min.js"></script>#}
{#<script src="../static/js/register.js"></script>#}

#这种比较正宗
<script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
<script src="{% static 'js/register.js' %}"></script>
#css这样引用
<link rel="stylesheet" type="text/css" href="{% static 'css/table.css' %}">

1.静态资源

1.在django项目中放在static目录的下就是静态资源如: css,js,img,文件,html
2.注意如果html放在staic就是静态的

2.动态资源

1.一些可以动态运行的代码,如: python, template语言下的html
2. template语言下的html其实django的一种特殊的语言

我发现我引用js的时候。得放到html下面,放上面的话，AJAX的请求就发不出去了

例如

<body>
<div style="margin: 15% 40%;">
        <h1>欢迎注册！</h1>
            <p>
                <label for="id_username">用户名：</label>
                <input type="text" id="id_username" name="username" placeholder="用户名" autofocus required />
            </p>
            <p>
                <label for="id_password">密码：</label>
                <input type="password" id="id_password" placeholder="密码" name="password" required ><br>
                <span id="msg"></span><br>
            </p>
           <button class="send_Ajax">注册</button>
</div>
{#<script src="../static/js/jquery-3.5.1.min.js"></script>#}
{#<script src="../static/js/register.js"></script>#}
<script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
<script src="{% static 'js/register.js' %}"></script>
</body>