静态图片引用_Python3.7开发Django2.2 Web系统从零开始--1.6静态文件

由于篇幅问题，上次说到MVT中的T(Templates)时，只讲了动态文件html，这次补上静态文件这部分。所谓静态文件，是图片、音频、Css、JavaScript这些发布后，内容不会改变的文件，它们都可供html引用。

在这个看颜值的时代，Css是html的化妆品，如果再加上图片，那美丽更非一般，当然，倘若还可与用户进行互动，那体验就更完美了，而互动这个角色就非JavaScript莫属了。

1

在Django2.2框架中，静态文件是放在static目录下的。其应用流程，同Templates如出一辙。为了保持应用的独立性，在sales(系统)下，新建static目录，接着创建sales目录，再创建css、images、js目录。这个同创建Templates是一样一样的。

2

static除了创建跟Templates步骤一样外，配置也是相同的，打开settings.py文件，在末尾添加如下信息。

STATICFILES_DIRS = (

os.path.join(BASE_DIR, 'sales/static'),

)

3

为了进行验证，在sales/static/sales/css下，新建一个style.css文件，里面写上一丁点内容，试验试验。

.text-color {

color: darkgreen;

}

打开html文件，引入style.css，代码如下所示。

引用CSS文件

{% load staticfiles %}

终于用上了Django的Css了，好嗨哦。

4

一切都配置好，都准备妥当后，又到激动人心的时刻了，运行起来，看看效果是否如你所愿…,嘎嘎，还真的是，配置没那么难。