Django 模板中引用静态资源(js,css等)

Django 模板中免不了要用到一些js和CSS文件,查了很多网页,被弄得略晕乎,还是官网靠谱,给个链接大家可以自己看英文的。

https://docs.djangoproject.com/en/1.6/howto/static-files/

大致步骤是这样的:

1.确保setting.py里的installed_apps中包括了django.contrib.staticfiles,没有的话大家给添上就行。

2.同样是在setting.py里面进行添加,我们需要添加静态资源相关的配置。可以这么写:

STATIC_URL=‘/static‘STATICFILES_DIRS=(     os.path.join(BASE_DIR,‘../../static‘).replace(‘\\‘,‘/‘),)

3.这么写完还不够的,把你的static目录放在自己的APP目录下,这样django会自动去找每个应用下的static目录。

4.在模板里这么用就okay了。

在模板里添加{% load staticfiles %}

使用时如下图所示:

这样就可以让自己的模板样式更漂亮啦。

时间: 2024-10-10 21:33:25

Django 模板中引用静态资源(js,css等)的相关文章

Spring MVC程序中得到静态资源文件css,js,图片文件的路径问题总结

上一篇 | 下一篇 Spring MVC程序中得到静态资源文件css,js,图片 文件的路径 用 Spring MVC 开发应用程序,对于初学者有一个很头疼的问题,那就是程序数据都已经查询出来了,但界面样式仍然十分丑陋,加载不了 css,js,图片等资源文件.当你在浏览器上直接输入某个css文件的路径时,直接得到404错误,而路径肯定没有错,其原因就在于在web.xml 中配置了类似如下的 spring servlet: 程序代码 <servlet>    <servlet-name&g

在django中访问静态文件(js css img)

刚开始参考的是别的文章,后来参考文章<各种 django 静态文件的配置总结>才看到原来没有但是没有注意到版本,折腾了一晚上,浪费了很多很多时间.后来终于知道搜索django1.7访问静态文件.真是傻×. 环境:python 2.7.3django 1.7.5 django是不善于处理静态文件这种事情的.这样的工作要交给nginx或者apache这样的服务器.但是在调试时还是要配置一下的django 1.7.5配置访问静态文件貌似比其他的版本都要简单一些.只需要如下步骤: 收集静态文件,然后放

【jsp】怎么在jsp文件中引入静态文件(.js .css)

如果在jsp文件中引入静态文件比如(.js或.css等等),可以在使用 /项目名称/路径 的方式,但是这种方式如果在修改了项目了名称后就显得比较麻烦了.除了之外还许多方式,比如相对路径等等.一般情况下,可以先获得项目的根路径,然后再加上文件路径.  ${pageContext.request.contextPath}  可以获得当前项目的路径,然后就只需要在后面加上引入的静态文件的文件路径即可.比如: 这样就可以引入js文件下的jquery.min.js文件了.

Spring MVC程序中得到静态资源文件css,js,图片

转载自:http://www.blogjava.net/fiele/archive/2014/08/24/417283.html 用 Spring MVC 开发应用程序,对于初学者有一个很头疼的问题,那就是程序数据都已经查询出来了,但界面样式仍然十分丑陋,加载不了 css,js,图片等资源文件.当你在浏览器上直接输入某个css文件的路径时,直接得到404错误,而路径肯定没有错,其原因就在于在web.xml 中配置了类似如下的 spring servlet: 程序代码 <servlet>    

django模板加载静态资源

1. 目录结构 /mysite/setting.py部分配置: # Django settings for mysite project. import os.path TEMPLATE_DIRS = ( # Put strings here, like "/home/html/django_templates" or "C:/www/django/templates". # Always use forward slashes, even on Windows.

如何将Django模板变量传递给外部JS?

Django是python开发中最常用的技术,最近一直在思考如何更好的组织Django中的静态资源,比如JS.CSS一类,如何结合前端构建工具写出更好的代码以及结构呢? 首先需要解决的一个问题就是某些时候需要把JS代码写在模板里来获取后台传递过来的变量,比如: <div><h1>Testh1><divid="my-test">div>div><script> $(function(){ $('#my-test').htm

在Salesforce中使用静态资源

静态资源 静态资源是Salesforce中默认的一种数据类型,用户可以上传各种文件,比如zip文件.jpg文件.css文件.图像文件等. 在Visualforce页面.Lightning框架的开发过程中,我们可以引用静态资源,调用图像.CSS样式.JS函数等. 上传静态资源 在设置页面中搜索"静态资源",点击"静态资源"链接,即可进入静态资源一览表. 点击"新建"按钮,即可进入静态资源的编辑界面. 在此界面中,需要给静态资源定义一个唯一的名字,供

django模板中的extends和include使用方法

一.extends使用方法 首先extends也就是继承,子类继承父类的一些特性.在django模板中通过继承可以减少重复代码. 首先我们建立一个app,名字叫做hello.别忘了在settings.py中的INSTALLED_APPS注册这个app.不注册会出现hello目录下的templates中的模板无法调用. 1.在根目录下的templates创建base.html <!DOCTYPE html> <html lang="en"> <head>

在 Django 模板中遍历复杂数据结构的关键是句点字符

在 Django 模板中遍历复杂数据结构的关键是句点字符 ( . ). 实例二 mysit/templates/myhtml2.html修改如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{ time.year }}