django访问静态static目录，HTML文件的导入css路径读取问题

最新推荐文章于 2025-04-21 09:38:54 发布

司薇

最新推荐文章于 2025-04-21 09:38:54 发布

阅读量2.7k

点赞数 1

分类专栏：基于python的安卓位置信息取证系统设计与实现文章标签： django pycharm 后端 css html5

本文链接：https://blog.csdn.net/qq_46513570/article/details/123956631

版权

基于python的安卓位置信息取证系统设计与实现专栏收录该内容

8 篇文章

订阅专栏

本文介绍了Django项目中处理静态文件static目录的使用，强调了其作为资源存储的角色，并讨论了HTML文件导入CSS路径的正确设置。在Django后端传参确定CSS等引用文件路径时，必须确保路径以"/static/"开头，以确保模板在浏览器中正确解析。后端视图函数应直接生成完整路径，通过{{path}}在HTML中接收，避免路径解析错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、static目录形象说明

django静态目录用来存放css,js,img,以及各种的资源文件，像一个仓库；

比如我的项目还将结果网页导出HTML文件保存在static>history目录里面；

并不是说static只能放css等，完全可以当作一个存放其他文件需要导入读取的目录，可以是任何文件存储目录；

应为我们在setting中已经设置了所以可以说它是一个特别的目录

#setting.py

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

访问：

<!--result.html-->

<head>
	<title>一键取证</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="stylesheet" type="text/css" href='{% static "css/font-awesome.min.css" %}'>

	<!--布局框架-->
	<link rel="stylesheet" type="text/css" href='{% static "css/util.css" %}'>

	<!--主要样式-->
	<link rel="stylesheet" type="text/css" href='{% static "css/upload.css" %}'>
</head>

此时href='{% static "css/upload.css" %} 相当于 "herf='（base_dir）/static/css/ipload.css'"

浏览器源代码：

二、传参确定HTML导入的css文件路径方法

django后端传参确定导入的css等引用文件的路径，需注意：

如果django导入路径是由后端生成的，那么参数需要直接是“/static/css/...” ，因为，template写好的HTML会被django再解析一次，才会将内容传给浏览器；

否则django解析完，参数路径为你导入的参数内容href='{% static "css/upload.css" %}，并没有被进一步解析成/static/css/ipload.css，这样就给浏览器是无法找到这个路径的，

相当于参数确定路径有两步：1.传参改变HTML内容，2，把HTML传给浏览器，解析HTML文件一次。我们需要在第一步中的，后端就给HTML传递已经解析好的路径，因为传参过去的路径不会在第二步像已经写在HTML里的路径被再解析一遍

所以，后端view.py的函数里直接生成路径应当是“path = /static/css/...”，html由django特别的{{path}}方式接收path，django会解析双重大括号里的为形参。

比如我的，需求：1.读取session确定文件名，生成路径，

2. HTML的ifram标签直接导入该路径

#view.py


def history_view(request):
    if request.session.get('is_login') is not True:
        return HttpResponseRedirect('/login/')
    issue = str(request.session["issue"])
    path = '/static/history/' + issue +'.html'
    true_path = os.path.join(os.path.join(os.path.join(settings.BASE_DIR, 'static'),'history'),str(issue) + ".html")
    if os.path.exists(true_path):
        return render(request,"history.html",locals())
    else:
        return HttpResponse("浏览器SESSION出错，或者历史记录文件损坏或删除")

<!--history.html-->

<iframe runat="server" src={{path}} width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="auto" allowtransparency="yes"></iframe>