python - Css文件未与django中的项目链接
问题描述
我想将 css 文件与我的 django 项目链接。我尝试了各种方法,但它没有反映 html 页面的任何变化。我是新手,任何帮助将不胜感激。
这是我的 html 代码:
{% extends 'base.html' %}
{% load static %}
<link rel="stylesheet" href="{% static 'css/custom.css'%}"
type="text/css">
{% block content %}
<form class="form-signin">
<div class="text-center mb-4">
{% csrf_token %}
<ul>{{shipper_data_object.first_name}}</ul>
<ul>{{shipper_data_object.last_name}}</ul>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me"> Remember me
</label>
</div>
<button class="btn btn-lg btn-primary btn-block"
type="submit">Sign in</button>
{% endblock %}
<p class="mt-5 mb-3 text-muted text-center">© 2017-2019</p>
</div>
</form>
这是我的views.py:
def shipper_login(request):
shipper_data_object = shipper_form(request.POST)
if request.method == "POST" and shipper_data_object.is_valid():
shipper_data_object.shipper_ID = shipper_data_object.cleaned_data['shipper_ID']
shipper_data_object.last_name = shipper_data_object.cleaned_data['last_name']
shipper_data_object.first_name = shipper_data_object.cleaned_data['first_name']
shipper_data_object.contact = shipper_data_object.cleaned_data['contact']
shipper_data_object.comapany_name = shipper_data_object.cleaned_data['comapany_name']
shipper_data_object.gst_pin_or_pan = shipper_data_object.cleaned_data['gst_pin_or_pan']
shipper_data_object.origin = shipper_data_object.cleaned_data['origin']
shipper_data_object.destinations = shipper_data_object.cleaned_data['destinations']
shipper_data_object.save()
shipper_data_object = shipper_form()
# supplier_data_object = auction.suppliers.views.suppliers_form
# if supplier_data_object.operational_cities == shipper_data_object.origin or supplier_data_object.operatioal_cities == shipper_data_object.destinations:
# return HttpResponse("found match!!")
# else:
# return HttpResponse("match not found!!")
return render(request, 'shipper_details.html', {'shipper_data_object': shipper_data_object})
这是我的 base.html:
{% load static %}
<link rel="stylesheet" href="{% static 'css/custom.css'%}"
type="text/css">
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet"
<meta charset="UTF-8">
<title>Title</title>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-
toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-
only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#"
id="navbarDropdownMenuLink" role="button"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-
labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another
action</a>
<a class="dropdown-item" href="#">Something
else here</a>
</div>
</li>
</ul>
</div>
</nav>
</head>
<body>
{% block content %}
{% endblock %}
</body>
在这段代码中,我将我的 custom.css 文件保存在 auction/auction/static/css/custom.css 下
这是我的 settings.py 文件:
STATIC_URL = '/static/'
STATIC_DIRS = 'static'
PROJECT_DIR = os.path.dirname(os.path.abspath(__file__))
STATIC_ROOT = os.path.join(PROJECT_DIR, 'static')
补充:我可以通过chrome的inspect元素导航到custom.css,它显示在那里,但更改仍然没有反映在向其中添加任何css。在此处输入图像描述
解决方案
尝试这个
在 settings.py
PROJECT_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATIC_URL = '/static/'
STATIC_ROOT = PROJECT_DIR + '/static/'
在主 urls.py
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
有关更多详细信息,请参阅此
推荐阅读
- vue.js - Vue:在组件内添加组件引用后未知的自定义元素
- pdfbox - 了解 PDFBox jar 文件
- java - 请解释一下这个Java代码如何从用户输入中识别最大数量?
- python - 从 gmail API 获取正确的电子邮件编码
- php - 如何从 mailgun 仪表板导出未送达邮件的电子邮件列表?
- java - 尝试通过 jenkins 上的虚拟框运行 java 项目时出错
- javascript - React Native Paper - Card.Cover 源代码 - 带有 URI 字段的字符串与数组,哪个选项更好?
- javascript - 模态打开时,网站的内容在模态上方滚动
- java - OwnerDrawLabelProvider 使列文本选择变为蓝色,即使在调用擦除方法后也是如此
- jquery - 修改summernote视频嵌入功能