如何通过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辅助脚本(总结)
Jan 11 Python
Python中max函数用于二维列表的实例
Apr 03 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
Jan 07 Python
python实现一个简单的ping工具方法
Jan 31 Python
Python使用修饰器进行异常日志记录操作示例
Mar 19 Python
详解Python计算机视觉 图像扭曲(仿射扭曲)
Mar 27 Python
python并发编程多进程 模拟抢票实现过程
Aug 20 Python
python 单线程和异步协程工作方式解析
Sep 28 Python
Python 装饰器@,对函数进行功能扩展操作示例【开闭原则】
Oct 17 Python
Python识别html主要文本框过程解析
Feb 18 Python
python如何查看网页代码
Jun 07 Python
django使用graphql的实例
Sep 02 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
第二节 对象模型 [2]
2006/10/09 PHP
一个用php实现的获取URL信息的类
2007/01/02 PHP
用PHP实现浏览器点击下载TXT文档的方法详解
2013/06/02 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
php对二维数组进行相关操作(排序、转换、去空白等)
2015/11/04 PHP
PHP+AjaxForm异步带进度条上传文件实例代码
2017/08/14 PHP
Input 特殊事件onpopertychange和oninput
2009/06/17 Javascript
js实现广告漂浮效果的小例子
2013/07/02 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
javascript新建标签,判断键盘输入,以及判断焦点(示例代码)
2013/11/25 Javascript
根据当前时间在jsp页面上显示上午或下午
2014/08/18 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
js+html获取系统当前时间
2017/11/10 Javascript
vue v-model实现自定义样式多选与单选功能
2018/07/05 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
layui输入框只允许输入中文且判断长度的例子
2019/09/18 Javascript
JavaScript find()方法及返回数据实例
2020/04/30 Javascript
Python实现Youku视频批量下载功能
2017/03/14 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
Python测试模块doctest使用解析
2019/08/10 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
用python对excel查重
2020/12/07 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
荷兰游戏商店:Allyouplay
2019/03/16 全球购物
班组长工作职责
2013/12/25 职场文书
船舶专业个人求职信范文
2014/01/02 职场文书
高中班级口号
2014/06/09 职场文书
自动化专业毕业生求职信
2014/06/18 职场文书
假期安全教育广播稿
2014/10/04 职场文书
国际贸易实训报告
2014/11/05 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
通过T-SQL语句创建游标与实现数据库加解密功能
2022/03/16 SQL Server
Python学习之异常中的finally使用详解
2022/03/16 Python