如何通过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深入学习之装饰器
Aug 31 Python
Python 使用requests模块发送GET和POST请求的实现代码
Sep 21 Python
Python Grid使用和布局详解
Jun 30 Python
python下载微信公众号相关文章
Feb 26 Python
python 实现手机自动拨打电话的方法(通话压力测试)
Aug 08 Python
Python datetime 格式化 明天,昨天实例
Mar 02 Python
Python filter过滤器原理及实例应用
Aug 18 Python
python3.7.3版本和django2.2.3版本是否可以兼容
Sep 01 Python
python collections模块的使用
Oct 16 Python
python3访问字典里的值实例方法
Nov 18 Python
用python爬虫批量下载pdf的实现
Dec 01 Python
python 基于opencv 绘制图像轮廓
Dec 11 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加密解密函数authcode的用法详细解析
2013/10/28 PHP
初识php MVC
2014/09/10 PHP
微信公众平台开发教程③ PHP实现微信公众号支付功能图文详解
2019/04/10 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
符合W3C网页标准的iframe标签的使用方法
2007/07/19 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
2012/03/29 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
用JS将搜索的关键字高亮显示实现代码
2013/11/08 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
判断访客终端类型集锦
2015/06/05 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
jQuery实现获取绑定自定义事件元素的方法
2015/12/02 Javascript
关于js函数解释(包括内嵌,对象等)
2016/11/20 Javascript
JS产生随机数的用法小结
2016/12/10 Javascript
微信小程序页面开发注意事项整理
2017/05/18 Javascript
探秘vue-rx 2.0(推荐)
2018/09/21 Javascript
js实现下拉框二级联动
2018/12/04 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
vue中的mescroll搜索运用及各种填坑处理
2019/10/30 Javascript
python3如何将docx转换成pdf文件
2018/03/23 Python
python 移动图片到另外一个文件夹的实例
2019/01/10 Python
python读写csv文件实例代码
2019/07/05 Python
Python 3.8 新功能全解
2019/07/25 Python
Python 测试框架unittest和pytest的优劣
2020/09/26 Python
成教毕业生自我鉴定
2013/10/23 职场文书
秘书行业自我鉴定范文
2013/12/30 职场文书
诉前财产保全担保书
2014/05/20 职场文书
英语专业毕业生求职信
2014/05/24 职场文书
办理护照工作证明
2014/10/10 职场文书
中小学生学籍证明
2014/10/25 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
聘任通知书
2015/09/21 职场文书
2016入党积极分子党课学习心得体会
2015/10/09 职场文书