Django学习之为网站添加图标以及模板链接图片
来源:互联网 发布:淘宝网商城女童装 编辑:程序博客网 时间:2024/06/07 21:00
Django中templates链接图片(包括静态文件),网站的图标也是通过链接ICON(图标)实现的。(本文所讲的内容是基于Django1.7版本)
首先,Django中templates下存放模板文件。图片,CSS等静态文件存放在static文件夹下。但是,要注意还需要对在工程文件夹下的settings.py进行配置,主要是设置静态文件在本地的存放路径,也就是你的static文件夹的位置, 注意文件路径是/而不是\!
步骤:
1.在你的项目文件夹下新建static文件夹,进入static文件夹,最好分类存放各种静态文件,例如图片存放在images文件夹下,CSS等静态文件根据你的喜好新建其他的文件夹。那我的一个测试项目来说,我的工程名称是webdevelop,项目名称是myzone
,建立好的目录如下:
>webdevelop
>db.sqlite3
>manage.py
>myzone(项目名)
>templates
>FUI.html(模板文件)
>static(存放静态文件)
>images
>favicon.ico myzone.jpg(图片)
>webdevelop(工程名)
>settings.py(其他文件我就不列出来了)
Django中默认的setting.py中的静态文件目录配置如图
STATIC_URL是用来配置你的项目中静态文件路径的,注意这里默认的是用绝对路径/static/,也就意味着你的模板文件加载图片时会自动到/myzone/static/下去寻找静态文件或图片,当然你也可以把static文件夹建立在templates文件夹下或者其他什么地方,只要和你在settings.py中的STATIC_URL配置对应就可以,还有一点就是,如果你自己配置STATIC_URL的话,一定要注意用绝对路径,就是/static/而不是static/,注意到了吗?前面多的" / ",绝对路径和相对路径就不讲了,自己找资料学习。(不好意思,刚开始写BLOG,有点啰嗦) 那就在稍微罗嗦一点,例如你在templates下建立的static文件夹,那么在settings.py中加上STATIC_URL = '/template/static', OK了吧?
2.做好配置准备了,那么,接下来就看在模板文件中如何引用图片,
在html的基板模板里面记得加上一句 {% load staticfiles %},之后再应用图片处这样写,看图
图片链接中的src如上,这事加载静态图片的链接方式,因为我的图片myhome.jpg放在/static/image/myhome.jpg的路径上,而且我也配置了静态文件路径/static/,所以如上的images/myhome.jpg在模板文件链接图片时,会按照/myhome/static/images/myhome.jpg的路径寻找到myhome.jpg图片。最后一定要在引用图片之前加上{% load staticfiles %},至于为啥,到Django官网上看文档,(要知道,开源技术的学习,官方文档是最好的学习资料,所以一定要养成阅读官方文档的习惯)
最后,有了前面的基础,简单说一下为你的网站添加图标。默认情况下,浏览器访问一个网站时,会自动根据像下面我举的例子中的<link>标签中的链接去获取网站的图标。加载方式如上面加载静态图片的方式一样,只不过链接的位置是在HTML模板文件的<head>标签中的<link>标签里,拿我的举个例子,
图中的<link>标签中的和之前加载图片的方式相同。注意在前面加上{% load staticfiles %},当然在一个模板里只用在第一个图片链接之前写一遍即可。
我在/static/images/下还放置了我的网站的图标favicon.ico----一只小企鹅,
最后提醒一下,图标的大小要合适,太大的话就加载不了,我只的是尺寸大小!!!
OK,还要说一下,这事我刚开始写BLOG,所以写的不好,大家见谅,有错误欢迎大家批评指正,共同学习,共同进步。
- Django学习之为网站添加图标以及模板链接图片
- vba 为图片添加链接
- iOS中为网站添加图标到主屏幕以及增加启动画面
- iOS中为网站添加图标到主屏幕以及增加启动画面
- iOS中为网站添加图标到主屏幕以及增加启动画面
- 为网站添加小图标--favicon
- 为网站添加小图标--favicon
- 为网站添加小图标--favicon
- 为网站每个网页添加LOGO图标
- 为网站图片添加水印
- 为django 1.7 admin后台添加模板(使用django-suit)
- MFC中为按钮添加图片,图标
- Django module学习之模板
- 图标网站链接
- [two scoops]为django admin后台添加模板(使用grappelli)
- Java杂谈之读写文件,复制图片以及下载网站链接资源
- Django学习之数据库的链接详解
- 为你的网站添加小图标Favicon.ico
- What is the purpose of using do {...} while (0) in macros?
- Molar Mass, ACM/ICPC Seoul 2007, UVa 1586
- java 接口多继承
- iOS 核心动画之CATransition
- Eclipse 版本与常识
- Django学习之为网站添加图标以及模板链接图片
- 华为机试—从考试成绩中划出及格线
- 旁路电容和去耦电容详解
- AndroidStudio和Eclipse中项目的区别
- 数据结构单向链表的理解
- servlet 向mysql 插入中文,在mysql 查询时发现中文是乱码
- scrollview中包含viewpager致使viewpager滑动不流畅
- java中通过ndk调用c/c++ 例子,详细解释
- RISC和CISC比较