这周学习的是怎么将静态文件在Django中显示
首先要确定它们所在的位置 project01 与 static在同一个根目录下
然后需要修改settings.py，是上图中所选的py文件 本来的文件是 STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE_DIR, 'static')增加如下所示：
STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE_DIR, 'static') STATICFILES_DIRS = [ ("css", os.path.join(STATIC_ROOT, 'css')), ("images", os.path.join(STATIC_ROOT, 'images')), ("js", os.path.join(STATIC_ROOT, 'js')), ] 修改project01目录下的urls.py from django.conf import settings from django.views.static import serve #urlpartterns中加 url(r'^static/(?P<path>.*)$',serve,{'document_root': settings.STATIC_ROOT}),如下图所示： 就能直接访问css
要使css能在页面上运行 就要在html文件里修改有两个地方需要添加
load staticfiles{% static ‘*****’%}举例：
<!doctype html> {% load staticfiles %} <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link href="{% static 'css/demo.css' %}" rel="stylesheet" type="text/css"> <title>班级信息</title> </head>如下图所示： 效果图：
<!DOCTYPE html> {% load staticfiles %} <html> <head> <title>班级信息</title> <!-- meta --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <!-- css --> <link href="{% static 'css/demo.css' %}" rel="stylesheet" type="text/css"> <link href="{% static 'css/main.css' %}" rel="stylesheet" type="text/css"> <!-- js --> <script src="{% static 'js/jquery-1.10.2.min.js' %}" type="text/javascript"></script> <script src="{% static 'js/jquery-ui.js' %}" type="text/javascript"></script> <script src="{% static 'js/jquery.ffform.js' %}" type="text/javascript"></script> <!--img--> <img src="{% static 'images/pic02.jpg' %}" alt="" />