如何通过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读写Excel文件方法介绍
Nov 22 Python
python使用多线程不断刷新网页的方法
Mar 31 Python
Django中的CBV和FBV示例介绍
Feb 25 Python
Vue的el-scrollbar实现自定义滚动
May 29 Python
python itsdangerous模块的具体使用方法
Feb 17 Python
Python Selenium 设置元素等待的三种方式
Mar 18 Python
VSCode基础使用与VSCode调试python程序入门的图文教程
Mar 30 Python
Pytorch数据拼接与拆分操作实现图解
Apr 30 Python
django 解决扩展自带User表遇到的问题
May 14 Python
python使用建议与技巧分享(一)
Aug 17 Python
Python爬取某拍短视频
Jun 11 Python
Python爬虫基础之简单说一下scrapy的框架结构
Jun 26 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生成EXCEL的东东
2006/10/09 PHP
PHP获取url的函数代码
2011/08/02 PHP
那些年我们错过的魔术方法(Magic Methods)
2014/01/14 PHP
PHP内核探索:哈希表碰撞攻击原理
2015/07/31 PHP
学习PHP session的传递方式
2016/06/15 PHP
php二维码生成以及下载实现
2017/09/28 PHP
laravel 5.4 + vue + vux + element的环境搭配过程介绍
2018/04/26 PHP
php判断数组是否为空的实例方法
2020/05/10 PHP
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
2011/12/12 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
2013/11/06 Javascript
纯javascript实现简单下拉刷新功能
2015/03/13 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
2017/03/21 jQuery
AnglarJs中的上拉加载实现代码
2018/02/08 Javascript
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
2019/11/21 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
用Angular实现一个扫雷的游戏示例
2020/05/15 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
python多进程操作实例
2014/11/21 Python
Python实现数通设备端口使用情况监控实例
2015/07/15 Python
python多进程共享变量
2016/04/06 Python
详解python异步编程之asyncio(百万并发)
2018/07/07 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
Pytorch技巧:DataLoader的collate_fn参数使用详解
2020/01/08 Python
基于Python的身份证验证识别和数据处理详解
2020/11/14 Python
理工科学生的自我评价
2013/12/15 职场文书
保密承诺书范文
2014/03/27 职场文书
寄语是什么意思
2014/04/10 职场文书
消防验收申请报告
2015/05/15 职场文书
小学教育见习总结
2015/06/23 职场文书
2016春节放假通知范文
2015/08/18 职场文书
七年级生物教学反思
2016/02/20 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android
JavaScript parseInt0.0000005打印5原理解析
2022/07/23 Javascript