学习笔记,仅供参考

参考自:Django打造大型企业官网–Huang Y;

本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列中,尽量详细的记录一下。


在模板中访问静态文件

  • 进入虚拟环境
workon mymkvir
  • 创建新项目
cd F:\MyStudio\PythonStudio\goatbishop.project01\Django
django-admin startproject newwebsite3
  • 配置静态文件路径

首先,我们在项目下创建static文件夹,并在里面存放TX.jpg文件,再进入settings.py

进行配置,在文件中添加STATICFILES_DIRS列表:

STATICFILES_DIRS = [os.path.join(BASE_DIR,"static")]

当我们进行以上配置之后,DTL就会在这个列表的路径中查找静态文件了。

  • 创建模板并导入静态文件

创建templates文件夹,并创建模板文件index.html:

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="{% static 'pink.css' %}">
</head>
<body><img src="{% static 'TX.jpg' %}">
</body>
</html>

在模版中,我们需要使用load标签加载static标签。

在templates文件夹中,创建pink.css文件:

body {background-color: pink;
}
  • 设置路由并创建视图函数

在urls.py文件中,创建路由:

from django.contrib import admin
from django.urls import path
from . import viewsurlpatterns = [path('admin/', admin.site.urls),path('', views.index),
]

在views.py文件中,创建视图函数:

from django.shortcuts import renderdef index(request):return render(request, "index.html")
  • 发起请求

向http://127.0.0.1:8000/发起请求:

Django从理论到实战(part24)--在模板中访问静态文件相关推荐

  1. Django从理论到实战(part22)--include模板标签

    学习笔记,仅供参考 参考自:Django打造大型企业官网–Huang Y: 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列 ...

  2. Django从理论到实战(part21)--自定义模板过滤器

    学习笔记,仅供参考 参考自:Django打造大型企业官网–Huang Y: 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列 ...

  3. Django从理论到实战(part19)--DTL模板语法

    学习笔记,仅供参考 参考自:Django打造大型企业官网–Huang Y:官方文档 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在 ...

  4. Django从理论到实战(part50)--使用模型来处理上传的文件

    学习笔记,仅供参考,有错必纠 文章目录 使用模型来处理上传的文件 `MEDIA_ROOT`和`MEDIA_URL` 限制文件的扩展名 使用模型来处理上传的文件 在定义模型的时候,我们可以给存储文件的字 ...

  5. 视频教程-从理论到实战:在园区网中部属IPv6-网络技术

    从理论到实战:在园区网中部属IPv6 善于利用模拟环境和网络协议分析软件将抽象的理论直观的展示出来,便于学生对这些知识的理解和巩固.业界十多年的培训授课和工程经历. 马青 ¥89.00 立即订阅 扫码 ...

  6. Goland中在文件模板中为go文件添加个人声明

    Goland中在文件模板中为go文件添加个人声明 打开文件模板菜单 修改内容如下: 效果演示 打开文件模板菜单 从goland左上角依次点击: [File] – [Settings] – [Edito ...

  7. Django从理论到实战(part23)--模板继承

    学习笔记,仅供参考 参考自:Django打造大型企业官网–Huang Y: 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列 ...

  8. Django从理论到实战(part47)--ListView类

    学习笔记,仅供参考,有错必纠 参考自:Django打造大型企业官网–Huang Y: 文章目录 类视图 ListView类 举个例子 Paginator和Page类 Paginator常用属性 Pag ...

  9. Django从理论到实战(part45)--下载CSV文件

    学习笔记,仅供参考,有错必纠 参考自:Django打造大型企业官网–Huang Y: 文章目录 CSV文件 生成小的CSV文件 将`csv`文件定义成模板 生成大的CSV文件 StreamingHtt ...

最新文章

  1. java中sum=a+aa+aaa_Java面向对象基础IO系统
  2. 跪求AI编程语言--纯中文代码
  3. 浅谈Android中的Handler机制
  4. Qt5:渐变效果的实现
  5. c语言中英互译程序,c语言怎么翻译? 程序怎么运行?
  6. UVA12321 Gas Stations【贪心】
  7. 谁在使用我的网站——用户行为分析
  8. Mosets Tree开发笔记
  9. HTML5-canvas标签
  10. 采用Eclipse中间Maven构建Web项目错误(一)
  11. centos 8 配置yum源并安装开发工具包
  12. 灵格斯与word2007或2010冲突,复制时word关闭问题的解决
  13. 每个英文名字背后的寓意,你也来起一个吧
  14. mybatis plus(包米豆)json存储Mysql数据库
  15. 一起来学SpringCloud之 - 服务认证(JWT)
  16. 用计算机管理学生成绩,北京计算机大学组织专家对《学生成绩管理系统》的需求方案进行评审,为使参会人员对会议流程和内容有一个清晰的了解_题来了...
  17. FPGA组合逻辑训练-三八译码器
  18. [乐意黎原创]访问Centos下Apache主机页面抛You don't have permission to access / on this server.
  19. 计算机管理中be启动不了,绝地求生BE服务启动不了怎么办 BE服务无法启动的解决方法...
  20. 设备巡检小程序开发制作功能介绍

热门文章

  1. 复制的时候提示下标越界_移动硬盘打不开提示格式化怎么办?
  2. a标签传值到另一个页面_前端开发入门——HTML基础标签
  3. python实现快速创建订单_从销售订单和Od中的产品订单创建新记录
  4. 让Eclipse启动时显示选择workspace的对话框
  5. JSP中获取HTML中的中文内容是乱码的解决方法---开发中遇到的问题
  6. 五分钟用vue实现一个五星打分效果
  7. linux系统开机过程描述
  8. 福布斯全球最佳雇主榜:网易排名80 大幅超腾讯阿里
  9. MyBatis(三)
  10. 人民日报“权威认证”吃鸡装备哪家强,不服来辩!