当前位置: 首页 > news >正文

Django 入门学习总结7-静态文件管理

Django Web框架有关门的静态文件管理机制。

首先,在polls文件夹中创建static文件,Django 将会自动地在这里查询静态文件。

Django 框架在配置 STATICFILES_FINDERS中,指出了一系列静态文件所在位置。

依据配置 INSTALLED_APPS 的名称来查询静态文件所在的位置。

比如样式文件的位置为:polls/static/polls/style.css,我们可以使用polls/style.css来参考这个静态文件。

新建文件polls/static/polls/style.css,并添加以下内容:

li a {
        color: green;
    }

在polls/templates/polls/index.html文件的最顶部添加以下内容:

{% load static %}

    <link rel="stylesheet" href="{% static 'polls/style.css' %}">

load static 表示添加静态文件的绝对路径。

使用python manage.py runserver命令测试效果。我们可以看到页面已变为绿色,并且在网页地址栏中可以链接到样式文件,如下图所示。

在polls/static/polls/中新建images文件夹。添加图片文件background.png到polls/static/polls/images位置下。

在polls/static/polls/style.css样式文件中添加以下的内容:

body {
        background: white url("images/background.png") no-repeat;
    }

重新输入网址http://localhost:8000/polls/,则可以看到背景图片效果。

相关文章:

Django 入门学习总结7-静态文件管理

Django Web框架有关门的静态文件管理机制。 首先&#xff0c;在polls文件夹中创建static文件&#xff0c;Django 将会自动地在这里查询静态文件。 Django 框架在配置 STATICFILES_FINDERS中&#xff0c;指出了一系列静态文件所在位置。 依据配置 INSTALLED_APPS 的名称来查询…...

游戏开发引擎Cocos Creator和Unity如何对接广告-AdSet聚合广告平台

在游戏开发方面&#xff0c;游戏引擎的选择对开发过程和最终的产品质量有着重大的影响&#xff0c;Unity和Cocos是目前全球两大商用、通用交互内容开发工具&#xff0c;这两款引擎受到广泛关注&#xff0c;本文将从多个维度对两者进行比较&#xff0c;为开发者提供正确的选择建…...

振南技术干货集:制冷设备大型IoT监测项目研发纪实(4)

注解目录 1.制冷设备的监测迫在眉睫 1.1 冷食的利润贡献 1.2 冷设监测系统的困难 &#xff08;制冷设备对于便利店为何如何重要&#xff1f;了解一下你所不知道的便利店和新零售行业。关于电力线载波通信的论战。&#xff09; 2、电路设计 2.1 防护电路 2.1.1 强电防护 …...

Android线程优化——整体思路与方法

**在日常开发APP的过程中&#xff0c;难免需要使用第二方库和第三方库来帮助开发者快速实现一些功能&#xff0c;提高开发效率。但是&#xff0c;这些库也可能会给线程带来一定的压力&#xff0c;主要表现在以下几个方面&#xff1a; 线程数量增多&#xff1a;一些库可能会在后…...

论防火墙的体系结构

防火墙的体系结构 防火墙的体系结构 双重宿主主机体系结构。屏蔽主机体系结构。屏蔽子网体系结构。 双重宿主主机体系结构 双重宿主主机体系结构是指以一台具有双重宿主的主机计算机作为防火墙系统的主体&#xff0c;执行分离外部网络与内部网络的任务。该计算机至少有两个…...

BeansTalkd 做消息队列服务

无意间看到这个仓库讲php关于 BeanStalkd 的扩展&#xff0c;然后就去了解了一下beanstalkd&#xff0c;用它可以用来做队列服务。 话不多说&#xff0c;安装一下试试。 首先 sudo apt search beanstalk 搜索一下发现 Sorting... Done Full Text Search... Done awscli/focal…...

csv文件添加文件内容和读取

append content to file import numpy as np acc_listnp.array([0.97,0.92,0.93,0.89]) # 注意这个地方添加文件不需要特别声明是什么文件 file open("result.csv", "a") print("{:.2f}, {:.2f}".format(acc_list.mean(), acc_list.std()), f…...

关于禅道的安装配置以及项目管理、团队协同工作

目录 一、禅道是什么&#xff1f; 二、特点和功能 三、安装禅道 3.1 下载官网 3.2 版本考虑 3.3 禅道使用手册参考 3.4 Windows端安装禅道 四、启动禅道 4.1 访问禅道 四、禅道部分功能的使用 4.1 添加项目集 4.2 启动/关闭项目 4.3 项目计划仪表盘/阶段目标/研发…...

