Django框架之动静态网页

2024-02-11 22:59

本文主要是介绍Django框架之动静态网页,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Django框架之动静态网页:

静态文件:前端已经写好了的,能够直接调用使用的文件# 比如: 网站写好的js文件网站写好的css文件网站用到的图片文件第三方前端框架# django默认是不会自动帮你创建static文件夹,需要自己手动创建
# 这样做的目的:为了解耦合,更加的方便管理故我们在搭建Django项目的时候通常情况下:
我们将html文件默认都放到在templates文件夹下
我们将网站所使用的静态文件默认都放在static文件夹下

访问Django主页:

# 报错:因为在后端没有开设一个(http://127.0.0.1:8000/)这个路径所对应的资源接口

访问login/路由:

<h1 class='text-center'>登录</h1>   <!--使文本居中展示-->

我们可以看到,虽然访问到了,但是只识别到了<h1>标签但是,他的样式却没有改变,我们发现是没有访问到css与js静态文件。# 原因:这是因为我们并没有开设一个可以使用户访问到静态文件的接口
# 那么每次我们在创建路由的时候不可能再把每一个静态文件的接口也配置一下,所以Django就帮助我们来找到这个静态文件。

静态文件配置:

# settings.pySTATIC_URL = '/static/'   # 相当于访问静态文件的令牌,如果想要访问静态文件就必须以static开头# 配置静态文件
STATICFILES_DIRS = [os.path.join(BASE_DIR,'static')  # 这个static相当于真正的static存放静态文件文件夹的路径os.path.join(BASE_DIR,'static1'),os.path.join(BASE_DIR,'static2'),
]   # 列表的方式说明可存储多个静态文件夹
# html页面:寻找静态文件<link rel="stylesheet" href="/static/bootstrap-3.4.1-dist/css/bootstrap.min.css"><script src="/static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
# 这个/static/不是静态文件static文件夹路径,这个相当于令牌,如果你的令牌对上了,那么就去STATICFILES_DIRS列表里边的静态文件路径里边找bootstrap-3.4.1-dist/js/bootstrap.min.js,当列表中所有的静态文件路径下的文件都找完还没有才会报错。

# 如果将/static/换成别的我们来看一下:
STATIC_URL = '/xxx/'  <link rel="stylesheet" href="/static/bootstrap-3.4.1-dist/css/bootstrap.min.css">
<script src="/static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script># 如果想要正常访问,那么static就必须改为xxx,因为'令牌'不对只有当令牌对了才会去static文件夹下存放的静态文件查找,这里明显令牌就不对,在令牌这里就会报错。'''
当我们在写django项目的时候 可能会出现后端代码修改了但是前端页面没有变化的情况1.你在同一个端口开了好几个django项目 一直在跑的其实是第一个django项目2.浏览器缓存的问题解决:settingsnetworkdisable cache 勾选上	这样就会清除缓存。
'''

静态文件动态解析:

# 如果我们的令牌改了是不是所有html页面用到静态文件路径下的文件都会失效。这样如果我们的html页面很多,就要去每一个静态文件下找到并且修改,那这样无非是非常麻烦不合理的,所有就要用到动态解析,令牌改,html页面的令牌也跟着改。# 使用方法:{% load static %}<link rel="stylesheet" href="{% static 'bootstrap-3.4.1-dist/css/bootstrap.min.css' %}"><script src="{% static 'bootstrap-3.4.1-dist/js/bootstrap.min.js'%}"></script># 这样不管静态文件的'令牌'怎样修改,都会自动识别,不需要在手动再去修改静态文件开头
# 注意:这里的开头就必须写为 static(固定语法)

这篇关于Django框架之动静态网页的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/701028

相关文章

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

使用Python实现网页表格转换为markdown

《使用Python实现网页表格转换为markdown》在日常工作中,我们经常需要从网页上复制表格数据,并将其转换成Markdown格式,本文将使用Python编写一个网页表格转Markdown工具,需... 在日常工作中,我们经常需要从网页上复制表格数据,并将其转换成Markdown格式,以便在文档、邮件或

C++ HTTP框架推荐(特点及优势)

《C++HTTP框架推荐(特点及优势)》:本文主要介绍C++HTTP框架推荐的相关资料,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. Crow2. Drogon3. Pistache4. cpp-httplib5. Beast (Boos

SpringBoot基础框架详解

《SpringBoot基础框架详解》SpringBoot开发目的是为了简化Spring应用的创建、运行、调试和部署等,使用SpringBoot可以不用或者只需要很少的Spring配置就可以让企业项目快... 目录SpringBoot基础 – 框架介绍1.SpringBoot介绍1.1 概述1.2 核心功能2

对Django中时区的解读

《对Django中时区的解读》:本文主要介绍对Django中时区的解读方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录背景前端数据库中存储接口返回AI的解释问题:这样设置的作用答案获取当前时间(自动带时区)转换为北京时间显示总结背景设置时区为北京时间 TIM

Spring框架中@Lazy延迟加载原理和使用详解

《Spring框架中@Lazy延迟加载原理和使用详解》:本文主要介绍Spring框架中@Lazy延迟加载原理和使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录一、@Lazy延迟加载原理1.延迟加载原理1.1 @Lazy三种配置方法1.2 @Component

Django之定时任务django-crontab的实现

《Django之定时任务django-crontab的实现》Django可以使用第三方库如django-crontab来实现定时任务的调度,本文主要介绍了Django之定时任务django-cront... 目录crontab安装django-crontab注册应用定时时间格式定时时间示例设置定时任务@符号

一文教你Python如何快速精准抓取网页数据

《一文教你Python如何快速精准抓取网页数据》这篇文章主要为大家详细介绍了如何利用Python实现快速精准抓取网页数据,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以了解下... 目录1. 准备工作2. 基础爬虫实现3. 高级功能扩展3.1 抓取文章详情3.2 保存数据到文件4. 完整示例

python获取网页表格的多种方法汇总

《python获取网页表格的多种方法汇总》我们在网页上看到很多的表格,如果要获取里面的数据或者转化成其他格式,就需要将表格获取下来并进行整理,在Python中,获取网页表格的方法有多种,下面就跟随小编... 目录1. 使用Pandas的read_html2. 使用BeautifulSoup和pandas3.

Python Dash框架在数据可视化仪表板中的应用与实践记录

《PythonDash框架在数据可视化仪表板中的应用与实践记录》Python的PlotlyDash库提供了一种简便且强大的方式来构建和展示互动式数据仪表板,本篇文章将深入探讨如何使用Dash设计一... 目录python Dash框架在数据可视化仪表板中的应用与实践1. 什么是Plotly Dash?1.1