首页 > 其他分享 >模板和静态文件

模板和静态文件

时间:2024-10-11 15:48:52浏览次数:18  
标签:templates 文件 静态 html static 模板

模板和静态文件

1、templates模板

"templates"目录用于存放模板文件,通常是用于动态生成页面的文件。

  • 在app01目录下创建templates文件夹,html文件均保存在templates中

在这里插入图片描述

  • 在urls.py中添加路径后,在views.py中编写对应函数,此时user_list函数中返回的是user_list.html页面

在这里插入图片描述

而render是如何寻找html文件呢,这里有规定的顺序:如果settings.py 文件中TEMPLATES >> DIRS 有值BASE_DIR / ‘templates’,则优先去项目根目录的templates中寻找,否则会根据app的注册顺序,逐一去他们的templates目录中寻找html文件。
在这里插入图片描述

  • 运行项目,打开浏览器输入对应网址后,我们可以看到返回的页面。

在这里插入图片描述

2、静态文件

在开发过程中,一般将图片、CSS、js、插件等当作静态文件处理。

2.1、static目录

  • 在app01目录下创建static文件夹,其中专门存放静态文件。

在这里插入图片描述

  • 在static文件夹下创建若干文件夹用于存放静态文件

在这里插入图片描述

2.2、引用静态文件

  • 在static/img目录下存放一张图片

在这里插入图片描述

  • 可以在html文件中通过绝对路径引入该图片,但是后期若存放静态文件的文件名变动,就需要改变多处地方,因此使用Django特有的引入文件的方式
  • 首先写“{% load static %}”,导入static,之后按照“{% static 路径字符串%}”的形式引用静态文件

在这里插入图片描述

按照这种方式写,Django会默认去设置文件中“STATIC_URL”寻找静态文件的路径,因此若后期静态文件的路径变动,则只需要在这里设置一遍即可。
在这里插入图片描述

标签:templates,文件,静态,html,static,模板
From: https://blog.csdn.net/2401_87463146/article/details/142854328

相关文章

  • Win11系统提示找不到storagewmi.dll文件的解决办法
    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库,这时你可以下载这个storagewmi.dll文件(挑选合适的版本文件)把......
  • upload-labs 文件上传靶场 详细攻略(pass1-10)
    前言:本篇文章主要讲解upload-labs第1-10关,原因是前十关的代码过滤思路大体上是相似的,无非是每关缺少了某几个函数导致过滤不严谨造成漏洞,因此可以归为一起学习,从而熟悉文件上传中常用的过滤函数,了解代码的原理和设计的目的文件上传漏洞对于文件上传漏洞的简要概括就......
  • inotifywait监控文件夹内容变化,实时异地同步
    inotifywait监控文件夹内容变化,实时异地同步1.服务器规划2.实现效果演示3.服务器初始化3.1主机名修改3.2hosts配置3.3免密认证配置3.4inotify、rsync安装3.5验证是否安装完成4.脚本1.服务器规划主机名IP描述main172.16.32.3主服务器backup172.16.32.4数据......
  • Airdrop完美替代,比它更方便更强大的文件传输工具
    如果你是苹果用户,使用AirDrop可以在iPhone与MacBook、iPad等设备之间快速传递照片、视频或文件,非常的方便。但如果你是iPhone手机与Windows电脑,Android手机与Windows电脑,或者iPhone与Android手机呢?用什么工具来传送文件呢?微信、QQ自带的「文件传输助手」是一个不错的......
  • SCI论文快速排版:word模板一键复制样式和格式【重制版】
    关注B站可以观看更多实战教学视频:hallo128的个人空间SCI论文快速排版:word模板一键复制样式和格式:视频操作视频重置版2SCI论文快速排版:word模板一键复制样式和格式【重制版】模板与普通文档的区别为了让读者更好地了解模板,下面简单介绍一下模板与普通文档的区别。模......