django加载css/js和图片等静态文件 (本地处理)

一、目录结构: 

整个目录结构是这样的:

mysite 

 

| —— manage.py 

 

| —— mysite 

 

| —— | —— settings 

 

| —— | —— … 

 

| —— blog 

 

| —— |——  ...

 

| —— | —— templates 

 

| —— | —— | ——  index.html

 

| —— | —— | ——  static 

 

| —— | —— | —— | —— css 

 

| —— | —— | —— |—— images

注意,文件夹结构比较复杂。 

 

在项目文件夹下有一个templates文件夹,不过这个文件夹暂时没什么用,可以不用管(我也不知道为什么要有这么个文件夹)。 

 

应用文件夹结构是这样的:

“blog/templates/index.html”; 

 

“blog/templates/static/images”; 

 

“blog/templates/static/CSS”;

二、设置templates和静态路径

在settings.py中设置templates路径

TEMPLATES = [

    {

        'BACKEND': 'django.template.backends.django.DjangoTemplates',

        'DIRS': [

            os.path.join(BASE_DIR, 'blog/templates').replace('\\', '/'),

        ],

        ...

     }

]

 

在settings.py文件的最后加上以下内容:

STATIC_ROOT = os.path.join(BASE_DIR, 'blog/templates/static').replace('\\', '/')

STATICFILES_DIRS = (

    ('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),

    ('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/')),

    ('js',os.path.join(STATIC_ROOT,'js').replace('\\', '/'))

)

 

三、修改urls.py文件 

 

在urls.py开头加上一句:

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

 

在urls.py的最后加上以下内容:

#设置静态文件路径

urlpatterns += staticfiles_urlpatterns()

 

四、修改html文件 

 

index.html文件相关内容如下:

<!DOCTYPE html>

<html lang="en">

<head>

    <link href="/static/css/style.css" rel="stylesheet" type="text/css" />

    <title>Home</title>

</head>

<body>

    <a href="https://www.baidu.com/>

        <img src="/static/images/logo.png" alt="logo"/>

    </a>

</body>

</html>

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值