开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么从HTML到CSS的href在Django中不能正常工作？

在Django中，HTML到CSS的href不能正常工作的原因是因为Django的模板语言对静态文件的处理方式不同于传统的HTML页面。

Django的模板语言使用了自己的静态文件处理机制，它将静态文件（包括CSS、JavaScript等）与应用程序的其他部分分开存放，并通过模板标签来引用这些静态文件。这样做的目的是为了更好地组织和管理静态文件，提高应用程序的可维护性和性能。

具体来说，当在Django的模板中使用href引用CSS文件时，需要使用Django提供的静态文件模板标签来生成正确的URL。通常情况下，可以使用{% load static %}标签加载静态文件模板标签库，然后使用{% static 'path/to/css/file.css' %}来生成CSS文件的URL。

这样做的好处是，Django会根据项目的配置自动处理静态文件的URL，包括版本控制、缓存等。同时，这也使得静态文件的路径更加灵活，可以根据项目的需要进行调整。

推荐的腾讯云相关产品：腾讯云对象存储（COS）腾讯云对象存储（COS）是一种高可用、高可靠、强安全的云端存储服务，适用于存储和处理各种类型的非结构化数据，包括文本、图片、音视频等。它提供了简单易用的API和控制台，可以方便地上传、下载、管理和分享文件。

产品介绍链接地址：https://cloud.tencent.com/product/cos

相关搜索:CSS不能处理django中的html文件，为什么它不能工作？html和css中的定位不能正常工作 “分词”在CSS网格中不能正常工作为什么我在CSS线性梯度()中的deg不能正常工作？为什么我的html代码不能正常工作？为什么我的html按钮不能正常工作？为什么CSS在不同的页面大小上不能正常工作为什么我的css Media查询不能正常工作？HTML/CSS -为什么我在div中的a:hover不能工作？我的CSS在vs代码中不能正常工作为什么preventDefault()在ReactJS中不能正常工作？为什么BasicTextField (在compose中)不能正常工作？为什么在文件中写入不能正常工作？复制django中的模型实例不能正常工作表单中的Django小部件不能正常工作为什么我的函数在MySQL中不能正常工作？为什么在jquery中循环/分组不能正常工作为什么在matplotlib中调整scilimit不能正常工作？为什么在Formidable中PHP/MySQL不能正常工作？为什么Laravel中的验证不能正常工作？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

真正的 Django 博客首页视图

同样我们需要对 Django 做一些必要的配置，才能让 Django 知道如何在开发服务器中引入这些 CSS 和 JavaScript 文件，这样才能让博客页面的 CSS 样式生效。...例如我们可以看到 href="{% static 'blog/css/pace.css' %}"> 这一部分最终在浏览器中显示的是：正常了。 image.png 修改模板目前我们看到的只是模板中预先填充的一些数据，我们得让它显示从数据库中获取的文章数据。...这里面包裹的内容显示的就是文章数据了。我们前面在视图函数 index 里给模板传了一个 post_list 变量，它里面包含着从数据库中取出的文章列表数据。...好吧，做了这么多工作，但是数据库中其实还没有任何数据呀！接下来我们就实际写几篇文章保存到数据库里，看看显示的效果究竟如何。

3.5K8 0

Django搭建blog网站（一）

事实上，如果我们直接把引用路径写成 /static/blog/css/pace.css 也是可以的，那么为什么要使用 {% static %} 标签呢？...正确引入了静态文件后样式显示正常了。 6.3修改模板目前我们看到的只是模板中预先填充的一些数据，我们得让它显示从数据库中获取的文章数据。...8.3.编写详情页模板接下来就是书写模板文件，从下载的博客模板中把 single.html 拷贝到 templates\blog 目录下（和 index.html 在同一级目录），然后改名为 detail.html...不过目前的目录只是占位数据，我们在以后会实现如何从文章中自动摘取目录。...如果你打开博客详情页，找到一段代码段，在浏览器查看这段代码段的 HTML 源代码，可以发现 Pygments 的工作原理是把代码切分成一个个单词，然后为这些单词添加 css 样式，不同的词应用不同的样式

5.7K9 1

Python Web 菜谱系统的首页，不会前端技术，也能做【附源码】

七、出现吧，Python Web 菜谱系统的首页 7.1 菜谱系统首页初始化滚雪球第三轮核心学习的是 Python Web 相关知识点，那不可避免的会涉及到前端技术栈，如果你对 HTML，CSS 完全零基础...在 Django 中实现一个页面，需要两个步骤，第一步，创建模板 HTML 文件，第二步，修改 views.py 文件，完成视图处理函数。...7.3 Django 模板语言 --------------- 在上文使用的 {% 语句部分 %} 就是 Django 中的模板语言，模板与普通的文本文件有两个不一样的地方，模板包含变量，该变量在页面渲染网页的时候...7.3.1 拆分模板接下来对模板进行拆分，将 index.html 文件中的头部提取出来。在 templates/menuapp 目录下创建一个新文件。...-c5793f515b362d3d.png] 7.4 本篇博客小节 ---------- 本篇博客主要介绍的是 Django 中的最简单首页制作，尽量在无前端知识铺垫的情况下，帮助你学习 Python

