如何通过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 相关文章推荐
本地文件上传到七牛云服务器示例(七牛云存储)
Jan 11 Python
Python中使用Boolean操作符做真值测试实例
Jan 30 Python
在Python中操作日期和时间之gmtime()方法的使用
May 22 Python
python动态参数用法实例分析
May 25 Python
利用python获取某年中每个月的第一天和最后一天
Dec 15 Python
Python用户推荐系统曼哈顿算法实现完整代码
Dec 01 Python
python3.x提取中文的正则表达式示例代码
Jul 23 Python
python计算无向图节点度的实例代码
Nov 22 Python
对python中arange()和linspace()的区别说明
May 03 Python
python实现简单遗传算法
Sep 18 Python
详解Python Celery和RabbitMQ实战教程
Jan 20 Python
整理Python中常用的conda命令操作
Jun 15 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编程中字符串处理的5个技巧小结
2007/11/13 PHP
PHP 开源AJAX框架14种
2009/08/24 PHP
php 的加密函数 md5,crypt,base64_encode 等使用介绍
2012/04/09 PHP
Symfony2 session用法实例分析
2016/02/04 PHP
CL vs ForZe BO5 第三场 2.13
2021/03/10 DOTA
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
JS中==与===操作符的比较
2009/03/21 Javascript
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
JavaScript 学习笔记(十四) 正则表达式
2010/01/22 Javascript
Jquery实现的tab效果可以指定默认显示第几页
2013/10/16 Javascript
一个JS函数搞定网页标题(title)闪动效果
2014/05/13 Javascript
详解JavaScript ES6中的模板字符串
2015/07/28 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
使用JQuery 加载页面时调用JS的实现方法
2016/05/30 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
js前端面试题及答案整理(一)
2016/08/26 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
JavaScript仿网易选项卡制作代码
2016/10/06 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
JS正则表达式验证密码格式的集中情况总结
2017/02/23 Javascript
vue.js利用Object.defineProperty实现双向绑定
2017/03/09 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
2017/03/21 Javascript
利用jQuery实现简单的拖曳效果实例代码
2017/10/20 jQuery
vue 组件内获取actions的response方式
2019/11/08 Javascript
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
python文件写入write()的操作
2019/05/14 Python
如何写python的配置文件
2020/06/07 Python
pandas抽取行列数据的几种方法
2020/12/13 Python
美国宠物美容和宠物用品购物网站:Cherrybrook
2018/12/07 全球购物
机关节能减排实施方案
2014/03/17 职场文书
火灾现场处置方案
2014/05/28 职场文书
村党支部书记承诺书
2014/05/29 职场文书
写字楼租赁意向书
2014/07/30 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
学校捐款活动总结
2015/05/09 职场文书
HTML5基础学习之文本标签控制
2022/03/25 HTML / CSS