如何通过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 21 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
Nov 29 Python
python的中异常处理机制
Aug 30 Python
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
Dec 18 Python
java判断三位数的实例讲解
Jun 10 Python
django搭建项目配置环境和创建表过程详解
Jul 22 Python
QML使用Python的函数过程解析
Sep 26 Python
Python创建数字列表的示例
Nov 28 Python
opencv3/C++实现视频背景去除建模(BSM)
Dec 11 Python
Python使用gluon/mxnet模块实现的mnist手写数字识别功能完整示例
Dec 18 Python
Python Print实现在输出中插入变量的例子
Dec 25 Python
python 实现一个图形界面的汇率计算器
Nov 09 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
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
怎么清空javascript数组
2013/05/11 Javascript
jquery用get实现ajax在ie里面刷新不进入后台解决方法
2013/08/12 Javascript
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
jQuery+Ajax实现无刷新分页
2015/10/30 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
Angular中响应式表单的三种更新值方法详析
2017/08/22 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
2017/09/06 Javascript
vue + element-ui实现简洁的导入导出功能
2017/12/22 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
2018/03/13 Javascript
Node.js assert断言原理与用法分析
2019/01/04 Javascript
基于Koa(nodejs框架)对json文件进行增删改查的示例代码
2019/02/02 NodeJs
vue中在vuex的actions中请求数据实例
2019/11/08 Javascript
vue中实现回车键登录功能
2020/02/19 Javascript
vue样式穿透 ::v-deep的具体使用
2020/06/04 Javascript
taro 实现购物车逻辑的实例代码
2020/06/05 Javascript
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
Python的Django框架实现数据库查询(不返回QuerySet的方法)
2020/05/19 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
Merrell迈乐澳大利亚网站:购买户外登山鞋
2017/05/28 全球购物
美国庭院家具购物网站:AlphaMarts
2019/04/10 全球购物
公务员的自我鉴定
2013/10/26 职场文书
网上快餐厅创业计划书
2014/02/01 职场文书
工伤赔偿协议书
2014/04/15 职场文书
ktv好的活动方案
2014/08/15 职场文书
委托书怎样写
2014/08/30 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
廉政承诺书2015
2015/04/28 职场文书
房产遗嘱范本
2015/08/06 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书
Vue Element UI自定义描述列表组件
2021/05/18 Vue.js
在redisCluster中模糊获取key方式
2021/07/09 Redis
详解MySQL的内连接和外连接
2023/05/08 MySQL