5454 0

04.Django基础四之模板系统

safe 　　　　Django的模板中在进行模板渲染的时候会对HTML标签和JS等语法标签进行自动转义，原因显而易见，这样是为了安全，django担心这是用户添加的数据，比如如果有人给你评论的时候写了一段...为了在Django中关闭HTML的自动转义有两种方式，如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。　　　　...标签比变量更加复杂：一些在输出中创建文本，一些通过循环或逻辑来控制流程，一些加载其后的变量将使用到的额外信息到模版中。...，明白为什么django会加这一套防御。　　　　...这里是使用继承的一些提示：如果你在模版中使用 {% extends %} 标签，它必须是模版中的第一个标签。其他的任何情况下，模版继承都将无法工作，模板渲染的时候django都不知道你在干啥。

2.6K3 0

Scrapy爬取笑话网，Python3.5+Django2.0构建应用

/2017122722221351.htm 等 2、XPath使用路径表达式选取节点表达式描述实例节点名称选取此节点的所有子节点 body / 从根节点选取 /html // 选择文档中的节点...() 返回选择器列表，使用xpath语法选择的节点 response.xpath('//base/@href').extract() response.css() 返回选择器列表，使用css语法选择的节点... 2、不要把今天的工作拖到明天，明天还不是要做？还不如干脆点，今天就把工作辞了。 3、朋友，你听我一句劝，钱没了可以再挣，所以我找你借的那笔钱就不还了吧。... 4、正能量的东西也不能多看，就好比自己挺穷的，哪能天天看有钱人的生活？肯定越看越伤心。还不如多看点更丧的东西，显得自己元气尚存。.../css" href="{% static 'joke/css/style.css' %}" /> <!

8461 0

Django用户登录与注册系统

如果是现实中可以重复的人名，那肯定是不能设置unique的。...一个网站有自己的统一风格和公用部分，可以把这部分内容集中到一个基础模板base.html中。现在，在根目录下的templates中新建一个base.html文件用作站点的基础模板。...> 将它整体拷贝到base.html文件中。...使用表单类自带的is_valid()方法一步完成数据验证工作；验证成功后可以从表单对象的cleaned_data数据字典中获取表单的具体值；如果验证不通过，则返回一个包含先前数据的表单给前端页面，...注册captcha 在settings中，将‘captcha’注册到app列表里： INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth

5.6K2 1

django 1.8 官方文档翻译：4-2-1 Django模版语言

