如何通过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 08 Python
在Python中使用M2Crypto模块实现AES加密的教程
Apr 08 Python
Python下载网络小说实例代码
Feb 03 Python
用Django写天气预报查询网站
Oct 21 Python
在Pycharm中设置默认自动换行的方法
Jan 16 Python
局域网内python socket实现windows与linux间的消息传送
Apr 19 Python
使用Python和Prometheus跟踪天气的使用方法
May 06 Python
python爬虫selenium和phantomJs使用方法解析
Aug 08 Python
django 读取图片到页面实例
Mar 27 Python
Django实现celery定时任务过程解析
Apr 21 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
Dec 21 Python
plt.figure()参数使用详解及运行演示
Jan 08 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 在文件指定行插入数据的代码
2010/05/08 PHP
php XMLWriter类的简单示例代码(RSS输出)
2011/09/30 PHP
php强制更新图片缓存的方法
2015/02/11 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
在laravel中实现将查询的对象转换为多维数组的函数
2019/10/21 PHP
学习并汇集javascript匿名函数
2010/11/25 Javascript
js 限制数字 js限制输入实现代码
2012/12/04 Javascript
Jquery网页出现的乱码问题的三种解决方法
2013/06/30 Javascript
js如何取消事件冒泡
2013/09/23 Javascript
浅析AngularJs HTTP响应拦截器
2015/12/28 Javascript
JavaScript电子时钟倒计时
2016/01/09 Javascript
浅谈jQuery中ajaxPrefilter的应用
2016/08/01 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
2016/10/27 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
js鼠标跟随运动效果
2017/03/11 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
2017/12/26 Javascript
vue+element+Java实现批量删除功能
2019/04/08 Javascript
给Python中的MySQLdb模块添加超时功能的教程
2015/05/05 Python
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
Python编程生成随机用户名及密码的方法示例
2017/05/05 Python
Flask框架Flask-Login用法分析
2018/07/23 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
利用python求积分的实例
2019/07/03 Python
对Python中小整数对象池和大整数对象池的使用详解
2019/07/09 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
override和overload的区别
2016/03/09 面试题
电子商务专业实习生自我鉴定
2013/09/24 职场文书
高校十八大报告感想
2014/01/27 职场文书
有多年工作经验的自我评价
2014/03/02 职场文书
行政人事专员岗位职责
2014/03/05 职场文书
《长征》教学反思
2014/04/27 职场文书
经济贸易系求职信
2014/08/04 职场文书
关于感恩的演讲稿400字
2014/08/26 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
2019大学生暑期实习心得总结
2019/08/21 职场文书