Django建站--通用网站模板的使用（四）

从上节的命令行窗口报错可知，网页没有正常展示，是因为静态文件调用不成功导致的。本节主要解决静态文件的调用问题。

 

1、在self/settings.py的最末尾，添加如下代码，添加静态文件的路径：

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

STATICFILES_DIRS = [('css', os.path.join(STATIC_ROOT, 'css')),

                    ('js', os.path.join(STATIC_ROOT, 'js')),

                    ('plugins', os.path.join(STATIC_ROOT, 'plugins')),

                    ('images', os.path.join(STATIC_ROOT, 'images')),]

2、打开index.html，在第一行添加{%load static%}，告诉django需要引入静态文件。

3、修改所有调用静态文件的地方，如下

# 例如
href="images/favicon.png" 
# 改为
{% static 'href="images/favicon.png' %}" 

href="plugins/bootstrap/css/bootstrap.min.css"
# 改为
{%static 'href="plugins/bootstrap/css/bootstrap.min.css"' %}

4、修改后的index.html，下载

5、将index.html修改完成后，再次启动测试服务器，用浏览器打开主页，可正常显示。

 

至此，初步实现了通用的网站模板导入到django的目的，这只是将网页模板在django上跑起来了，后续要设计数据模型，admin功能等。