Django调用JS、CSS、图片等静态文件

最新推荐文章于 2024-03-22 14:40:21 发布

CodingCafe

最新推荐文章于 2024-03-22 14:40:21 发布

阅读量3.4k

点赞数

分类专栏：工作笔记文章标签： django css stylesheet path html module

工作笔记专栏收录该内容

19 篇文章

订阅专栏

本文介绍了三种在Django项目中配置静态文件的方法：通过settings.py和urls.py进行配置，以及通过Apache服务器配置实现静态文件的访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一、

1.首先在settings.py文件中自定义参数 STATIC_PATH=’./media’ .（意为当前文件目录下的media文件夹）

2.在urls.py文件中导入
import settings
再，urlpatterns里加入一句
(r’^site_media/(?P<path>.*)$’,'django.views.static.serve’,{'document_root’: settings.STATIC_PATH})

方法2、

1.在settings.py中设置STATIC_PATH=’./media’ （静态文件所在目录）
2.在urls.py中导入settings.py
import settings
3.在urls.py的URLpartterns中设置
(’^site_media/(?P<path>.*)’,'django.views.static.serve’,{'document_root’: settins.STATIC_PATH}),

文件中调用静态文件的方法：
例如：<link rel=”StyleSheet” href=”/site_media/css/base.css” type=”text/css” />

方法3、

编辑 /etc/apache2/httpd.conf 配置

<Location "/">
    SetHandlerpython-program
    PythonHandlerdjango.core.handlers.modpython
    SetEnvDJANGO_SETTINGS_MODULE youflog.settings
   PythonPath "['/usr/www'] + sys.path"
</Location>

Alias /media /usr/www/youflog/medias
Alias /robots.txt /usr/www/youflog/medias/robots.txt
<Location "/media/">
    SetHandlerNone
</Location>

<LocationMatch"(?i)\.(jpg|gif|png|txt|ico|css|js)$">
   SetHandler None
</LocationMatch>

Alias /media /usr/www/youflog/medias
添加一个url访问别名在 html中就可以使用/media在引用次目录下的文件
<LocationMatch"(?i)\.(jpg|gif|png|txt|ico|css|js)$">
这是配置支持的文件类型
在html 中的使用
<link rel="stylesheet" type="text/css"href="/media/sdmenu/sdmenu.css"/>
<script type="text/javascript" src="/media/sdmenu/sdmenu.js">