理念如果您有过编程背景，或者您使用过一些在HTML中直接混入程序代码的语言，那么现在您需要记住，Django的模版系统并不是简单的将Python嵌入到HTML中。...标签比变量更加复杂：一些在输出中创建文本，一些通过循环或逻辑来控制流程，一些加载其后的变量将使用到的额外信息到模版中。...DOCTYPE html> html lang="en"> href="style.css" /> {% block...Python一边的开发者（编写视图和自定义过滤器的人）需要考虑数据不应被转移的情况，以及合理地标记数据，让这些东西在模板中正常工作。...，不能够在模板中传递参数来调用方法。

1.2K3 0

Django用户登录与注册系统

如果是现实中可以重复的人名，那肯定是不能设置unique的。 ...一个网站有自己的统一风格和公用部分，可以把这部分内容集中到一个基础模板base.html中。现在，在根目录下的templates中新建一个base.html文件用作站点的基础模板。...> 将它整体拷贝到base.html文件中。 ...使用表单类自带的is_valid()方法一步完成数据验证工作；验证成功后可以从表单对象的cleaned_data数据字典中获取表单的具体值；如果验证不通过，则返回一个包含先前数据的表单给前端页面，...注册captcha 在settings中，将‘captcha’注册到app列表里： INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth

11.4K7 0

Django——模板层(template)（模板语法、自定义模板过滤器及标签、模板继承）

设计者和HTML/CSS的编码人员不应该被要求去编辑Python的代码来完成他们的工作。...为了在Django中关闭HTML的自动转义有两种方式，如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。...标签比变量更加复杂：一些在输出中创建文本，一些通过循环或逻辑来控制流程，一些加载其后的变量将使用到的额外信息到模版中。...那时，模版引擎将注意到 base.html 中的三个 block 标签，并用子模版中的内容来替换这些block。根据 blog_entries 的值，子模板输出的内容会是下面的内容：的templates中都有一个 index.html，当我们在views.py中使用的时候，直接写一个 render(request, 'index.html')，Django 能不能找到当前

2.6K8 0

将现有的Web前端项目生成导入到Django的Template

实际项目中，会遇到这样的问题：没有使用任何服务器端框架的前端代码，即包含html网页文件，也包含js和css的代码，如何将这些现有的项目做最少的修改而引入到Django框架中呢？...Django官网上给出了解决方法，使用static目录来存放css和js代码（虽然js是动态代码，但Django将其与css等同为静态代码，因为在后端看来，前端代码是静态的），然后在html文件里面，将原先的...修改配置文件，增加static相关目录在配置文件settings.py里面，增加STATIC_ROOT，STATIC_URL和STATICFILES_DIRS变量，使得程序在执行时知道从哪里读取配置文件...在app里面创建static目录在相应的app里面创建好static目录，然后将现有项目的css和js目录拷贝到该目录下。至于html文件，则放在相应的templates目录下。...页面跳转的问题还遇到了一些问题，比如说在现成的前端项目中，我们要跳转到别的网页，我们可以这样写： href="something.html">Something 但在Django里面，

1.8K2 0

python测试开发django-115.Paginator分页器展示table表格数据

previous_page_number() 上一页的页码 next_page_number() 下一页的页码 start_index() 返回当前页上的第一个对象，相对于分页列表的所有对象的序号，从1...比如，将23个对象的列表分为每页5个对象，第2页的start_index()会返回 6。 end_index() 返回当前页上的最后一个对象，相对于分页列表的所有对象的序号，从1开始。...link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"...', locals()) 把pa，page_num，page_object三个参数给到模板上面代码中的get_page() 方法封装了.page()方法当数字超出page_range页码范围时候的异常处理...> href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css

9361 0

Django实战-用户注册和登陆系统

如果是现实中可以重复的人名，那肯定是不能设置unique的。 2.2.数据库设置(Mysql) 在settings.py修改，一定要加上前面的导入。或是在init.py里面导入pymysql模块。...一个网站有自己的统一风格和公用部分，可以把这部分内容集中到一个基础模板base.html中。现在，在根目录下的templates中新建一个base.html文件用作站点的基础模板。...> 将它整体拷贝到base.html文件中。...使用表单类自带的is_valid()方法一步完成数据验证工作；验证成功后可以从表单对象的cleaned_data数据字典中获取表单的具体值；如果验证不通过，则返回一个包含先前数据的表单给前端页面，...11.使用Django发送邮件通常而言，我们在用户注册成功，实际登陆之前，会发送一封电子邮件到对方的注册邮箱中，表示欢迎。进一步的还可能要求用户点击邮件中的链接，进行注册确认。

7.7K4 0

django开发个人简易Blog——构建项目结构

1.创建项目进入项目要存放的目录，在命令行中输入如下指令： #django-admin.py 在你的python安装目录的Lib\site-packages\django\bin目录下 python...负责博客系统的文章、分类等的统一管理工作。进入fengzhengBlog/fengzhengBlog目录，在命令窗口中执行如下命令： python .....至此，项目结构规划完毕，下面，创建一个简单的模板，添加一些简单的html、js、图片等，查看是否正常运行。在template目录下新建一个html文件，命名为test.html,内容如下： href="/css/bootstrap.min.css"> <body...://127.0.0.1:1989/test ，打开开发人员工具,观察发现图片、样式文件、脚本文件都已经加载成功：查看页面，发现图片正常加载，而且模板中的动态参数也正常获取，点击按钮，脚本正常执行

9965 0

13.Django基础之django分页

="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384...准备工作　　我们使用脚本批量创建一些测试数据（将下面的代码保存到bulk_create.py文件中放到Django项目的根目录，直接执行即可。）...： def publisher_list(request): # 从URL中取当前访问的页码数 try: current_page = int(request.GET.get...(request): # 从URL中取当前访问的页码数 current_page = int(request.GET.get('page')) # 比len(models.Publisher.objects.all...": page_html}) 　　再来一版django内置分页器的分页 from django.shortcuts import render from django.core.paginator import

9144 0

Django之模板系统

safe 　　　　Django的模板中在进行模板渲染的时候会对HTML标签和JS等语法标签进行自动转义，原因显而易见，这样是为了安全，django担心这是用户添加的数据，比如如果有人给你评论的时候写了一段...为了在Django中关闭HTML的自动转义有两种方式，如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。　　　　...标签比变量更加复杂：一些在输出中创建文本，一些通过循环或逻辑来控制流程，一些加载其后的变量将使用到的额外信息到模版中。...，明白为什么django会加这一套防御。　　　　...其他的任何情况下，模版继承都将无法工作，模板渲染的时候django都不知道你在干啥。在base模版中设置越多的 {% block %} 标签越好。

