Django templates加载css/js/image等静态资源

最新推荐文章于 2024-12-18 14:21:20 发布

原创最新推荐文章于 2024-12-18 14:21:20 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#django #templates

Python数学与机器学习专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的五步配置过程，用于设置项目的静态资源目录。包括创建static目录、复制静态资源文件、更新settings.py配置文件、调整HTML引用路径等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

配置步骤：

1.首先在应用下面创建static目录
2.将静态资源拷贝进去
3.在应用的settings.py文件中添加

import os
BASE_PATH = os.path.dirname(os.path.abspath(__file__))
BASE_PATH = os.path.join(BASE_PATH, '../')

# 静态资源目录
STATICFILES_DIRS = (
    os.path.join(BASE_PATH, 'static/'),
)

STATIC_URL = '/static/'

4.修改html页面引入js/css/image的路径

<link rel="stylesheet" href="/static/css/amazeui.min.css">
<img src="/static/img/a1.jpg">
<script src="/static/js/amazeui.min.js"></script>

5.配置完成

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

炉边诗人

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Django 无法加载静态文件（js,css,image）解决办法

jacke121的专栏

08-17

5562

Django 无法加载静态文件（js,css,image）解决办法按照这个配置成功： https://jingyan.baidu.com/article/8cdccae92ffc16315413cd09.html 原因：django部署方式比较特别，采用静态文件路径:STATICFILES_DIRS的部署方式，之前你写的相对路径，绝对路径因为缺少静态文件路径而全部失效可以参考这篇文章：...

Django使用Layui框架，静态文件 (js,css,image等)404 无法访问，问题汇总及解决办法！

m0_47469953的博客

07-13

2397

问题重现基于layui框架开发的页面在vscode可正常打开，但将整个前端代码放进django项目中，样式丢失出现样式无法加载后，首先应该做如下操作： 1.在.html文件中第一行加上 {% load static %} {% load static %} <html> <head> <meta charset="utf-8"> 2.引用了静态资源的代码里这样引用{% static ’ #原始路径’ %} <link rel="stylesheet

2 条评论您还未登录，请先登录后发表或查看评论

Django加入含有JS，CSS，图片等外部文件模板（Template）的方法

L博涯的博客

03-19

4345

在使用Django搭建站点时，往往须要使用一些js，css或者图片等外部文件，这里给出使用它们的使用方法。服务器ip地址为：192.168.10.10 我的系统版本号为：centos6.5 我的python版本号为：python2.7.10（python2.7升级请参考：http://www.lboya.top/blog/tag/admin/python）我的django版本号为：1....

Django静态资源引用

qq_28190039的博客

07-06

607

静态资源引用坑了好久，终于解决 setting配置树引用方式1：引用方式2：感谢博主：u014655053 https://blog.youkuaiyun.com/u014655053/article/details/72792949

Django直接把静态资源拖到Templates文件夹中加载失败

Bean冷的心的博客

03-07

1645

初学者很容易把静态资源一下拖拽到Templates文件中，虽然静态资源按住Ctrl+鼠标左键可以进到资源中，但是django还是加载不到，这是咋回事呢？我们先去全局settings.py里面看最后一行， STATIC_URL = '/static/' STATICFILES_DIRS = [ # static为项目路径下你存放静态文件的文件夹的实际路径 os.path.join...

Django使用模板后无法找到静态资源文件问题解决

09-19

在使用Django开发Web应用程序时，经常会遇到一个问题：在应用模板之后，静态资源文件（如CSS、JavaScript等）无法正常加载。这个问题主要是由于Django的静态文件处理机制导致的。在深入探讨解决方案之前，我们需要先...

无涯教程-Django - Templates&Static

无涯教程

06-25

764

是django Web应用程序的表示层。通常在应用程序目录下创建一个文件夹，该文件夹具有.html文件。还可以在app目录下创建目录，以存储images，css和js文件。

django中静态文件配置static的方法

09-20

本文将详细介绍如何在Django中配置静态文件，以确保这些资源能够正确地被浏览器加载。首先，我们来看一下Django项目的标准文件结构。每个应用程序(app)都应该有自己的`static`文件夹，用于存放应用相关的静态资源...

Django下的templates 和 static静态文件

weixin_30666943的博客

05-11

272

如果Django顶层目录中没有templates的话,就自己新建一个Directory ,这个文件是存放html文件的 1)如果在views里面用render(request,"")引入的时候引入不了,去setting 里面检查TEMPLATES下面 'DIRS': [os.path.join(BASE_DIR, 'templates')],路径配置是否正确 2)静态文件sta...

Django知识点：模板和静态资源文件

weixin_45542045的博客

11-28

349

