如何通过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 Django(图文)
Nov 04 Python
python中self原理实例分析
Apr 30 Python
Python 实现一个颜色色值转换的小工具
Dec 06 Python
python实现二维码扫码自动登录淘宝
Dec 27 Python
深入理解Python3中的http.client模块
Mar 29 Python
python 读取txt中每行数据,并且保存到excel中的实例
Apr 29 Python
Python2.7 实现引入自己写的类方法
Apr 29 Python
详解pyppeteer(python版puppeteer)基本使用
Jun 12 Python
如何通过Python实现标签云算法
Jul 02 Python
python将三维数组展开成二维数组的实现
Nov 30 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
Jan 03 Python
python+requests接口自动化框架的实现
Aug 31 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来自动调用不同服务器上的flash
2006/10/09 PHP
php获取后台Job管理的实现代码
2011/06/10 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
浅谈PHPANALYSIS提取关键字
2019/03/08 PHP
js 幻灯片的实现
2011/12/06 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
JS继承用法实例分析
2015/02/05 Javascript
javascript实现链接单选效果的方法
2015/05/13 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
JQuery EasyUI的使用
2016/02/24 Javascript
js点击任意区域弹出层消失实现代码
2016/12/27 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
2017/07/11 Javascript
vue2.0 + ele的循环表单及验证字段方法
2018/09/18 Javascript
基于vue实现一个禅道主页拖拽效果
2019/05/27 Javascript
p5.js实现故宫橘猫赏秋图动画
2019/10/23 Javascript
详解JavaScript 高阶函数
2020/09/14 Javascript
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
python黑魔法之参数传递
2016/02/12 Python
Python这样操作能存储100多万行的xlsx文件
2019/04/16 Python
Python 3.8新特征之asyncio REPL
2019/05/28 Python
Python中filter与lambda的结合使用详解
2019/12/24 Python
深入理解Tensorflow中的masking和padding
2020/02/24 Python
python获取栅格点和面值的实现
2020/03/10 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
Ubuntu中配置TensorFlow使用环境的方法
2020/04/21 Python
Python项目跨域问题解决方案
2020/06/22 Python
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
爱尔兰领先的在线体育用品零售商:theGAAstore
2018/04/16 全球购物
班级入场式解说词
2014/02/01 职场文书
《手指教学》反思
2014/02/14 职场文书
竞争上岗实施方案
2014/03/21 职场文书
法制宣传日活动总结
2014/04/29 职场文书
公司活动总结范文
2014/07/01 职场文书
离职信范文
2015/06/23 职场文书
python机器学习实现oneR算法(以鸢尾data为例)
2022/03/03 Python
python数字图像处理之对比度与亮度调整示例
2022/06/28 Python