如何通过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 相关文章推荐
Python3实现从文件中读取指定行的方法
May 22 Python
python下读取公私钥做加解密实例详解
Mar 29 Python
python实现单线程多任务非阻塞TCP服务端
Jun 13 Python
Python列表切片操作实例总结
Feb 19 Python
详解Python对JSON中的特殊类型进行Encoder
Jul 15 Python
使用Python实现图像标记点的坐标输出功能
Aug 14 Python
opencv3/C++图像像素操作详解
Dec 10 Python
python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)
Jan 08 Python
pycharm部署、配置anaconda环境的教程
Mar 24 Python
Python生成器实现简单&quot;生产者消费者&quot;模型代码实例
Mar 27 Python
python 实现Requests发送带cookies的请求
Feb 08 Python
Python 统计序列中元素的出现频度
Apr 26 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版(2)
2006/10/09 PHP
php getsiteurl()函数
2009/09/05 PHP
PHP 第二节 数据类型之数值型
2012/04/28 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
jQuery ajax cache缓存问题
2010/07/01 Javascript
淘宝搜索框效果实现分析
2011/03/05 Javascript
div模拟滚动条效果示例代码
2013/10/16 Javascript
Angularjs 基础入门
2014/12/26 Javascript
NodeJS学习笔记之Connect中间件模块(二)
2015/01/27 NodeJs
js实现(全选)多选按钮的方法【附实例】
2016/03/30 Javascript
微信小程序 ecshop地址三级联动实现实例代码
2017/02/28 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
2017/04/07 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
2017/12/28 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
2020/07/22 Javascript
Python字符串转换成浮点数函数分享
2015/07/24 Python
详解Python if-elif-else知识点
2018/06/11 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
Python魔法方法 容器部方法详解
2020/01/02 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
Crocs美国官方网站:卡骆驰洞洞鞋
2017/08/04 全球购物
世界上最具创新性的增强型知名运动品牌:Proviz
2018/04/03 全球购物
main 主函数执行完毕后,是否可能会再执行一段代码,给出说明
2012/12/05 面试题
Linux面试题LINUX系统类
2014/11/19 面试题
电大毕业自我鉴定
2014/02/03 职场文书
《中国的气候》教学反思
2014/02/23 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
爬山的活动方案
2014/08/16 职场文书
公司离职证明范本
2014/10/17 职场文书
年终工作总结范文2014
2014/11/27 职场文书
先进基层党组织材料
2014/12/25 职场文书
写给纪委的违纪检讨书
2015/05/05 职场文书
新娘婚礼致辞
2015/07/27 职场文书
canvas实现贪食蛇的实践
2022/02/15 Javascript
经典《舰娘》游改全新动画预告 预定11月开播
2022/04/01 日漫