使用Wireshark提取流量中图片方法

0.前言 记得一次CTF当中有一题是给了一个pcapng格式的流量包&#xff0c;flag好像在某个响应中的图片里。比较简单&#xff0c;后来也遇到过类似的情况&#xff0c;所以总结和记录一下使用Wireshark提取图片的方法。 提取的前提是HTTP协议&#xff0c;至于HTTPS的协议需要导入服…...

C#,简单修改Visual Studio 2022设置以支持C#最新版本的编译器,尊享编程之趣

1 PLS README & CHAPTER 5 用一个超简单的例子说明各版本 C# 的差异。 使用新版本&#xff08;比如C#.11&#xff09;&#xff0c;当然有一定的好处。我们在写程序的时候一般这样&#xff1a; Visual Studio 2022 默认只能这样写&#xff1a; string imageFile Path.C…...

小程序Tab栏与页面滚动联动

小程序tab栏切换与页面滚动联动 tab栏与页面滚动联动点击tab栏页面跳到指定位置滚动页面时切换tab栏 tab栏与页面滚动联动 在进行小程序开发时&#xff0c;需要实现点击tab栏页面滚动到某一指定位置&#xff0c;并且滚动页面时&#xff0c;小程序的tab栏进行切换。 在一开始&a…...

Java,数据结构与集合源码,关于List接口的实现类(ArrayList、Vector、LinkedList)的源码剖析

目录 ArrayList ArrayList的特点&#xff1a; ArrayList源码解析&#xff1a; Vector Vector的特点&#xff1a; Vector源码解析&#xff1a; LinkedList LinkedList的特点&#xff1a; LinkedList的源码剖析&#xff1a; 使用说明&#xff1a; ArrayList ArrayList的…...

算法基础(python版本)

第二章 算法设计思想 一、搜索排序 1.排序算法 https://visualgo.net/zh/sorting (1)冒泡排序 # 思路&#xff1a; # (1)比较相邻元素&#xff0c;如果第一个比第二个大&#xff0c;则交换他们 # (2)第一轮下来&#xff0c;可以保证最后一个数一定是最大的&#xff1b;第二…...

使用Arrays.Sort并定制Comparator排序解决合并区间

合并区间-力扣算法题56题 以数组 intervals 表示若干个区间的集合&#xff0c;其中单个区间为 intervals[i] [starti, endi] 。请你合并所有重叠的区间&#xff0c;并返回 一个不重叠的区间数组&#xff0c;该数组需恰好覆盖输入中的所有区间 。 示例 1&#xff1a; 输入&am…...

【机器学习】039_合理初始化

一、稳定训练 目标&#xff1a;使梯度值在更合理的范围内 常见方法如下&#xff1a; 将乘法变为加法 ResNet&#xff1a;当层数较多时&#xff0c;会加入一些加法进去 LSTM&#xff1a;如果时序序列较长时&#xff0c;把一些对时序的乘法做加法 归一化 梯度归一化&…...

使用Arrays.asList与不使用的区别

在写算法的时候&#xff0c;遇到了有的题解使用的是Arrays.asList&#xff0c;也有的是直接新建一个List集合将元素加进去的。 看了一下算法的时间&#xff0c;两者居然相差了9秒。 算法原地址&#xff1a; 力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长…...

基于可变形卷积和注意力机制的带钢表面缺陷快速检测网络DCAM-Net(论文阅读笔记)

原论文链接->DCAM-Net: A Rapid Detection Network for Strip Steel Surface Defects Based on Deformable Convolution and Attention Mechanism | IEEE Journals & Magazine | IEEE Xplore DCAM-Net: A Rapid Detection Network for Strip Steel Surface Defects Base…...

el-table 对循环产生的空白列赋默认值

1. el-table 空白列赋值 对el-table中未传数据存在空白的列赋默认值0。使用el-table 提供的插槽 slot-scope&#xff1a;{{ row || ‘0’ }} 原数据&#xff1a; <el-table-column label"集镇" :propcity ><template slot-scope"{row}">{{…...

新一代网络监控技术——Telemetry

一、Telemetry的背景 传统的网络设备监控方式有SNMP、CLI、Syslog、NetStream、sFlow&#xff0c;其中SNMP为主流的监控数据方式。而随着网络系统规模的扩大&#xff0c;网络设备数量的增多&#xff0c;网络结构的复杂&#xff0c;相应监控要求也不断提升&#xff0c;如今这些…...

java斗牛,咋金花

