0
点赞
收藏
分享

微信扫一扫

【Django 2021年最新版教程4】为项目添加资源文件(css,js,image)

西风白羽 2022-03-30 阅读 54


1、新建static文件夹存放资源文件,结构如下:

 【Django 2021年最新版教程4】为项目添加资源文件(css,js,image)_css

demo.css

#title {
color:red;
}

  ​2、修改index.html如下:

 【Django 2021年最新版教程4】为项目添加资源文件(css,js,image)_django_02

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="{% static 'css/demo.css' %}">
</head>
<body>
<h2 id="title">hello world</h2>
<img src="{% static 'image/demo.png' %}">
</body>
</html>

  3、在settings.py文件的最后增加如下配置

【Django 2021年最新版教程4】为项目添加资源文件(css,js,image)_css_03

【Django 2021年最新版教程4】为项目添加资源文件(css,js,image)_css_04


注意:​ 在给STATICFILES_DIRS设置静态文件目录的时候注意设置的目录是个列表或元组,其中每个元组或列表的值之间必须要用逗号分隔。即使是最后一个值的后面也要加逗号

4.重新运行

【Django 2021年最新版教程4】为项目添加资源文件(css,js,image)_元组_05



举报

相关推荐

0 条评论