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 等内容而踩过的坑,全都一一补上了。希望对你们有用。