Django中引用添加css\fonts\js静态文件的方法

devtools/2024/11/25 18:38:40/

存在问题:
如何引用添加的静态文件;


解决方案:

  1. 首先app应用下建立static静态文件路径,然后static中分别建立cssfontscss文件夹,并将其相应的文件放到各自对应目录下;
  2. 页面引用
#HTML顶部引入static,<head>中引入cssfonts,<body>中引入js
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title><link rel="stylesheet" href="{% static 'css/bootstrap.css' %}"><link rel="stylesheet" href="{% static 'fonts/glyphicons-halflings-regular.woff' %}">
</head>
<body><script src="{% static 'js/jquery-3.1.1.min.js' %}"></script><script src="{% static 'js/bootstrap.min.js' %}"></script>
</body>

http://www.ppmy.cn/devtools/136907.html

相关文章

通过计算巢快速部署 Jupyter Notebook

Jupyter Notebook 简介 Jupyter Notebook 是基于网页的用于交互计算的应用程序。其可被应用于全过程计算&#xff1a;开发、文档编写、运行代码和展示结果。简而言之&#xff0c;Jupyter Notebook是以网页的形式打开&#xff0c;可以在网页页面中直接编写代码和运行代码&#x…

如何在Linux系统中排查GPU上运行的程序

如何在Linux系统中排查GPU上运行的程序 在Linux系统中&#xff0c;随着深度学习和高性能计算的普及&#xff0c;GPU资源的管理和监控变得越来越重要。当您遇到GPU资源不足或性能下降的问题时&#xff0c;需要能够快速定位并解决这些问题。本文将介绍几种常用的方法来帮助您排查…

Vue 动态给 data 添加新属性深度解析:问题、原理与解决方案

在 Vue 中,动态地向 data 中添加新的属性是一个常见的需求,但它也可能引发一些问题,尤其是关于 响应式更新 和 数据绑定 的问题。Vue 的响应式系统通过 getter 和 setter 来追踪和更新数据,但 动态添加新属性 时,Vue 并不会自动为这些新属性创建响应式链接。 1. 直接向 V…

Java解析视频FPS(帧率)、分辨率信息

以下分别介绍使用 Python 和 Java 解析视频的 FPS&#xff08;帧率&#xff09;和分辨率信息的方法&#xff1a; Java 解析视频 FPS 和分辨率信息 在 Java 中&#xff0c;可以使用Xuggle库来处理视频并获取相关信息&#xff0c;不过需要先添加相应的依赖到项目中&#xff08;…

openCV与eigen两种方法---旋转向量转旋转矩阵

#include <Eigen/Dense> #include <opencv2/core/eigen.hpp> #include <opencv2/opencv.hpp> using namespace cv; using namespace std; int main() {// opencv 旋转向量cv::Vec3d rvec(1.0, 2.0, 3.0);cv::Mat rotation_matrix;cv::Rodrigues(rvec, rotati…

ESP8266 STA模式TCP服务器 电脑手机网络调试助手

STA模式TCP服务器和手机电脑网络调试助手多连接

CSS —— 子绝父相

相对定位&#xff1a;占位&#xff1b;不脱标 绝对定位&#xff1a;不占位&#xff1b;脱标 希望子元素相对于父元素定位&#xff0c;又不希望父元素脱标&#xff08;父元素占位&#xff09; 子级是 绝对定位&#xff0c;不会占有位置&#xff0c; 可以放到父盒子里面的任何一…

pyqt6、pyside6加载ui方法及路径总结

pyqt6、pyside6加载ui方法及路径总结 说明一、加载ui二、路径 说明 本教程适用于python3.11.X&#xff0c;pyqt6、pyside6.加载ui在一个项目中根目录及子目录的运用 一、加载ui pyqt6加载ui from PyQt6 import uic uic.loadUi(ui路径[str])#代码中添加加入这个代码就能加载…