码迷,mamicode.com
首页 > 其他好文 > 详细

Django静态文件

时间:2018-04-03 14:27:42      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:样式表   log   路径   type   com   AC   ref   静态文件   image   

除了服务器生成的HTML之外,
Web应用程序通常需要提供额外的文件
(例如图像,JavaScript或CSS)来呈现整个网页。
在Django中,
我们将这些文件称为“静态文件”。

1、添加CSS样式表

在polls包下面新建static包,

在static包下面新建polls包,

在polls/static/polls包下面新建style.css:

技术分享图片

li a {
color: green;
}

修改polls/templates/polls/index.html

在顶部添加以下内容,
该模板标签生成静态文件的绝对路径{% static %}技术分享图片

{% load static %}

<link rel="stylesheet" type="text/css" href="{% static ‘polls/style.css‘ %}" />

 

2、添加图片

在polls/static/polls/包下面新建images包,

在polls/static/polls/images/包里面添加一个background.gif图片,

然后添加到polls/static/polls/style.css样式表中:

技术分享图片

li a {
color: green;
}

body {
background: white url("images/background.gif") no-repeat;
}

目录结构:

技术分享图片

启动服务:

python manage.py runserver

访问:

http://127.0.0.1:8000/polls

技术分享图片

 

Django静态文件

标签:样式表   log   路径   type   com   AC   ref   静态文件   image   

原文地址:https://www.cnblogs.com/yjlch1016/p/8707846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!