Django加入JS,CSS,图片等外部文件的方法

Django加入JS,CSS。图片等外部文件的方法

By 白熊花田(http://blog.csdn.net/whiterbear) 转载需注明出处,谢谢。

在使用Django搭建站点时,往往须要使用一些js,css或者图片等外部文件,这里给出使用它们的使用方法。

我的django版本号为:1.8.2

如果我们有project例如以下:

sentiment_analysis

|-mysite

| |-mysite

| |-manage.py

| |-show_pages

| | |-__init__.py

| | |-admin.py

| | |-models.py

| | |-tests.py

| | |-urls.py

| | |-views.py

| | |-tests.py

| | |-templates

| | | |-show_pages

| | | | |-index.html

在此project下。如果我们须要在index.html中使用js等外部文件,能够按例如以下步骤进行使用。


加入外部文件

在应用show_pages(与manage.py同级)中新建static文件夹,里面放置外部资源文件(css,js等)。

改动settings.py

在settings.py文件里加入例如以下几行(当中有一行已经存在了)。

STATIC_ROOT= os.path.join(os.path.dirname(os.path.dirname(file)),’static’).replace(‘\’,’/’)

STATIC_URL = ‘/static/’

TEMPLATE_DIRS = (

‘/show_pages/templates’,

)

改动urls.py

改动mysite文件夹下的urls.py文件为:

from django.contrib import admin

from django.conf.urls import *

from django.conf import settings

urlpatterns = [

url(r’^admin/’, include(admin.site.urls)),

url(r’^show_pages/’, include(‘show_pages.urls’)),

url(r’^static/(?P.*)$’,’django.views.static.server’,{‘document_root’:settings.STATIC_ROOT},name=’static’),

]

改动manage.py

改动mysite文件夹下的manage.py文件,加入:

reload = reload(sys)

sys.setdefaultencoding(‘gb18030’)#否则载入css文件仍会出错

引用

最后,在index.html中引入外部资源文件时,使用例如以下方式进行引用:

  • js文件:<script src="/static/js/jquery.js"></script>
  • css文件:<link href="/static/css/bootstrap.min.css" rel="stylesheet">
  • 图片:<img class="img-responsive" src="/static/img/phones.png" >

或者进行例如以下引用:

先在index.html文件里输入:{% load staticfiles %},再按例如以下方式进行引用。

  • js文件:<script src="{% static ‘js/jquery.js‘ %}"></script>
  • css文件:<link href="{% static ‘css/bootstrap.min.css‘ %}" rel="stylesheet">
  • 图片:<img class="img-responsive" src="{% static ‘img/phones.png‘ %}" >
时间: 2024-11-06 21:43:57

Django加入JS,CSS,图片等外部文件的方法的相关文章

SpringMVC 无法加载js,css等静态资源文件

最近在一些技术群里看到有些朋友的馈,SpringMVC 无法加载js,css等静态资源文件,运行时报无法找到异常.下面说下原因及解决方法: 由于SpringMVC支持较优雅的Rest风格的URL,url-patten又是配置的支持所有的模式,所以对于静态资源(css,js,html等)也会去进行匹配,一旦匹配失败控制台会抛URI匹配异常. 这种情况下,需要在SpringMVC配置中增加默认的配置 <mvc:default-servlet-handler/> 增加了上面这个配置之后,原来的Req

Java实现缓存页面中不变的元素,JS,CSS,图片等

本文是Web前端性能优化系列文章中的第三篇,主要讲述添内容:加Expires头.完整教程可查看:Web前端性能优化 什么是Expires头? Expires存储的是一个用来控制缓存失效的日期.当浏览器看到响应中有一个Expires头时,它会和相应的组件一起保存到其缓存中,只要组件没有过期,浏览器就会使用缓存版本而不会进行任何的HTTP请求.Expires设置的日期格式必须为GMT(格林尼治标准时间). HTTP1.1协议中缓存的另一种选择 Expires存在着明显的不足. 首先,Expires头

linux共享文件samba安装与java读取外部文件夹方法

测试环境RedHat 6.4 一.安装 samba组件安装: (1)首先用“rpm –qa |grep samba”命令检验系统samba服务是否安装. #rpm –qa |grep samba samba-common-3.6.9-151.el6.x86_64.rpm samba-winbind-3.6.9-151.el6.x86_64.rpm samba-winbind-clients-3.6.9-151.el6.x86_64.rpm samba-3.6.9-151.el6.x86_64.r

Fiddler过滤css、js、图片等静态文件

REGEX:(?insx)/[^\?/]*\.(css|ico|jpg|png|gif|bmp|wav)(\?.*)?$ REGEX:(?insx)/[^\?/]*\.(action|do)(\?.*)?$ 原文地址:https://www.cnblogs.com/wangjizhen/p/11317643.html

js 下载图片与下载文件的方式一样;保存至本地 ASP.NET 方式

<asp:Button ID="btnDownLoad" runat="server" style="display: none" Text="a" OnClick="btnDownLoad_Click" TabIndex="100" /> <asp:HiddenField ID="hidImageUrl" runat="server&qu

Django 引用JS CSS 404

在根目录下存放easyui库 settings.py添加 EASYUI_PATH = './easyui/' urls.py配置 url(r'^easyui/(?P<path>.*)', 'django.views.static.serve', {'document_root': settings.EASYUI_PATH}), 页面引用 <script type="text/javascript" src="../../easyui/jquery.easyu

解决VS2005打开js,css,asp.php等文件,中文都是乱码的问题

用记事本打开可以正常观看但是用VS2005编辑器打开JS,中文确实乱码.解决办法:在VS 2005 的设置里面选择自动检测Utf-8:"工具"->"选项"->"文本编辑器"->"自动检测不带签名的 UTF-8 编码".

推荐一个网站Js/Css/图片/Html单页面下载工具

国内网址 http://code68.com/DownWebSite/Index 有时候看到好的页面,不想写CSS 下载下来还挺方便的! 原文地址:https://www.cnblogs.com/code68/p/9228625.html

简单介绍使用GooUploader.js实现批量上传文件的方法(使用struts2)

最近的网站项目中需要实现上传pdf的功能,期间找了很多jquery的插件,都不能满足要求,最后找到GooUploader.js,由于自己是第一次接触上传文件的功能,虽然看了很多写地详细的博客,还是花了很长时间才应用到项目中,所以在这里自己总结一下. GooUploader.js插件是在swfupload.js基础上进行扩展的,有些比较好的特点: 1. 支持批量文件上传: 2. 上传文件时,选择文件后,可以选择单个文件上传,也可以选择批量文件上传: 3. 开始上传文件后,可以取消单个文件上传,也可