如何通过Django使用本地css/js文件


Posted in Python onJanuary 20, 2020

这篇文章主要介绍了如何通过Django使用本地css/js文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

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

今天终于自己来验证一个能用的了, 记录下

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

我的文件夹tree:

➜ FileService git:(master) ✗ tree
.
├── 2kill_port.sh
├── FileService
│  ├── __init__.py
│  ├── __pycache__
│  │  ├── __init__.cpython-37.pyc
│  │  ├── settings.cpython-37.pyc
│  │  ├── urls.cpython-37.pyc
│  │  └── wsgi.cpython-37.pyc
│  ├── settings.py
│  ├── urls.py
│  └── wsgi.py
├── db.sqlite3
├── en_bg.jpg
├── fileoperation
│  ├── __init__.py
│  ├── __pycache__
│  │  ├── __init__.cpython-37.pyc
│  │  ├── admin.cpython-37.pyc
│  │  ├── models.cpython-37.pyc
│  │  └── views.cpython-37.pyc
│  ├── admin.py
│  ├── apps.py
│  ├── migrations
│  │  ├── __init__.py
│  │  └── __pycache__
│  │    └── __init__.cpython-37.pyc
│  ├── models.py
│  ├── templates
│  │  ├── bg_homg.html
│  │  └── home.html
│  └── views.py
├── files
│  ├── 11.log
│  ├── 22.log
│  ├── 44.log
│  ├── th.jpeg
│  ├── �\217�\225快�\205�\ 2020-01-08\ �\213�\215\2101.50.03.png
│  └── �\235�\231��\212��\224\200�\207��\201.pdf
├── kill_port.sh
├── manage.py
└── static
  ├── images
  │  └── en_bg.jpg
  └── style
    └── style.css

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

STATIC_URL = '/static/'
STATICFILES_DIRS=[
  os.path.join(BASE_DIR,'static')
]

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

<head>
  <link rel="stylesheet" type="text/css" href="../static/style/style.css" rel="external nofollow" />
  <meta charset="UTF-8">
  <title>文件传输</title>
</head>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python 不关闭控制台的实现方法
Oct 23 Python
零基础写python爬虫之使用Scrapy框架编写爬虫
Nov 07 Python
python实现查询苹果手机维修进度
Mar 16 Python
在Python程序中实现分布式进程的教程
Apr 28 Python
Python基于回溯法子集树模板解决数字组合问题实例
Sep 02 Python
Python实现简易过滤删除数字的方法小结
Jan 09 Python
Python3.5 Pandas模块缺失值处理和层次索引实例详解
Apr 23 Python
numpy linalg模块的具体使用方法
May 26 Python
详解基于python的多张不同宽高图片拼接成大图
Sep 26 Python
Python3 pickle对象串行化代码实例解析
Mar 23 Python
Python pip使用超时问题解决方案
Aug 03 Python
python 如何将两个实数矩阵合并为一个复数矩阵
May 19 Python
Python中 Global和Nonlocal的用法详解
Jan 20 #Python
Django后台管理系统的图文使用教学
Jan 20 #Python
解决Pycharm的项目目录突然消失的问题
Jan 20 #Python
Python log模块logging记录打印用法解析
Jan 20 #Python
解决tensorflow训练时内存持续增加并占满的问题
Jan 19 #Python
Tensorflow获取张量Tensor的具体维数实例
Jan 19 #Python
tensorflow 重置/清除计算图的实现
Jan 19 #Python
You might like
快速开发一个PHP扩展图文教程
2008/12/12 PHP
php遍历文件夹所有文件子文件夹函数代码
2013/11/27 PHP
php中用memcached实现页面防刷新功能
2014/08/19 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
php编译安装php-amq扩展简明教程
2016/06/25 PHP
js代码验证手机号码和电话号码是否合法
2015/07/30 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
2016/01/29 Javascript
JavaScript String 对象常用方法总结
2016/04/28 Javascript
jQuery插件Validation快速完成表单验证的方式
2016/07/28 Javascript
使用node.js对音视频文件加密的实例代码
2017/08/30 Javascript
js实现图片放大展示效果
2017/08/30 Javascript
swiper插件自定义切换箭头按钮
2017/12/28 Javascript
手写Node静态资源服务器的实现方法
2018/03/20 Javascript
JavaScript事件对象深入详解
2018/12/30 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
VSCode launch.json配置详细教程
2020/06/18 Javascript
js实现3D旋转效果
2020/08/18 Javascript
Python 查找字符在字符串中的位置实例
2018/05/02 Python
python脚本实现mp4中的音频提取并保存在原目录
2020/02/27 Python
python不相等的两个字符串的 if 条件判断为True详解
2020/03/12 Python
为什么python比较流行
2020/06/19 Python
如何解决cmd运行python提示不是内部命令
2020/07/01 Python
如何教少儿学习Python编程
2020/07/10 Python
Python3爬虫里关于Splash负载均衡配置详解
2020/07/10 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
2019年分享net面试的经历和题目
2016/08/07 面试题
北京鼎普科技股份有限公司软件测试面试题
2012/04/07 面试题
小学体育教学反思
2014/01/31 职场文书
劲霸男装广告词
2014/03/21 职场文书
预备党员学习十八届三中全会精神思想汇报
2014/09/13 职场文书
2014年机关作风建设工作总结
2014/10/23 职场文书
简历中自我评价范文
2015/03/11 职场文书
2019年朋友圈经典励志语录50条
2019/07/05 职场文书