Django里面如何渲染Bootstrap和CSS

123 阅读1分钟

Error 404

在初始阶段,我们刚创建一个Django一个项目,渲染的html文件无法正常展示。

image.png

解决办法

第一步:

从你的Django项目根目录下,创建一个名为“static”的文件。

image.png

第二步:

在HTML文件里,标签和<>script>里面不要选择超链接,选择本地绑定渲染

<head>  
<meta charset="UTF-8">  
<title>login</title>  
  
<script src="../static/js/jquery.js"></script>  
<link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css">  
<script src="../static/bootstrap/js/bootstrap.min.js"></script>  
  
</head>

第三步:

找到你的settings.py文件,划到最下面,你会发现

STATIC_URL = '/static/'

这个就是所谓的“通行指令”

在这个通行指令的下面加上这样通行的路径

STATIC_URL = '/static/'  
  
# Default primary key field type  
# https://docs.djangoproject.com/en/3.2/ref/settings/#default-auto-field  
  
STATICFILES_DIRS = [  
os.path.join(BASE_DIR , "static")  
]

第四步:

回到HTML文件里,把标签里面路径中的 “..”(返回上一级)去掉。直接变成:

<head>  
<meta charset="UTF-8">  
<title>login</title>  
  
<script src="/static/js/jquery.js"></script>  
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">  
<script src="/static/bootstrap/js/bootstrap.min.js"></script>  
  
</head>

这样问题就可以解决了!