如何通过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实现mysql的单引号字符串过滤方法
Nov 14 Python
Python 中字符串拼接的多种方法
Jul 30 Python
python实现决策树分类(2)
Aug 30 Python
python输出决策树图形的例子
Aug 09 Python
Python 变量的创建过程详解
Sep 02 Python
python调用接口的4种方式代码实例
Nov 19 Python
django有外键关系的两张表如何相互查找
Feb 10 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
Feb 18 Python
Python3 selenium 实现QQ群接龙自动化功能
Apr 17 Python
如何在mac下配置python虚拟环境
Jul 06 Python
Python在后台自动解压各种压缩文件的实现方法
Nov 10 Python
python进行二次方程式计算的实例讲解
Dec 06 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
ThinkPHP3.1查询语言详解
2014/06/19 PHP
AES加解密在php接口请求过程中的应用示例
2016/10/26 PHP
php cookie 详解使用实例
2016/11/03 PHP
js的Boolean对象初始值示例
2014/03/04 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
深入理解Node.js中的进程管理
2017/03/13 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
2017/07/10 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
2017/09/20 Javascript
Express本地测试HTTPS的示例代码
2018/06/06 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
2018/07/06 Javascript
electron+vue实现div contenteditable截图功能
2020/01/07 Javascript
JS document form表单元素操作完整示例
2020/01/13 Javascript
js实现点赞按钮功能的实例代码
2020/03/06 Javascript
Python获取电脑硬件信息及状态的实现方法
2014/08/29 Python
python删除文件夹下相同文件和无法打开的图片
2019/07/16 Python
浅谈python3中input输入的使用
2019/08/02 Python
python3.8 微信发送服务器监控报警消息代码实现
2019/11/05 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
python实现逢七拍腿小游戏的思路详解
2020/05/26 Python
Python实现京东抢秒杀功能
2021/01/25 Python
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
房产转让协议书
2014/04/11 职场文书
贺卡寄语大全
2014/04/11 职场文书
民主评议党员自我评价材料
2014/09/18 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
师德师风事迹材料
2014/12/20 职场文书
公务员年度个人总结
2015/02/12 职场文书
综合素质评价自我评价
2015/03/06 职场文书
幼儿园食品安全责任书
2015/05/08 职场文书
文书工作总结(范文)
2019/07/11 职场文书
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers