如何通过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中title()方法的使用简介
May 20 Python
python类和继承用法实例
Jul 07 Python
基于python3 类的属性、方法、封装、继承实例讲解
Sep 19 Python
Python基于identicon库创建类似Github上用的头像功能
Sep 25 Python
Pycharm如何打断点的方法步骤
Jun 13 Python
在python tkinter中Canvas实现进度条显示的方法
Jun 14 Python
Python数据结构与算法(几种排序)小结
Jun 22 Python
详解pandas数据合并与重塑(pd.concat篇)
Jul 09 Python
浅谈Python中函数的定义及其调用方法
Jul 19 Python
浅谈Python2之汉字编码为unicode的问题(即类似\xc3\xa4)
Aug 12 Python
用Python生成HTML表格的方法示例
Mar 06 Python
python转化excel数字日期为标准日期操作
Jul 14 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 根据url自动生成缩略图并处理高并发问题
2014/01/23 PHP
CI配置多数据库访问的方法
2016/03/28 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
JS查看对象功能代码
2008/04/25 Javascript
js获取控件位置以及不同浏览器中的差别介绍
2013/08/08 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
深入剖析JavaScript编程中的对象概念
2015/10/21 Javascript
详解vue.js2.0父组件点击触发子组件方法
2017/05/10 Javascript
ReactNative列表ListView的用法
2017/08/02 Javascript
jQuery简单判断值是否存在于数组中的方法示例
2018/04/17 jQuery
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
vue 本地环境跨域请求proxyTable的方法
2018/09/19 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
vue实现简单的星级评分组件源码
2018/11/16 Javascript
jquery操作select常见方法大全【7种情况】
2019/05/28 jQuery
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
微信小程序利用for循环解决内容变更问题
2020/03/05 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
js前端对于大量数据的展示方式及处理方法
2020/12/02 Javascript
原生JS运动实现轮播图
2021/01/02 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
python实现文件名批量替换和内容替换
2014/03/20 Python
详解Python中的正则表达式的用法
2015/04/09 Python
Python编程生成随机用户名及密码的方法示例
2017/05/05 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
Python中生成ndarray实例讲解
2021/02/22 Python
什么是CSS3 HSLA色彩模式?HSLA模拟渐变色条
2016/04/26 HTML / CSS
旧时光糖果:Old Time Candy
2018/02/05 全球购物
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
创建索引时需要注意的事项
2013/05/13 面试题
2014年教师党员公开承诺书
2014/05/28 职场文书
增员口号大全
2014/06/18 职场文书
通信工程求职信
2014/07/16 职场文书
成都人事代理协议书
2014/10/25 职场文书
七年级上册生物的课件
2019/08/07 职场文书