【django中处理静态的数据 css js img】

已于 2023-06-26 22:21:02 修改
阅读量623 收藏 1
点赞数 1
分类专栏： django pythonSet 文章标签： django css javascript
于 2023-06-26 21:49:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weiyi47/article/details/131405522
版权

django中处理静态的数据 css js img

1.创建django项目

在需要文件夹下面

 django-admin startproject day3static

在这里插入图片描述
django版本

 python -m django --version

在这里插入图片描述

2.打开项目

创建之后就是如下内容
在这里插入图片描述

3.配置settingpy中找到STATIC_URL

路由设置
当网页的url访问 http://127.0.0.1:8000/static/
系统就把url视为静态的资源 不需要视图函数处理

STATIC_URL = '/static/'
#再添加url 静态资源存放的路径
STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'),)

在这里插入图片描述
配置完以后
当请求中的url 是 http://127.0.0.1:8000/static/ xxxx/xxxx…
都会识别为静态资源请求
把对应的信息发送出去
在这里插入图片描述

3.1静态资源

在这里插入图片描述

4.创建静态资源文件夹

根据STATICFILES_DIRS = (os.path.join(BASE_DIR, ‘static’),)
创建存放静态文件的文件夹
在这里插入图片描述
创建了static 文件夹
里面放了 css js imgs

5.开启服务

进入项目
 cd .\day3static\
 执行启动服务
 python .\manage.py runserver

在这里插入图片描述

6. 网页请求

