`

django中引入静态资源

阅读更多
    花了两周时间浏览了djangobook,于是抽空做个练习实践实践。
    记下网页中引入项目静态资源的方法(这里只引用css)。
   
    场景:在基础模板base.html中引入layout.css,继承base.html的网页均可引用。
    1. 在项目settings中增加静态资源的路径,比如: PEOJECT_MEDIA_ROOT = 'medias',这里的路径是相对项目路径的,建议用绝对路径代替。
    2. 在项目urls中添加css请求的响应路径,如:
    (r'^/wchat_media/(?P<path>.*)$', 'django.views.static.serve',
                 {'document_root':settings.PEOJECT_MEDIA_ROOT})
     3. 在base.html中导入css,如:
     <link rel="stylesheet" type="text/css" href="/project_media/layout.css"/>
    
     OK,无须在子模块的网页和urls中再配置了,css正常工作。

     这里有一个问题,假如css导入语句为:
        <link rel="stylesheet" type="text/css" href="wchat_media/layout.css"/>,
     同时urls配置为:
         (r'^project_media/(?P<path>.*)$', 'django.views.static.serve',
                 {'document_root':settings.PEOJECT_MEDIA_ROOT})
      会发现有什么问题么?
      当在项目中采用了urls分流的时候,比如:(r'^project/','welcome.html'),
(r'^project/app/',include('project.app.urls')),),这个时候你将遇到麻烦,原因是url匹配的顺序出现了问题。这个时候提供两种解决办法:a) 用例子的方法,将css路径改为以'/'开头,这样css请求就会变成根请求而不会加上‘project/app/’了 ;  b)在每个app的urls中配置css响应路径。

      看来django的url映射对于入门者来说是很‘易’犯错啊!
分享到:
评论

相关推荐

    Django静态资源部署404问题解决方案

    解决方法: 1.首先你需要在自己的app下面创建2个目录 ... 您可能感兴趣的文章:django 解决自定义序列化返回处理数据为null的问题django queryset 去重 .distinct()说明django的403/404/500错误自定义页面的配置方式

    如何在Django项目中引入静态文件

    在Django项目中引入静态文件是构建Web应用时不可或缺的一部分,因为这些文件通常包含CSS、JavaScript和图片等资源,它们负责提升用户体验和页面交互性。接下来我们将深入探讨如何在Django项目中有效地管理静态文件。...

    django模板加载静态文件的方法步骤

    在 Django 框架中,处理静态文件是一个关键任务,因为它们包含了网页的样式表(CSS)、脚本(JavaScript)以及图像等资源。...通过理解这些步骤,你可以更好地组织和优化你的 Django 项目中的静态资源。

    Django的富文本框中tiny_mce需要的js文件

    在Django项目中,你需要确保将TinyMCE的js文件添加到静态文件目录。通常,这些文件包括`tinymce.min.js`、`tinymce.jquery.min.js`或`tinymce.init.js`等,它们负责初始化和运行TinyMCE编辑器。 为了在Django中使用...

    Django-2.1资源包

    3. 异步视图支持:虽然不完全实现,但Django-2.1开始为未来的异步功能做准备,这是为了应对高并发场景和提升性能而引入的。 4. 数据库迁移优化:数据库迁移系统的改进使得数据库结构的变更更加平滑,减少了手动干预...

    10分钟入手django

    在Django中,静态资源如CSS、JavaScript和图片文件通常用于增强网页的视觉效果和交互性。Django提供了方便的管理工具来处理这些文件。在settings.py配置文件中,我们需要定义STATIC_URL和STATICFILES_DIRS,前者是...

    django 1.8.2官方中文文档

    Django 1.8.2 是一个非常...总的来说,Django 1.8.2 中文文档为开发者提供了一个全面的学习资源,涵盖了框架的各个方面。通过深入学习和实践,开发者可以充分利用 Django 的强大功能,高效地构建高质量的 Web 应用。

    Djang中静态文件配置方法

    `ADMIN_MEDIA_PREFIX`是Django管理后台静态资源的URL前缀,它应设置为`STATIC_URL`加上'admin/',确保admin应用的静态文件能够被正确找到: ```python ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin/' ``` **开发环境...

    django1.8中文文档

    总的来说,Django 1.8 中文文档是学习和掌握这个 LTS 版本的宝贵资源,无论你是初学者还是有经验的开发者,都能从中受益匪浅。通过阅读和实践,你可以深入了解 Django 的核心概念,并运用到实际项目中,构建出高效、...

    轻量级Django第三章代码基于Django2.1

    7. **静态文件处理**:Django提供了处理CSS、JavaScript和其他静态资源的机制。在静态站点生成时,这些文件也需要被正确地复制和引用。 8. **部署策略**:部署静态站点通常涉及到将生成的HTML文件上传到Web服务器,...

    腾讯云部署Django+Nginx+uWSGI+SimpleUI.解决 .svg文件不能显示问题

    这时,引入Nginx作为反向代理服务器,专门处理静态文件,可以有效地解决这个问题。 在腾讯云的CentOS 7.5 64位服务器上,首先安装了宝塔Linux面板来简化部署流程。宝塔面板提供了便捷的环境配置和管理工具,包括...

    Apache中部署Django

    为了更好地利用现有的服务器资源,并实现更稳定的服务,开发者通常会选择将Django应用部署在Apache服务器上。本文将详细介绍如何在Apache服务器上部署Django应用。 #### 二、准备工作 在开始部署之前,请确保已经...

    django 1.7

    Django 1.7改进了静态文件的收集和处理,使得在生产环境中部署静态资源变得更加方便。`collectstatic`命令可以将所有应用的静态文件整合到一个地方,方便服务器直接提供。 ### 7. 更强的测试支持 Django 1.7增强了...

    Django添加bootstrap框架时无法加载静态文件的解决方式

    在Django中添加...确保在项目上线时,这些配置都已经正确完成,以确保静态资源的正常加载和错误页面的优雅呈现。在开发过程中,定期检查并更新这些配置是非常重要的,因为它们直接影响到应用的性能和用户体验。

    三、Django之使用模板并引用静态内容:jquery-3.6.0.min.js和bootstrap-3.4.1

    在Django框架中,开发Web应用时经常需要处理前端资源,如JavaScript库和CSS框架,以便为用户提供交互式和美观的界面。本篇将详细探讨如何在Django模板中引用和使用静态内容,特别是`jquery-3.6.0.min.js`和`...

    对Django中static(静态)文件详解以及{% static %}标签的使用方法

    总的来说,Django的`static`文件管理和`{% static %}`标签提供了灵活的方式来组织和引用项目中的静态资源。在开发阶段,可以使用`python manage.py collectstatic`命令将所有应用的静态文件收集到一个集中的`STATIC_...

    django1.2文档

    - **静态文件处理**:在部署过程中,Django 1.2 提供了更好的静态文件管理和收集功能,使得 CSS、JavaScript 和图片等资源的处理更加方便。 - **安全性和兼容性**:Django 1.2 对常见的安全漏洞进行了修复,并保持...

    django-admin-bootstrap-master.zip

    2. **静态文件**:Bootstrap的CSS、JavaScript文件和图标等静态资源会被包含在这个项目中,以供admin界面使用。 3. **自定义admin样式**:可能有专门针对Django admin的CSS文件,用于覆盖默认样式,使界面与...

    django之静态文件 django 2.0 在网页中显示图片的例子

    在Web开发中,静态文件管理是前端资源组织和优化的重要方面。Django框架作为流行的Python Web开发框架,提供了管理静态文件和媒体文件(如图片、视频)的机制。本文将会详细介绍如何在Django 2.0版本中通过配置...

Global site tag (gtag.js) - Google Analytics