Django使用css/js/image

本文介绍如何在Django项目中配置CSS、JS及图片等静态资源的路径,并通过urls.py映射这些资源,使得在前端页面可以直接引用。

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

比如新建的项目名字为EasyBugSolution1,它里面通过Django建立后,包含一个EasyBugSolution1的文件夹,里面包含settings.py一些关键的配置文件。

我们将项目所需要的stylesheet放在这个文件夹下方。

项目的结构类似于此:

EasyBugSolution1

----EasyBugSolution1

--------stylesheet

-------------css

-------------js

-------------image

--------settings.py

--------urls.py

--------.........

首先,在setting.py中配置这三种文件的路径。

css_path = '/stylesheet/fetching_2013/css'
img_path = '/stylesheet/fetching_2013/image'
js_path = '/stylesheet/fetching_2013/js'

然后,再在urls.py中import settings

首先,获得文件所在的路径:

root_path = os.path.dirname(globals()["__file__"])

然后,再在urlpattern中配置这三种文件的使用方法:

url(r'^css/(?P<path>.*)$','django.views.static.serve',{'document_root':root_path+settings.css_path}),
url(r'^js/(?P<path>.*)$','django.views.static.serve',{'document_root':root_path+settings.js_path}),
url(r'^image/(?P<path>.*)$','django.views.static.serve',{'document_root':root_path+settings.img_path}),


这样,在文件中利用css/***.css即可以使用css文件了。其余js和image也是如此。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值