Django-静态文件（css、js、images）

最新推荐文章于 2023-02-11 14:08:27 发布

Xiaoshuang_Cao

最新推荐文章于 2023-02-11 14:08:27 发布

阅读量395

点赞数

本文链接：https://blog.csdn.net/qq_41969287/article/details/103491996

版权

1、设置settings.py文件，添加以下内容：

STATIC_URL = '/static/'
#存放这些公共静态资源文件
STATICFILES_DIR = [
    os.path.join(BASE_DIR, 'static')
]

2、首先在应用目录下创建static目录，再在static目录下分别创建css、images、js文件
在这里插入图片描述
…/image/xxx.jpg(两个点)获取static/image文件夹下的图片

3、在模板中，使用 static 模板标记
{% static %} #模板标签会生成静态文件的绝对路径。

{% load static %}                         #可放在<!DOCTYPE html>后
<link rel="stylesheet" type="text/css" href="{% static  'css/style.css'  %}">

{% static ‘css/style.css’ %} *.css文件的路径

4、static与templates同一级目录
<img src="…/static/image/qx.jpg">

<div class="carousel-item active" >
      <img src="../static/image/qx.jpg" style="top :0px"  alt="My image" >
      <div class="carousel-caption ">
        	<h3>UI自动化测试</h3>
      </div>
</div>

在这里插入图片描述 5、自定义后台文件和风格

python -c "import django; print(django.__path__)"   #获取django源文件

在 templates 目录内创建名为 admin 的目录，并将存放 Django 默认模板的目录（django/contrib/admin/templates）内的模板文件复制到这个目录内，再做修改。

6、运行 collectstatic 管理命令：

 python manage.py collectstatic   #将静态文件夹中的所有文件复制到 STATIC_ROOT 目录

Xiaoshuang_Cao

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Django-静态文件（css、js、images）

一、配置文件settings中加上STATIC_URL = ‘/static/’#存放这些公共静态资源文件STATICFILES_DIR = [os.path.join(BASE_DIR, ‘static’)]
复制链接

扫一扫