如何通过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的SQLAlchemy框架使用入门
Apr 29 Python
python实现汉诺塔递归算法经典案例
Mar 01 Python
Python的Django框架中消息通知的计数器实现教程
Jun 13 Python
使用Python3 编写简单信用卡管理程序
Dec 21 Python
快速了解Python相对导入
Jan 12 Python
在Python中获取两数相除的商和余数方法
Nov 10 Python
python之信息加密题目详解
Jun 26 Python
Pycharm+Python+PyQt5使用详解
Sep 25 Python
使用python 计算百分位数实现数据分箱代码
Mar 03 Python
linux 下selenium chrome使用详解
Apr 02 Python
matplotlib运行时配置(Runtime Configuration,rc)参数rcParams解析
Jan 05 Python
python 判断字符串当中是否包含字符(str.contain)
Jun 01 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中$_FILES的使用方法及注意事项说明
2014/02/14 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
Yii获取当前url和域名的方法
2015/06/08 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
动态加载js、css的实例代码
2016/05/26 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
Vue.js实现拖放效果的实例
2016/09/30 Javascript
jQuery实现两个select控件的互移操作
2016/12/22 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
2017/03/10 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
2017/03/15 Javascript
JavaScript中闭包的详解
2017/04/01 Javascript
ionic2懒加载配置详解
2017/09/01 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
基于JavaScript实现十五拼图代码实例
2020/04/26 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
对Python中实现两个数的值交换的集中方法详解
2019/01/11 Python
python3.8 微信发送服务器监控报警消息代码实现
2019/11/05 Python
Scrapy爬虫文件批量运行的实现
2020/09/30 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
css3的transform造成z-index无效解决方案
2014/12/04 HTML / CSS
阿根廷旅游网站:almundo阿根廷
2018/02/12 全球购物
经济管理专业求职信
2014/06/09 职场文书
元旦晚会活动总结
2014/07/09 职场文书
离婚协议书范本
2015/01/26 职场文书
端午节寄语2015
2015/03/23 职场文书
就业意向书范本
2015/05/11 职场文书
围城读书笔记
2015/06/26 职场文书
python process模块的使用简介
2021/05/14 Python
MySQL中distinct和count(*)的使用方法比较
2021/05/26 MySQL
动漫APP软件排行榜前十名,半次元上榜,第一款由腾讯公司推出
2022/03/18 杂记