第十三周学习总结

最新推荐文章于 2021-09-23 07:45:38 发布

yu000218

最新推荐文章于 2021-09-23 07:45:38 发布

阅读量110

点赞数

分类专栏：学习周记

本文链接：https://blog.csdn.net/yu000218/article/details/90549351

版权

学习周记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

这周学习的是怎么将静态文件在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="" />

在这里插入图片描述

yu000218

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第十三周学习总结

这周学习的是怎么将静态文件在Django中显示首先要确定它们所在的位置project01 与 static在同一个根目录下然后需要修改settings.py，是上图中所选的py文件本来的文件是STATIC_URL = '/static/'STATIC_ROOT = os.path.join(BASE_DIR, 'static')增加如下所示：STATIC_URL = '/s...
复制链接

扫一扫