【Django】关于调用 css, js 的几个注意要点

1、运行以下两行命令,进行创建项目和应用

python django-admin.py startproject imageclassify-test   # 创建项目 imageclassify-test

python manage.py startapp imageupload   # 在项目 imageclassify-test 中创建应用 imageupload

 

2、将创建的应用 imageupload 加入 imageclassify-test 目录下的 settings.py 中,并确保 DEBUG 为 True。

3、static、templates目录的存放位置(注意博主标明的红框处,这两个目录是在目录 imageupload 下)

 

 4、在 imageclassify-test 目录下的 settings.py 中的末尾,添加以下几行:

STATIC_URL = '/static/'

# 明确 python manage.py colletcstatic 命令来创建名为 collectstatic 目录
STATIC_ROOT = os.path.join(BASE_DIR, 'collectstatic').replace('\\', '/')

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

5、在 imageclassify-test 目录下的 urls.py 中,记得添加红框中的内容

 

6、 在 templates 目录下的 html 文件中,

(1)首行添加:(记得删掉  <!DOCTYPE html> ,避免出现不必要的错误)

{% load static %}

(2)在 <head></head> 标签中,添加以下几行代码

 <!--作用是设置可视区域的宽度及初始绽放比例-->
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta charset="utf-8">

<!--在客户端起作用,是告诉浏览器是采用何种编码方式显示HTML页面-->
<meta http-equiv="Content-Type" content="text/html; charset=gbk">

<meta name="keywords" content="" />

(3)在 html 文件中调用了在 static 文件夹中的 css 、js 等目录下的 *.css 文件,采用以下格式:

 

7、按顺序运行下面两条顺序,即可完成调用 static 目录下 css 等内容。

python manage.py colletcstatic   # 运行此行命令后,目录中才会出现 collectstaic 目录

python manage.py runserver

 

ps:博主将所有可能无法调用 static 目录下 css 等内容而踩过的坑,全都一一补上了。希望对你们有用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

住在阳光的心里

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值