模板 1. 模板介绍 web开发：给用户提供一个可视化页面，包含两部分，django 模板系统能够完成这两部分的内容静态页面：css，html，js，img 动态数据：需要使用模板语法将数据渲染 2. 模板标签系统在web开过过程中，我们要实现用户需求，给用户提供一个完成的页面，这个完整的页面包括静态页面 + 渲染的数据。Django的模板系统封装了完成这个两个功能的模块在项目的工程...

pycharm django templates css js html static文件详解

白及

03-18

3658

一、django静态文件配置原理静态文件配置就是为了让用户请求时django服务器能找到静态文件返回。首先要理解几个概念：媒体文件：用户上传的文件静态文件：css,js，image等开发环境：使用django内置服务器处理静态文件生产环境：使用apache2/nginx服务器处理静态文件映射所以在配置时要分清楚开发环境还是生产环境，这个后面会详细介绍。最

Django套用现成模板，导入css，js，images等文件【转】

weixin_30505043的博客

03-04

476

环境 windows10 pycharm2017.3.3 professional edition(必须专业版) python3.6.4 django2.0.2 参考资料http://blog.youkuaiyun.com/qq_21182587/article/details/69936510 找了很多资料，就这个最全，使用最方便，感谢作者方法 1、创建项目　　参考Django...

Django中载入js和css文件

weixin_34163741的博客

04-06

174

Django中载入js和css文件项目的文件夹结构例如以下： mysite |-mysite |-|-static |-|-……js和css文件 |-|-|-init.py |-| |-models.py |-| |-views.py |-|-init.py |-|-settings.py |-|-urls....

django模板中如何导入js、css等外部文件

weixin_30697239的博客

04-25

152

本教程只适合Django1.4版本。（1.8版本之后不需要这么麻烦，详见 http://www.cnblogs.com/ryan255/p/5465608.html） html模板里面使用了css，但是直接引用不能。记录下处理办法。首先是我文件的tree:mysite:-myapp:--admin.py, models.py, _init_.py, views.py, test.py, temp...

Django调用JS、CSS、图片等静态文件

09-13

218

zz 在下面的例子中，我们将media作为静态(CSS\JS\图片文件)文件的目录方法一、 1.首先在settings.py文件中自定义参数 STATIC_PATH=’./media’.（意为当前文件目录下的media文件夹） 2.在urls.py文件中导入import settings再，urlpatterns里加入一句(r’^site_media/(?P&lt...

Django框架与Templates模板及语法

最新发布

minifagun的博客

12-18

807

这样写Django会默认去static这个目录下去寻找对应的路径文件，这样写的好处是：如果在之后项目上线，我们想要把这个静态文件移到别的地方去，文件名出现了变动，而之前的绝对路径的写法则同样需要做出改动，过于麻烦；而现在这种写法我们只需要更改settings.py文件下的配置信息，其余路径信息就会自动做出相应的改动。在Django中会默认去APP下的templates目录下去寻找 html 文件，并且会更具app的注册顺序，逐一去templates目录中去寻找它们相对应的文件。中间部分是需要执行的代码块。

django框架对于templates的模板文件，如何调用其他静态文件，如css，js或加载图片。以及静态文件找不到的问题日志报[log.py:224] [log:log_response]的解决

lanqing03的专栏

05-12

611

django框架对于templates的模板文件，如何调用其他静态文件，如css，js或加载图片。以及静态文件找不到的问题日志报[log.py:224] [log:log_response]的解决

怎么在Django中导入静态资源文件

06-11

在 Django 中导入静态资源文件，可以按照以下步骤进行操作： 1. 在 Django 项目的根目录下创建一个名为 `static` 的文件夹，用于存放静态文件，例如 CSS、JavaScript、图片等。 2. 在 `settings.py` 文件中，将 `STATIC_URL` 设置为静态文件的 URL 前缀，例如： ```python # settings.py STATIC_URL = '/static/' ``` 3. 在需要使用静态文件的模板或视图中，使用 `{% load static %}` 加载静态文件标签库，并使用 `static` 模板标签生成静态文件的 URL。例如，在模板中加载 CSS 文件： ```html  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>{% block title %}My Website{% endblock %}</title> <link rel="stylesheet" href="{% static 'css/style.css' %}"> </head> <body> {% block content %} {% endblock %} </body> </html> ``` 在视图中加载图片文件： ```python # views.py from django.shortcuts import render def my_view(request): context = {'img_url': '/static/images/my-image.jpg'} return render(request, 'my_template.html', context) ``` 在模板中使用 `img` 标签加载图片： ```html  {% extends 'base.html' %} {% block content %} <h1>My Page</h1> <img src="{{ img_url }}" alt="My Image"> {% endblock %} ``` 以上是在 Django 中导入静态资源文件的基本步骤。需要注意的是，Django 会在应用程序目录下查找静态文件，例如 `myapp/static/`，如果找不到，会在根目录下的 `static` 文件夹中查找。另外，在生产环境中，建议使用专业的 Web 服务器来处理静态文件，例如 Nginx 或 Apache。