如何通过Django使用本地css/js文件

作者:虚生 时间:2022-04-28 22:04:33 

这篇文章主要介绍了如何通过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>

来源:https://www.cnblogs.com/dylancao/p/12170390.html

标签:Django,css,js,文件
0
投稿

猜你喜欢

  • numpy实现合并多维矩阵、list的扩展方法

    2022-01-14 22:59:52
  • Python中最好用的命令行参数解析工具(argparse)

    2022-12-30 06:34:31
  • Python pygame 动画游戏循环游戏时钟实现原理

    2022-07-02 06:27:27
  • 小程序云开发实战小结

    2024-06-18 12:12:03
  • 对pandas的算术运算和数据对齐实例详解

    2023-05-29 07:24:51
  • 手机版远程网站文件删除ASP程序

    2009-02-24 16:23:00
  • 基于Python实现电影售票系统

    2021-02-21 16:26:05
  • Oracle 管道 解决Exp/Imp大量数据处理问题

    2009-07-12 18:31:00
  • 在ASP中使用类,实现模块化

    2008-10-15 14:57:00
  • Python用类实现扑克牌发牌的示例代码

    2021-01-07 10:07:07
  • 使用ffmpeg 合并aac格式音频文件的方法

    2023-05-25 02:44:56
  • python 通过 socket 发送文件的实例代码

    2022-10-07 17:32:48
  • Python基于PyGraphics包实现图片截取功能的方法

    2023-08-05 21:55:51
  • Innodb中mysql快速删除2T的大表方法示例

    2024-01-22 09:14:21
  • python数据可视化Seaborn画热力图

    2022-01-17 22:55:05
  • 详解在Python中以绝对路径或者相对路径导入文件的方法

    2021-10-09 19:37:24
  • Linux系统中MySQL的常用操作命令

    2024-01-18 22:00:10
  • [ASP]提高数据显示效率--缓存探幽

    2008-05-18 13:51:00
  • SQL Server简单查询示例汇总

    2024-01-27 12:19:41
  • 为什么相对PHP黑python的更少

    2024-05-21 10:20:51
  • asp之家 网络编程 m.aspxhome.com