Django使用本地css/js文件

在网上看了很多说Django如何使用本地css/js的文章, 但都不能用

今天终于找到一个可以用的, 记录下

在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹

我的文件夹层级

然后很简单,只需在settings.py中进行设置就行, 在末尾添加以下代码

STATIC_URL = ‘/static/‘
HERE = os.path.dirname(os.path.abspath(__file__))
HERE = os.path.join(HERE, ‘../‘)
STATICFILES_DIRS = (
    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don‘t forget to use absolute paths, not relative paths.
    os.path.join(HERE, ‘static/‘),
)

在需要使用的html文件中通过以下方式导入

<!--引入本地css & js-->
        <link rel="stylesheet" href="../static/style/medicine.css" />
        <script type="text/javascript" src="../static/javascript/medicine.js"></script>
时间: 2024-06-22 02:17:59

Django使用本地css/js文件的相关文章

springMvc整合Freemarker引入CSS,JS文件404的问题

在spring webmvcjar包中有个spring.ftl的文件 如下图: 你可以把他拷出来,放到你的目录下,也可以不拷出来,具体的用法就是 在你的freemaker模版开头加上 <#import "spring.ftl" as spring/> 如果你烤出了spring.ftl文件,像找存在感的话,比如拷到 当前项目路径的plugins文件下 那么就加上这个路径就好了<#import "plugins/spring.ftl" as sprin

js活jQuery实现动态添加、移除css/js文件

下面是在项目中用到的,直接封装好的函数,拿去在js中直接调用就可以实现css.js文件的动态引入与删除.代码如下 动态加载,移除,替换css/js文件 // 动态添加css文件 function addCss(filename){ var creatHead = $('head'); creatHead.append('<link rel="stylesheet" href="'+filename+'">') } // 移除css/js文件 functi

css,js文件后面加一个版本号

由于前几天,更新了项目,更新的文件有js文件,今天客人截图过来,我发现修改之后的效果没有显示出来,我回复说清理浏览器缓存.到了晚上,客人找老板,说还没有处理到這个,说客人不懂這个.所以想到之前自己为了避免浏览器缓存js,css文件,在js,css后面加一个版本号,时间随机.這次笔者是在js后面加了一个版本号参数,应该可以强制到客人的浏览器浏览這个画面时,重新下载修改之后的js文件.如: <script type="text/javascript" src="js/tes

vue中如何在本地导入js文件

import {setStore,setUser,getStore,removeStore} from "../../../public/localstory" 在导入js文件时,推荐大家可以先看下ES6的有关内容 http://es6.ruanyifeng.com/#docs/module import {setStore,setUser,getStore,removeStore} from "../../../public/localstory"//其中 set

Nginx+FastCGI+Django请求静态(css,js,img等)

之前写了一个简易的运维管理系统,奈何一直都是用的开发者模式启动django,现想用ngxin代理,参照<<The Django Book>>,上面提供了Apache+mod_python(mod_wsgi|FastCGI)等方式,而我选择了Nginx+FastCGI的方式(机器上本来就有nginx了,并且我平时用nginx也比较多). Django通过FastCGI启动的方式有如下几种: 在tcp端口上运行一个线程服务器: ./manage.py runfcgi method=th

关于Yii2中CSS,JS文件的引入心得

1.在view中 use yii\helpers\Html; <?=Html::jsFile('@web/***/js/***.js')?>//这里***代表你的目录名或者文件名 <?=Html::cssFile('@web/***/css/***.css')?>//***同上 2.布局 public $layout = 'layout';//在类中定义一个变量,名为$layout的php文件 <?php echo $content; ?> 3.跳转链接 use yii

解决项目迭代css,js文件缓存问题

项目迭代过程中,新的改版,经常会出现样式不向下兼容的情况.发布线上之后,由于导致新的html文件引用了上一版本缓存css,导致样式错乱. 只需在引用文件路径后,加上版本识别号参 version.不用更改原文件名. 版本可以自己定如1.0.1. <!-- css --><link rel="stylesheet" type="text/css" href="/UI/css/common.css?version=1.0.1">

动态添加删除css/js文件

var gTag = 1; function clickButton() { if(gTag == 1) { //加载js /*var linkObj = document.createElement("script"); linkObj.setAttribute("src","b.js"); document.body.appendChild(linkObj); gTag = 2; removejscssfile("b.js"

Python+Django+js+echarts引入本地js文件的操作方法

1. 选择正确的echarts.js,开发版选择echarts.baidu.com上的源码版,避免出现问题 2. 在项目主目录中新建static文件夹,里面建立js.css.images文件夹 3. 在settings文件中新增如下代码配置: STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE_DIR, 'static') STATICFILES_DIRS = ( ('css', os.path.join(STATIC_ROOT, 'c