最低0.47元/天 解锁文章
小墨蛇
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Django中的静态文件管理过程解析
01-01
static files指一些用到的像css,javascript,images之类的文件。 在开发阶段： 1.在settings设置INSTALLED_APPS中添加’django.contrib.staticfiles’。 2.将STATIC_URL设置为’/static/’。 3.将某个app要用的静态...
解决Django中修改js css文件但浏览器无法及时与之改变的问题
09-18
今天小编就为大家分享一篇解决Django中修改js css文件但浏览器无法及时与之改变的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在Django中使用css，js等静态文件
时光匆匆独白 的博客
12-10 1万+
捣鼓了三个晚上才成功，遇到了好多麻烦，发现别人的博客都操作不了，赶紧把自己的操作分享出来 下面是方法： 1. settings 中有三个地方要写# Static files (CSS, JavaScript, Images) STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE_DIR, 'templates/Web/static')ST
django模板中引入CSS和JS
s586的专栏
01-14 2840
因为在django中一般用来存放的模板的目录为template目录(注意：这个需要在settings.py中设置)，但是template目录是外部不能直接访问的，所以我们必须要把css文件和js文件放在外部可以直接访问的目录中，最好的办法就是自己指定一个目录，一般我们是放在static目录中，详细的方法如下。参考如下的代码，把需要引用css文件的链接修改为从“/static/css/”下面的文件。见上面的图，然后把需要用到的的css文件全部复制到css目录中，需要用到的js文件全部复制到js目录中。
Web实战丨基于django+html+css+js的在线博客网站
兔子王
01-12 2万+
本期内容：基于Django+HTML+CSS+JS的在线博客网站。
acwing-Django项目——前期工作+前端js css
lebowskii的博客
12-09 1996
django项目的前半部分
Django项目中model的数据处理以及页面交互方法
12-25
Django中Models是什么： 通常，一个Model对应一张数据表， Django中Models以类的形式表现， 它包含一些基本字段以及数据的一些行为 ORM： 对象关系映射（Object Relation Mapping） 实现了对象和数据库之间的映射 ...
基于django+html+css+js的学院门户网站
01-10
本期内容：基于Django+Html+Css+JavaScript的学院门户网站 项目需求： - python - django 项目概述 Web系统与技术课程旨在培养学生对Web系统的设计、开发和管理能力。课程内容包括Web系统的基本概念、体系结构和...
django配置本地css，js，img等静态文件方法
bilibilidicks的博客
10-10 329
首先在manage.py同级目录下创建static文件夹，里面创建你想要存放的文件夹名字，例如img、css等 然后在项目的setting文件中的static下加入 STATICFILES_DIRS = [ (os.path.join(BASE_DIR, 'static')) ] 之后在想要显示图片cssjs的网页模板的！doctype标签与html标签之间加上 {% load static %} 之后在显示静态文件的标签的src改为 <img src='{% static
Django中加载js和css文件
朝歌
07-17 6827
Django中加载js和css文件项目的目录结构如下： mysite |-mysite |-|-static |-|-……js和css文件 |-|-|-init.py |-| |-models.py |-| |-views.py |-|-init.py |-|-settings.py |-|-urls.py |-templates
Python Django 4.2.5教程：html中引入静态文件（css js img）
学亮编程手记
10-04 282
目录下创建static文件夹。我们在static下创建一个img文件夹，并放入1.png这张图片。都会当做静态文件处理。这样png就被引入了。
Web实战丨基于django+html+css+js的学院门户网站
热门推荐
兔子王
01-11 3万+
本期内容：基于Django+Html+Css+JavaScript的学院门户网站。
Django学习（一）django+html+css+js环境配置
imiss的博客
12-09 4633
1、pycharm配置好django环境 2、直接利用pycharm创建工程或者进入你想要保存文件的目录下利用“django-admin startproject 项目名 ”创建工程。 运行python manage.py runserver后可以利用地址http://127.0.0.1:8000/  访问所要访问的网页。 3、进入工程所在路径，创建app:default（或者自己可以随便起...
使用 Django ORM 进行数据库操作
Code掘金的博客
05-27 613
在Django中，模型是与数据库表对应的Python类。在然后，在文件中将myapp应用添加到# ...'myapp',# ...除了基本的数据库操作外，Django ORM还提供了许多其他高级功能，可以帮助开发人员更好地管理数据。
Django 解决 CSRF 问题
最新发布
CHNMSCS
05-29 314
要解决这个问题，就得在 html 里这么修改。在 Django 出现 CSRF 问题。
结合Django和Vue.js构建现代Web应用
Code掘金的博客
05-27 704
在现代Web开发中，结合后端框架和前端框架是非常常见的，其中Django作为一种流行的Python后端框架，而Vue.js则是一种灵活强大的前端框架。然后，你可以使用Gunicorn等工具来部署Django应用，并使用Nginx等工具来作为反向代理服务器来提供服务。应用中，可以创建视图和模型来定义数据和业务逻辑，并使用Django REST framework来构建API。通过结合Django和Vue.js，你可以构建出功能强大且现代化的Web应用，实现前后端分离和更好的开发体验。希望本文对你有所帮助！
Django序列化器中is_valid和validate
嫣然细雨红尘路
05-29 418
Django序列化器重写is_valid()方法；validate方法不起作用？validate()方法的触发时机
使用 Django 与 Redis 实现缓存优化
Code掘金的博客
05-28 493
Redis是一个开源的内存数据库，常用作缓存、消息队列和会话存储。它的高性能和灵活性使其成为许多开发人员的首选。通过本文的介绍，我们了解了如何结合Django和Redis来实现缓存优化。除了简单的缓存数据，Redis还可以用作消息队列、会话存储等功能，为Web应用提供更多可能性。除了单机部署，Redis还支持集群部署，在高流量场景下能够提供更好的性能和可用性。此外，通过合理设置缓存时间和淘汰策略，可以进一步优化缓存效果，避免缓存过期或占用过多内存。另外，除了。
怎么在Django中导入静态资源文件
06-11
在 Django 中导入静态资源文件，可以按照以下步骤进行操作： 1. 在 Django 项目的根目录下创建一个名为 `static` 的文件夹，用于存放静态文件，例如 CSS、JavaScript、图片等。 2. 在 `settings.py` 文件中，将 `STATIC_URL` 设置为静态文件的 URL 前缀，例如： ```python # settings.py STATIC_URL = '/static/' ``` 3. 在需要使用静态文件的模板或视图中，使用 `{% load static %}` 加载静态文件标签库，并使用 `static` 模板标签生成静态文件的 URL。 例如，在模板中加载 CSS 文件： ```html <!-- templates/base.html --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>{% block title %}My Website{% endblock %}</title> <link rel="stylesheet" href="{% static 'css/style.css' %}"> </head> <body> {% block content %} {% endblock %} </body> </html> ``` 在视图中加载图片文件： ```python # views.py from django.shortcuts import render def my_view(request): context = {'img_url': '/static/images/my-image.jpg'} return render(request, 'my_template.html', context) ``` 在模板中使用 `img` 标签加载图片： ```html <!-- templates/my_template.html --> {% extends 'base.html' %} {% block content %} <h1>My Page</h1> <img src="{{ img_url }}" alt="My Image"> {% endblock %} ``` 以上是在 Django 中导入静态资源文件的基本步骤。需要注意的是，Django 会在应用程序目录下查找静态文件，例如 `myapp/static/`，如果找不到，会在根目录下的 `static` 文件夹中查找。另外，在生产环境中，建议使用专业的 Web 服务器来处理静态文件，例如 Nginx 或 Apache。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值