1.3K2 0

Python进阶28-Django 模板层(Jinja2)

设计者和HTML/CSS的编码人员不应该被要求去编辑Python的代码来完成他们的工作。...标签比变量更加复杂：一些在输出中创建文本，一些通过循环或逻辑来控制流程，一些加载其后的变量将使用到的额外信息到模版中。...中的INSTALLED_APPS配置当前app，不然django无法找到自定义的simple_tag. 2.在app中创建templatetags模块(模块名只能是templatetags) 3.创建任意...这里是使用继承的一些提示： 1.如果你在模版中使用 {% extends %} 标签，它必须是模版中的第一个标签。其他的任何情况下，模版继承都将无法工作。...2.在base模版中设置越多的 {% block %} 标签越好。请记住，子模版不必定义全部父模版中的blocks，所以，你可以在大多数blocks中填充合理的默认内容，然后，只定义你需要的那一个。

1.8K2 0

Django学习-第五讲:模板中静态文件的加载

静态文件一个网站中除了正常的html页面之外，还有相应的样式，以及js等其他的文件，我们把除了html网页外的文件称之为静态资源文件，下面我们介绍一下怎么在django中去加载静态资源文件 1.1 加载静态资源文件第...1种方法：static标签 {% load static %} 在一个网页中，不仅仅只有一个html骨架，还需要css样式文件，js执行文件以及一些图片等。...（为什么在app下创建一个static文件夹，还需要在这个static下创建一个同app名字的文件夹呢？...比如要加载在项目的static文件夹下的style.css的文件。...{% load static %} href="{% static 'style.css' %}"> 1.2 静态资源文件的第2种加载方法：不用每次都在页面中

2.1K2 0

【玩转腾讯云】django 开发Bug追踪平台之用户注册篇（基于腾讯云短信 & redis）

，放置到 static 文件夹中，方便我们以后使用离线文件可以自己去官网下载，也可以拿我这里已经下载好的，我将其放在网盘中，需要可自行下载，其中包含： js、bootstrap、font-awesome....png] 接下来我们要使用的时候就可以直接引入 static 文件夹下的文件2.3.2 母版为什么要用到母版？...basic.html - 结构如下 [20200811101017810.png] - `basic.html` 代码如下，其中的导航条样式可以直接从 [bootstrap官网组件](https...）和短信模板的验证（腾讯云短信的一些凭证） 3.2 具体实现 3.2.1 前端代码在 register.html 中添加js 代码，代码如下 ```html {% extends 'layout/basic.html...是自己写的css 样式，在 web/static 文件夹下新建一个 css 文件夹用于存放自己写的css 样式，然后新建一个 account.css 文件，代码如下 ```css .account

26.9K8 8

Django-choices字段值对应关系（性别）-MTV与MVC科普-Ajax发json格式与文件格式数据-contentType格式-Ajax搭配sweetalert实现删除确认弹窗-自定义分页器

(max_length=32) 同步到数据库，并加几条测试数据在测试文件中试只要是choice字段，在获取数字对应的注释，固定语法： get_choices字段名_display()，存没有罗列的数字...（这一特点给用户的感觉是在不知不觉中完成请求和相应过程）用 Ajax 做一个小案例页面上有三个 input 框，在前两个 input 框中输入数字，点击按钮发送 ajax 请求，在不刷新页面的情况下...，在第三个框中自动填写两数之和咱们这里是 jQuery 的 ajax，别忘了先引入 jQuery 准备工作新建一个项目，完成基本配置因为要用到 post 请求，所以先暂时把 settings...中，只要你指定的编码是 formdata 就会自动解析并放到 request.FILES 中，供用户获取 json 总结：前后端传输数据的时候，一定要保证数据格式和你的编码格式是一致的，不能乱来，不然不好拿数据...= ''; // 不写就是条到当前页面#} // 通过DOM操作实时改变页面 // 将被点击的删除按钮所在的那一行直接从

6.3K3 1

一个完整的Django入门指南（二）

> 在static / css文件夹中创建一个名为app.css的新CSS文件： static/css/app.css .navbar-brand { font-family: 'Peralta'...在templates文件夹中，创建一个名为includes的新文件夹在includes文件夹中，创建一个名为form.html的文件： {#templates/includes/form.html#...在accounts文件夹中创建一个名为forms.py的文件： accounts/ forms.py # accounts/forms.py from django.contrib.auth.forms...（9）改进注册模板找一个背景图片作为账号页面的背景在static文件夹下创建一个image文件夹在static / css中创建一个名为accounts.css的新CSS文件。 ? ...(),name='logout'), 我们从Django的contrib模块导入了视图。

3.3K7 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