心蓝的博客 心蓝的博客
首页
  • 零基础

    • python零基础入门
  • 专项

    • 正则表达式
  • web框架

    • django框架
    • drf
技术
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档

心蓝

人生苦短,我用python
首页
  • 零基础

    • python零基础入门
  • 专项

    • 正则表达式
  • web框架

    • django框架
    • drf
技术
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
  • 零基础

  • 专项

  • web框架

    • django框架

      • web框架介绍
      • python虚拟环境
      • 创建django项目与应用
      • django中的路由系统
      • web框架设计模式
      • 模板
      • 静态文件引用
        • 路径设置
        • 静态文件引用
      • web应用开发模式
      • 请求和响应
      • 视图
      • ORM与模型
      • 数据库操作
      • 项目实战一
      • 表单
      • RESTful API
      • 项目实战二
      • djangoadmin
    • drf

  • python
  • web框架
  • django框架
心蓝
2022-12-21
目录

静态文件引用

Title: 静态文件引用 Date: 2022-09-01 9:07 Category: django Tags: python,django Author: 心蓝 Summary: 模板

# 静态文件引用

django项目开发过程中,通过django.contrib.staticfiles提供静态文件服务,所以确保它在INSTALLED_APPS配置中。

# 路径设置

静态文件的设置有两个:

  1. 静态文件目录

在项目根目录下创建static文件夹,然后配置STATICFILES_DIRS

# settings.py
...
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]		# 静态文件目录
...
1
2
3
4
  1. 静态文件引用前缀

再配置一个STATIC_URL项

STATIC_URL = '/static/'  # 最后一定要带个`/`
1

# 静态文件引用

在static目录下创建文件夹crm,再在crm下创建文件夹css,再在其中创建base.css文件,内容如下:

* {
    coler: red
}
1
2
3

在模板中引用静态文件有两种方法:

  1. 硬编码

不推荐使用。

在index.html中添加如下引用

<link rel="stylesheet" href="/static/crm/css/base.css">
1

/static/就是上面设置的STATIC_URL的值 crm/css/base.css就是我们想要引入的静态文件的路径。

  1. 模板标签引入

推荐使用。

在index.html中添加如下代码

{% load static %} #  写在模板头

...
<link rel="stylesheet" href="{% static 'crm/css/base.css' %}">
1
2
3
4

利用内置模板标签static动态解析。

如果一切正常,当再次访问http://127.0.0.1/crm/index/时,会看到所有的字都变成红色了。

本文完,感谢你的耐心阅读,如有需要可加我微信,备注「博客」并说明原因,我们一起进步,下次见。

#django
上次更新: 2022/12/26, 16:59:39
模板
web应用开发模式

← 模板 web应用开发模式→

最近更新
01
requests让接口测试如此简单 原创
03-31
02
最简明的python正则教程
03-30
03
pycharm激活码
12-30
更多文章>
Theme by Vdoing | Copyright © 2019-2025 心蓝
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式