无聊时间&#xff0c;打发下游戏 简单说下思路 目录 1.创建牌对象 2.创建52张牌&#xff0c;不包含大小王 3.洗牌 4.发牌 1.创建牌对象 2.创建52张牌&#xff0c;不包含大小王 3.洗牌 4.发牌 /*** 扑克牌*/ public class Poker {/*** 花色*/private String cardSuits…...

深入理解uiprogress:自定义装饰器函数的10个实战案例

深入理解uiprogress&#xff1a;自定义装饰器函数的10个实战案例 【免费下载链接】uiprogress A go library to render progress bars in terminal applications 项目地址: https://gitcode.com/gh_mirrors/ui/uiprogress uiprogress是一款强大的Go语言终端进度条库&…...

烟台群策电子-FMC_M6678评估板

功能说明本子卡是一款面向国产M6678处理器的FMC转接卡。其提供标准的FMC HPC接口&#xff0c;可实现便捷的模块互联&#xff0c;既可作为国产M6678应用生态的评估平台&#xff0c;又能作为算力扩展节点&#xff0c;有效增强系统的整体处理能力。主要组成子卡实现了M6678的最小系…...

Vibe Coding:大语言模型辅助编程实践指南

1. 项目概述最近在尝试一种新的编程方式——让大语言模型辅助完成编码任务。这种被称为"Vibe Coding"的方法&#xff0c;核心在于将复杂开发任务拆解为可管理的子任务&#xff0c;并通过质量监督机制确保代码产出。经过三个月的实践&#xff0c;我发现这种方式能显著…...

基于轨迹跟踪的侧倾与曲率变化修正:Simulink与Carsim联合仿真技术探讨

轨迹跟踪&#xff0c;考虑侧倾和曲率变化&#xff0c;同时修正侧偏刚度 simulink carsim联合仿真半躺在工位椅子上盯着屏幕&#xff0c;手里的冰美式已经见底。显示器上Simulink模型里红红绿绿的信号线晃得眼睛发酸&#xff0c;CarSim可视化界面里那辆红色小车又在弯道表演灵魂…...

基于MITRE ATTCK的AI代理安全评估框架与实践

1. 计算机使用代理安全评估框架解析在当今企业IT环境中&#xff0c;计算机使用代理(Computer-Using Agents, CUAs)作为AI代理技术的重要实现形式&#xff0c;正逐渐渗透到系统管理、自动化运维等关键领域。然而&#xff0c;这些具备自主决策能力的代理程序&#xff0c;其安全性…...

40天极限通关|6月PMP“末班车”呼啸而来,最后冲刺指南请收好

大家好&#xff0c;我是那个考前42天、书都没拆封就极限上岸的大头。今天是4月27日。说个吓人的事实——距离6月14日PMP考试&#xff0c;只剩40天出头了。再掰开算一算&#xff0c;五一假期还想出去玩&#xff1f;去掉假期、去掉工作日加班、去掉你必须休息回血的时间&#xff…...

2026年量子计算与人工智能国际学术会议(ICQCAI 2026)

2026 年量子计算与人工智能国际学术会议&#xff08;ICQCAI 2026&#xff09;将于 2026 年5月8 - 10日在北京举行。本次会议聚焦量子计算与人工智能的融合发展趋势&#xff0c;为全球学者、研究人员和行业专家搭建交流平台。近年来&#xff0c;量子计算与人工智能的融合成为科技…...

如何用FanControl在5分钟内彻底掌控电脑风扇:新手必看的完全指南

如何用FanControl在5分钟内彻底掌控电脑风扇&#xff1a;新手必看的完全指南 【免费下载链接】FanControl.Releases This is the release repository for Fan Control, a highly customizable fan controlling software for Windows. 项目地址: https://gitcode.com/GitHub_T…...

IEEE 802.1X与EAP/RADIUS技术解析与企业无线安全实践

1. IEEE 802.1X与EAP/RADIUS技术体系解析在无线网络成为企业基础设施核心组件的今天&#xff0c;如何确保网络接入安全成为每个网络管理员必须面对的挑战。作为Wi-Fi安全架构的基石&#xff0c;IEEE 802.1X、EAP和RADIUS三者的协同工作构成了现代企业级无线安全解决方案的核心框…...

深度定制你的简历:React Ultimate Resume配色方案与个性化设置教程

深度定制你的简历&#xff1a;React Ultimate Resume配色方案与个性化设置教程 【免费下载链接】react-ultimate-resume &#x1f4bc; &#x1f3a8; A modern software developer resume built with React and JSONResume 项目地址: https://gitcode.com/gh_mirrors/re/rea…...