django框架中的静态文件引入

首先在项目文件中新建文件夹static

之后在settings.py中配置路径

如下图所示:

下一步在你刚创建的static文件夹中添加app的文件夹名称,例如:teacher,如下图:

之后在teacher的文件夹中创建三个文件夹,分别是:css、js、img,如下图:

下一步就是如何引入静态文件了,有两种方法:

第一种,硬编码,通过STATIC_URL

我用css来举例,我们在css的文件夹中创建index.css文件

样式如下:

引入:

之后启动服务就可以成功了 这是第一种方法

第二种方法:通过模板标签引入

在html文件中引入模板标签,如图:

引入模板标签之后,导入路径,如下图:

之后启动服务就可以了

两种方法都可以 希望可以帮助到你

原文地址:https://www.cnblogs.com/sexy-945/p/12192275.html

时间: 2024-08-29 06:03:49

django框架中的静态文件引入的相关文章

[Python] Django框架入门5——静态文件、中间件、上传图片和分页

说明: 本文主要描述Django其他的内容,涉及静态文件处理.中间件.上传文件.分页等. 开发环境:win10.Python3.5.Django1.10. 一.静态文件处理 在Django项目的静态文件主要指的是css.js和图片等文件. 1.配置静态文件 在settings.py文件中配置静态内容: STATIC_URL:在html文件中使用的路径,如:"/static/images/logo.png". STATICFILES_DIRS:指静态文件在项目的存放位置. 2.新建目录

在Python的Django框架中加载模版的方法

在Python的Django框架中加载模版的方法 为了减少模板加载调用过程及模板本身的冗余代码,Django 提供了一种使用方便且功能强大的 API ,用于从磁盘中加载模板, 要使用此模板加载API,首先你必须将模板的保存位置告诉框架. 设置的保存文件就是settings.py. 如果你是一步步跟随我们学习过来的,马上打开你的settings.py配置文件,找到TEMPLATE_DIRS这项设置吧. 它的默认设置是一个空元组(tuple),加上一些自动生成的注释. TEMPLATE_DIRS =

django源码分析——静态文件staticfiles中间件

本文环境python3.5.2,django1.10.x系列 1.在上一篇文章中已经分析过handler的处理过程,其中load_middleware就是将配置的中间件进行初始化,然后调用相应的设置方法. django框架提供的认证,回话保持,静态文件调试处理等都是通过以中间件的形式来处理. 2.本节就分析一下django框架提供的staticfiles中间件,该中间件分别实现了三个框架的命令,分别为collectstatic,findstatic,runserver. 其中,runserver

node框架express里面静态文件中间件express.static,根据路径名查找文件

- 是express框架下的一个方法,可以根据请求路径名查找某个文件下文件名字和路径名相同的文件 - 3.X里面有20多个中间件,但是在4.X里面 只保留了express.static - 语法 express.static('/设置一下请求路径/路径名','要被查找文件夹的绝对路径') 请求路径后面跟着的路径名和静态文件的根文件下面的文件名字一致,返回页面 let express =require('express'); let path=require('path') let app=exp

使用Django来处理对于静态文件的请求

引言 本方法适用于linux+python2.7+django1.2,使用django自带的web服务. 同样也适用于sina app engine. 1.准备工作 准备css文件,准备js文件,准备image文件. 在网站根目录新建目录[medias],在[medias]目录新建目录[styles],用来存放css文件. 2.配置对于静态文件访问的路径 2.1.在settings.py文件中添加静态文件的目录 假设mysite是网站的根目录,medias是刚才我们新建的目录 ? 1 2 3 4

Django的配置文件和静态文件以及路由

配置文件 1. BASE_DIR BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) 当前工程的根目录,Django会依此来定位工程内的相关文件,我们也可以使用该参数来构造文件路径. 2. DEBUG 调试模式,创建工程后初始值为True,即默认工作在调试模式下. 作用: 修改代码文件,程序自动重启 Django程序出现异常时,向前端显示详细的错误追踪信息 注意:部署线上运行的Django不要运行在调式模式

霸气!Nginx 中缓存静态文件秘籍

导读 这篇教程说明你应该怎样配置 nginx.设置 HTTP 头部过期时间,用 Cache-Control 中的 max-age 标记为静态文件(比如图片. CSS 和 Javascript 文件)设置一个时间,这样用户的浏览器就会缓存这些文件.这样能节省带宽,并且在访问你的网站时会显得更快些(如果用户第二次访问你的网站,将会使用浏览器缓存中的静态文件). 1.准备事项 我想你需要一个正常工作的 nginx 软件,可以查看另一篇的帖子:在 Ubuntu 16.04 LTS 上安装 Nginx,P

Dotnet Core 在ASP.NET Core中使用静态文件

来自微软官网  在ASP.NET Core中使用静态文件:https://docs.microsoft.com/zh-cn/aspnet/core/fundamentals/static-files: 提供静态文件 静态文件通常位于web root(<content-root> / wwwroot)文件夹中.有关详细信息,请参阅内容根和Web根.您通常将内容根设置为当前目录,以便web root在开发过程中找到项目. public static void Main(string[] args)

如何在 nginx 中缓存静态文件

这篇教程说明你应该怎样配置 nginx.设置 HTTP 头部过期时间,用 Cache-Control 中的 max-age 标记为静态文件(比如图片. CSS 和 Javascript 文件)设置一个时间,这样用户的浏览器就会缓存这些文件.这样能节省带宽,并且在访问你的网站时会显得更快些(如果用户第二次访问你的网站,将会使用浏览器缓存中的静态文件). 1.准备事项 我想你需要一个正常工作的 nginx 软件,就像这篇教程里展示的:在 Ubuntu 16.04 LTS 上安装 Nginx,PHP