django1.8下js静态资源怎么配置

静态资源就是指js文件,图片文件以及css样式等资源文件。默认情况下,网页运行在django中不显示,需要做一定的配置,其实配置不难,问题在于网上百度的时候,很多是其他版本的,不能解决1.8的问题。django作为开源框架,版本之间变化的比较正常的。所以使用开源的东西就要有一颗折腾的心。闲话不多说。直接上django框架配置js文件的步骤吧。

1、先在你的app文件中新建一个文件夹static,再分别建立三个子文件夹js,style,images。

2、在settings.py中,加入:

STATIC_URL = ’/static/’

STATICFILES_DIRS = (

os.path.join(BASE_DIR, "static"),

)

3、在html页面头部加入:

{% load staticfiles %}

<html>

<head>

<title>麦子学院</title>

</head>

<body>

4、

在html模版页面,可以用如下两种方式调用:

<img src="{% static ’images/logo.gif’ %}" alt=""/>

<br/>

<img src="/static/images/acer.gif" alt=""/>

推荐使用第二种,因为如果图片名称是动态的,可以通过views这么绑定:

<img src="/static/images/{{name}}.gif" alt=""/>

css的引用同样如此:

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

<link rel="stylesheet" href="/static/style/base.css" type="text/css">

js的引用同样如此:

<script type="text/javascript" src="{% static ‘js/jquery-1.8.3.min.js’ %}"/>

<script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"/>

时间: 2024-10-18 16:49:17

django1.8下js静态资源怎么配置的相关文章

关于WEB-INF目录下的静态资源(js、css、img)的访问

首先,需要明确的是WEB-INF目录是被保护起来的,其下的jsp页面不能直接运行,只能通过控制器跳转来访问:而同样在此目录下的静态资源(js.css.img)也不能被WEB-INF目录外的其他文件直接引用. WEB-INF下的目录结构如图: jsp文件夹下放的是jsp文件,static文件夹下放的是css,js,img等静态资源: 由于jsp文件夹与static文件夹都在WEB-INF目录下,故jsp文件夹下的jsp引入某js可通过相对路径访问: <script src="../stati

SpringMVC REST 风格静态资源访问配置

1 在web.xml中使用默认servlet处理静态资源,缺点是如果静态资源过多,则配置量会比较大,一旦有遗漏,则会造成资源无法正常显示或404错误. <!-- 静态资源访问控制 --> <servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>*.jpg</url-pattern> </servlet-mapping> <servlet-

Django之CSS,JS静态文件的配置

一. 专门创建一个目录放静态文件,即CSS,JS等. 1)先把jquery.min拿过来. 2)新建一个CSS文件放入样式 3)在login.html中引入.css文件 在login.html中引入.JS文件 4) 运行,检验效果,发现出错了. 报错找不到路径,请求的地址如下. 5) 所以静态文件应该有专门针对静态文件的处理方式.在setting里面加一句话,注意大小写和逗号, 表示我已经配置好我的静态目录了,这样就会去static文件夹下找静态文件的配置了.重启服务器端,运行,测试效果良好,已

SpringBoot 常用配置 静态资源访问配置/内置tomcat虚拟文件映射路径

Springboot 再模板引擎中引入Js等文件,出现服务器拒绝访问的错误,需要配置过滤器 静态资源访问配置 @Configuration @EnableWebMvc public class StaticResourceConfig implements WebMvcConfigurer { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHand

HappyAA服务器部署笔记2(nginx的静态资源缓存配置)

我近期对服务器进行了少量改进,虽然之前使用了nginx反向代理之后性能有所提高,但仍然不够,需要使用缓存来大幅度提高静态资源的访问速度. 服务器上的静态资源主要有这些:png, jpg, svg, js, css等.下面,我通过新的nginx配置来实现缓存.对红色的字我会额外进行说明. worker_processes 1; events { worker_connections 1024; multi_accept on; use epoll; } http { include mime.ty

IIS8集成模式下打开静态资源被aspx处理程序处理,StaticFileModule失效问题分析

问题描述: 打开js,css,jpg之类的静态资源文件触发了asp.net mvc的权限认证,并不是直接返回静态内容 问题分析: StaticFileModule 失效 ,可能是文件权限问题 问题解决: 由于在集成模式下,默认进程标识是应用程序池名称相同的"用户", 如应用程序池为 tom, 那么在进程管理器中,w3wp.exe的用户即为tom 而IIS中要动态的为这种标识设计权限则需要同时给 IIS_IUSERS组  和  IUSR组设置完全控制权限!!! 记得是同时设置. 如果仅给

java web 静态资源访问配置三种方式

方案一:Tomcat的defaultServlet来处理静态文件 要放在DispatcherServlet的前面, 让 defaultServlet先拦截请求,这样请求就不会进入Spring了 方案二: 在spring3.0.4以后版本提供了mvc:resource /images/**映射到ResourceHttpRequestHandler进行处理,location指定静态资源的位置.可以是web application根目录下.jar包里面,这样可以把静态资源压缩到jar包中.cache-

Nginx详解十:Nginx场景实践篇之Nginx静态资源场景配置

一.静态资源WEB服务 1.静态资源类型:非服务器动态运行生成的文件 2.静态资源服务场景-CDN 假设静态资源存储中心在云南,用户在北京去请求一个文件,那么就会造成一个传输的延时,而如果Nginx同一把静态资源提前分发给各地区的代理,而各地区的用户直接访问本地区代理的静态资源,延时就会非常小,可以忽略不计 这里为了方便区分,把之前的auth_mod.conf 配置名改为static_server.conf 3.配置语法 : - 文件读取(除了sendfile方式外,Nginx还有--with-

nginx 静态资源访问配置

server {         listen 443;         server_name localhost;         ssl on; # 此处可配置域名访问,默认的首页 #       root html;   #目录 #       index weixin/index.html; #       rewrite ^/ https://www.baidu.com   #       location / { #               root html; #