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

相关文章

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

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

基于Flask框架添加多个AI模型的API并进行交互

《基于Flask框架添加多个AI模型的API并进行交互》:本文主要介绍如何基于Flask框架开发AI模型API管理系统,允许用户添加、删除不同AI模型的API密钥,感兴趣的可以了解下... 目录1. 概述2. 后端代码说明2.1 依赖库导入2.2 应用初始化2.3 API 存储字典2.4 路由函数2.5 应

Python GUI框架中的PyQt详解

《PythonGUI框架中的PyQt详解》PyQt是Python语言中最强大且广泛应用的GUI框架之一,基于Qt库的Python绑定实现,本文将深入解析PyQt的核心模块,并通过代码示例展示其应用场... 目录一、PyQt核心模块概览二、核心模块详解与示例1. QtCore - 核心基础模块2. QtWid

使用Python实现获取网页指定内容

《使用Python实现获取网页指定内容》在当今互联网时代,网页数据抓取是一项非常重要的技能,本文将带你从零开始学习如何使用Python获取网页中的指定内容,希望对大家有所帮助... 目录引言1. 网页抓取的基本概念2. python中的网页抓取库3. 安装必要的库4. 发送HTTP请求并获取网页内容5. 解

Python使用DrissionPage中ChromiumPage进行自动化网页操作

《Python使用DrissionPage中ChromiumPage进行自动化网页操作》DrissionPage作为一款轻量级且功能强大的浏览器自动化库,为开发者提供了丰富的功能支持,本文将使用Dri... 目录前言一、ChromiumPage基础操作1.初始化Drission 和 ChromiumPage

Django序列化中SerializerMethodField的使用详解

《Django序列化中SerializerMethodField的使用详解》:本文主要介绍Django序列化中SerializerMethodField的使用,具有很好的参考价值,希望对大家有所帮... 目录SerializerMethodField的基本概念使用SerializerMethodField的

Linux系统中配置静态IP地址的详细步骤

《Linux系统中配置静态IP地址的详细步骤》本文详细介绍了在Linux系统中配置静态IP地址的五个步骤,包括打开终端、编辑网络配置文件、配置IP地址、保存并重启网络服务,这对于系统管理员和新手都极具... 目录步骤一:打开终端步骤二:编辑网络配置文件步骤三:配置静态IP地址步骤四:保存并关闭文件步骤五:重

最新Spring Security实战教程之Spring Security安全框架指南

《最新SpringSecurity实战教程之SpringSecurity安全框架指南》SpringSecurity是Spring生态系统中的核心组件,提供认证、授权和防护机制,以保护应用免受各种安... 目录前言什么是Spring Security?同类框架对比Spring Security典型应用场景传统

MyBatis-Plus中静态工具Db的多种用法及实例分析

《MyBatis-Plus中静态工具Db的多种用法及实例分析》本文将详细讲解MyBatis-Plus中静态工具Db的各种用法,并结合具体案例进行演示和说明,具有很好的参考价值,希望对大家有所帮助,如有... 目录MyBATis-Plus中静态工具Db的多种用法及实例案例背景使用静态工具Db进行数据库操作插入

Python结合Flask框架构建一个简易的远程控制系统

《Python结合Flask框架构建一个简易的远程控制系统》这篇文章主要为大家详细介绍了如何使用Python与Flask框架构建一个简易的远程控制系统,能够远程执行操作命令(如关机、重启、锁屏等),还... 目录1.概述2.功能使用系统命令执行实时屏幕监控3. BUG修复过程1. Authorization