Django如何加载css和js文件以及静态图片

这篇文章介绍的内容是关于Django如何加载css和js文件以及静态图片,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

一、首先我们应该创立一个文件夹名字为static 该文件夹用于用于保存和存储css,js和图片文件 我们可以在static里面创建文件css,images,和js文件夹,用于存储三类文件,文件夹名字不固定,前面这样取是为了方便记忆

Django如何加载css和js文件以及静态图片

二、创建文件夹后再settings里面写入代码

STATICFILES_DIRS=(os.path.join(BASE_DIR,'static'),)

登录后复制

三、然后要在使用样式的页面头部加载static

Django如何加载css和js文件以及静态图片

立即学习“前端免费学习笔记(深入)”;

{% load static %}

登录后复制

以上配置完成后就可以加载了

例如加载css文件

Django如何加载css和js文件以及静态图片

加载图片文件

Django如何加载css和js文件以及静态图片

相关推荐:

用JavaScript动态加载CSS和JS文件

对于HTML页面中CSS, JS, HTML的加载与执行过程

html延迟加载JS和CSS

jquery 动态加载css,js文件

以上就是Django如何加载css和js文件以及静态图片的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2769658.html

(0)
上一篇 2025年3月8日 12:24:42
下一篇 2025年3月8日 12:24:50

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Vue.js如何在浏览器内实现模版渲染

    这篇文章介绍的内容是Vue.js如何在浏览器内实现模版渲染,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 渲染:获取后端的数据,按照一定的规则加载到写好的模板中,输出成在浏览器中显示的html.vue.js是在前端(即浏览器…

    编程技术 2025年3月8日
    200
  • 一些简单的Vue.js的指令总结

    这篇文章介绍的内容是一些简单的Vue.js的指令总结,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 html页面: {{message}} 登录后复制 页面中的数据就是data中的数据 模版指令:控制模块的内容 v-text…

    编程技术 2025年3月8日
    200
  • Echarts如何下载.js文件格式的中国地图

    这篇文章介绍的内容是关于Echarts如何下载.js文件格式的中国地图,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 早上用到echarts的中国地图map时,需要用到china.js文件,但echarts的官网地图js下载…

    2025年3月8日
    200
  • JavaScript如何实现前端缓存

    在前端浏览器中,有些数据(比如数据字典中的数据),可以在第一次请求的时候全部拿过来保存在js对象中,以后需要的时候就不用每次都去请求服务器了。对于那些大量使用数据字典来填充下拉框的页面,这种方法可以极大地减少对服务器的访问。这种方法特别适用…

    编程技术 2025年3月8日
    200
  • js如何获取本地图片显示到浏览器并上传至服务器

    这篇文章介绍的内容是关于浏览器显示本地图片的预览图,调用后端接口将图片上传至服务器,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 一、jsp页面 nbsp;html PUBLIC “-//W3C//DTD HTML 4.01…

    2025年3月8日 编程技术
    200
  • vue如何利用js等比压缩图片

    这篇文章介绍的内容是关于vue如何利用js等比压缩图片,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下最近做一个旅游项目 大家都知道旅游项目图片居多     1.在项目中由于图片尺寸过大  再加上给图片设置了宽高导致图片压缩严…

    2025年3月8日 编程技术
    200
  • 熟悉JS脚本在kettle数据处理的应用

    这篇文章介绍的内容是熟悉JS脚本在kettle数据处理的应用,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 解决方法:结合Generate Rows(数据生成)和Java Script Value(JS组件)及文本输入组件完…

    2025年3月8日 编程技术
    200
  • 浅谈JS的this调用对象

    这篇文章介绍的内容是关于浅谈JS的this调用对象,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 查一下资料得知js的this是指向调用的对象。 只有这一句话很难理解那来做个写个dome。 代码如下: nbsp;html&g…

    2025年3月8日
    200
  • 关于JS数组遍历方法的总结

    JS的数组遍历是项目中必须用到的,为了写出优雅的代码,将方法用在对的地方,在这里将几种方法做个对比,这里用es6的方式展示出来,需要搭建转换es5环境,这不是这篇的重点,下一篇可以写这个。 一、for循环 使用频率最高,前端都会用,表示自己…

    编程技术 2025年3月8日
    200
  • js获取网页数据后存储为Excel格式

    这篇文章介绍的内容是关于js获取网页数据后存储为Excel格式,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 做项目的时候遇到了将网页中table表格的数据以excel形式存储的问题,自己将相关的代码分享给大家,希望对大家有…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论