Django从理论到实战(part24)--在模板中访问静态文件
学习笔记,仅供参考
参考自: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)--在模板中访问静态文件相关推荐
- Django从理论到实战(part22)--include模板标签
学习笔记,仅供参考 参考自:Django打造大型企业官网–Huang Y: 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列 ...
- Django从理论到实战(part21)--自定义模板过滤器
学习笔记,仅供参考 参考自:Django打造大型企业官网–Huang Y: 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列 ...
- Django从理论到实战(part19)--DTL模板语法
学习笔记,仅供参考 参考自:Django打造大型企业官网–Huang Y:官方文档 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在 ...
- Django从理论到实战(part50)--使用模型来处理上传的文件
学习笔记,仅供参考,有错必纠 文章目录 使用模型来处理上传的文件 `MEDIA_ROOT`和`MEDIA_URL` 限制文件的扩展名 使用模型来处理上传的文件 在定义模型的时候,我们可以给存储文件的字 ...
- 视频教程-从理论到实战:在园区网中部属IPv6-网络技术
从理论到实战:在园区网中部属IPv6 善于利用模拟环境和网络协议分析软件将抽象的理论直观的展示出来,便于学生对这些知识的理解和巩固.业界十多年的培训授课和工程经历. 马青 ¥89.00 立即订阅 扫码 ...
- Goland中在文件模板中为go文件添加个人声明
Goland中在文件模板中为go文件添加个人声明 打开文件模板菜单 修改内容如下: 效果演示 打开文件模板菜单 从goland左上角依次点击: [File] – [Settings] – [Edito ...
- Django从理论到实战(part23)--模板继承
学习笔记,仅供参考 参考自:Django打造大型企业官网–Huang Y: 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列 ...
- Django从理论到实战(part47)--ListView类
学习笔记,仅供参考,有错必纠 参考自:Django打造大型企业官网–Huang Y: 文章目录 类视图 ListView类 举个例子 Paginator和Page类 Paginator常用属性 Pag ...
- Django从理论到实战(part45)--下载CSV文件
学习笔记,仅供参考,有错必纠 参考自:Django打造大型企业官网–Huang Y: 文章目录 CSV文件 生成小的CSV文件 将`csv`文件定义成模板 生成大的CSV文件 StreamingHtt ...
最新文章
- java中sum=a+aa+aaa_Java面向对象基础IO系统
- 跪求AI编程语言--纯中文代码
- 浅谈Android中的Handler机制
- Qt5:渐变效果的实现
- c语言中英互译程序,c语言怎么翻译? 程序怎么运行?
- UVA12321 Gas Stations【贪心】
- 谁在使用我的网站——用户行为分析
- Mosets Tree开发笔记
- HTML5-canvas标签
- 采用Eclipse中间Maven构建Web项目错误(一)
- centos 8 配置yum源并安装开发工具包
- 灵格斯与word2007或2010冲突,复制时word关闭问题的解决
- 每个英文名字背后的寓意,你也来起一个吧
- mybatis plus(包米豆)json存储Mysql数据库
- 一起来学SpringCloud之 - 服务认证(JWT)
- 用计算机管理学生成绩,北京计算机大学组织专家对《学生成绩管理系统》的需求方案进行评审,为使参会人员对会议流程和内容有一个清晰的了解_题来了...
- FPGA组合逻辑训练-三八译码器
- [乐意黎原创]访问Centos下Apache主机页面抛You don't have permission to access / on this server.
- 计算机管理中be启动不了,绝地求生BE服务启动不了怎么办 BE服务无法启动的解决方法...
- 设备巡检小程序开发制作功能介绍