如何通过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 算法 排序实现快速排序
Jun 05 Python
python 实现归并排序算法
Jun 05 Python
仅利用30行Python代码来展示X算法
Apr 01 Python
Python中的pygal安装和绘制直方图代码分享
Dec 08 Python
python中使用ctypes调用so传参设置遇到的问题及解决方法
Jun 19 Python
Django  ORM 练习题及答案
Jul 19 Python
使用浏览器访问python写的服务器程序
Oct 10 Python
Python 闭包,函数分隔作用域,nonlocal声明非局部变量操作示例
Oct 14 Python
Python3.7实现验证码登录方式代码实例
Feb 14 Python
解决springboot yml配置 logging.level 报错问题
Feb 21 Python
python-xpath获取html文档的部分内容
Mar 06 Python
Tensorflow之MNIST CNN实现并保存、加载模型
Jun 17 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学习之function的用法
2012/07/14 PHP
解决file_get_contents无法请求https连接的方法
2013/12/17 PHP
利用laravel搭建一个迷你博客实战教程
2017/08/13 PHP
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
2013/12/12 Javascript
js点击事件链接的问题解决
2014/04/25 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
2014/04/29 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
2014/12/29 Javascript
JavaScript实现九九乘法表的简单实例
2016/06/07 Javascript
vue与TypeScript集成配置最简教程(推荐)
2017/10/17 Javascript
微信小程序实现比较功能的方法汇总(五种方法)
2020/03/07 Javascript
JavaScript闭包原理与用法学习笔记
2020/05/29 Javascript
[01:13:17]Secret vs NB 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
使用pandas批量处理矢量化字符串的实例讲解
2018/07/10 Python
PyQt弹出式对话框的常用方法及标准按钮类型
2019/02/27 Python
python flask安装和命令详解
2019/04/02 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
Python利用命名空间解析XML文档
2020/08/10 Python
Canvas实现贝赛尔曲线轨迹动画的示例代码
2019/04/25 HTML / CSS
澳洲本土太阳镜品牌:Quay Australia
2019/07/29 全球购物
迪奥美国官网:Dior美国
2019/12/07 全球购物
法国床上用品商店:La Compagnie du lit
2019/12/26 全球购物
小学生爱国演讲稿
2014/04/25 职场文书
关爱残疾人演讲稿
2014/05/24 职场文书
自动化专业毕业生求职信
2014/06/18 职场文书
开展创先争优活动总结
2014/08/28 职场文书
初中生旷课检讨书范文
2014/10/06 职场文书
工作作风整顿个人剖析材料
2014/10/11 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
研究生个人学年总结
2015/02/14 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
医院见习总结
2015/06/24 职场文书
导游词之河北邯郸
2019/09/12 职场文书
PHP实现创建以太坊钱包转账等功能
2021/04/21 PHP
Mysql基础之常见函数
2021/04/22 MySQL
关于html选择框创建占位符的问题
2021/06/09 HTML / CSS
go goroutine 怎样进行错误处理
2021/07/16 Golang