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库 Django 的简介、安装、用法入门教程

《Python库Django的简介、安装、用法入门教程》Django是Python最流行的Web框架之一,它帮助开发者快速、高效地构建功能强大的Web应用程序,接下来我们将从简介、安装到用法详解,... 目录一、Django 简介 二、Django 的安装教程 1. 创建虚拟环境2. 安装Django三、创

通过配置nginx访问服务器静态资源的过程

《通过配置nginx访问服务器静态资源的过程》文章介绍了图片存储路径设置、Nginx服务器配置及通过http://192.168.206.170:8007/a.png访问图片的方法,涵盖图片管理与服务... 目录1.图片存储路径2.nginx配置3.访问图片方式总结1.图片存储路径2.nginx配置

解决若依微服务框架启动报错的问题

《解决若依微服务框架启动报错的问题》Invalidboundstatement错误通常由MyBatis映射文件未正确加载或Nacos配置未读取导致,需检查XML的namespace与方法ID是否匹配,... 目录ruoyi-system模块报错报错详情nacos文件目录总结ruoyi-systnGLNYpe

Django中的函数视图和类视图以及路由的定义方式

《Django中的函数视图和类视图以及路由的定义方式》Django视图分函数视图和类视图,前者用函数处理请求,后者继承View类定义方法,路由使用path()、re_path()或url(),通过in... 目录函数视图类视图路由总路由函数视图的路由类视图定义路由总结Django允许接收的请求方法http

Django HTTPResponse响应体中返回openpyxl生成的文件过程

《DjangoHTTPResponse响应体中返回openpyxl生成的文件过程》Django返回文件流时需通过Content-Disposition头指定编码后的文件名,使用openpyxl的sa... 目录Django返回文件流时使用指定文件名Django HTTPResponse响应体中返回openp

Django开发时如何避免频繁发送短信验证码(python图文代码)

《Django开发时如何避免频繁发送短信验证码(python图文代码)》Django开发时,为防止频繁发送验证码,后端需用Redis限制请求频率,结合管道技术提升效率,通过生产者消费者模式解耦业务逻辑... 目录避免频繁发送 验证码1. www.chinasem.cn避免频繁发送 验证码逻辑分析2. 避免频繁

Python Web框架Flask、Streamlit、FastAPI示例详解

《PythonWeb框架Flask、Streamlit、FastAPI示例详解》本文对比分析了Flask、Streamlit和FastAPI三大PythonWeb框架:Flask轻量灵活适合传统应用... 目录概述Flask详解Flask简介安装和基础配置核心概念路由和视图模板系统数据库集成实际示例Stre

Olingo分析和实践之OData框架核心组件初始化(关键步骤)

《Olingo分析和实践之OData框架核心组件初始化(关键步骤)》ODataSpringBootService通过初始化OData实例和服务元数据,构建框架核心能力与数据模型结构,实现序列化、URI... 目录概述第一步:OData实例创建1.1 OData.newInstance() 详细分析1.1.1

Spring 框架之Springfox使用详解

《Spring框架之Springfox使用详解》Springfox是Spring框架的API文档工具,集成Swagger规范,自动生成文档并支持多语言/版本,模块化设计便于扩展,但存在版本兼容性、性... 目录核心功能工作原理模块化设计使用示例注意事项优缺点优点缺点总结适用场景建议总结Springfox 是

Python的端到端测试框架SeleniumBase使用解读

《Python的端到端测试框架SeleniumBase使用解读》:本文主要介绍Python的端到端测试框架SeleniumBase使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全... 目录SeleniumBase详细介绍及用法指南什么是 SeleniumBase?SeleniumBase