Django中html页面无法调用css

最新推荐文章于 2022-11-29 16:24:21 发布
最新推荐文章于 2022-11-29 16:24:21 发布
阅读量594 收藏 6
点赞数 1
分类专栏： python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42289137/article/details/116570172
版权

解决方法

先在项目下新建static文件夹，然后放入你的css等文件。
在这里插入图片描述

在setting.py文件中最后找到STATIC_URL = '/static/'
在这行代码的下面加上

STATICFILES_DIRS = [
    (os.path.join(BASE_DIR, 'static'))
]

最后在html页面引入css
在这里插入图片描述

晶少
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
django导入多个html文件,Django导入静态文件
weixin_35998791的博客
06-16 683
引言这个问题出在以Djiango做后台的前端界面上。按以往的习惯，css，js，image等静态文件直接在前端html中写好链接，直接丢上去就可以，但当我把含外部css的html在丢到Django后发现，css并没有载入，自然，其他静态文件也是如此。最初百度查找解决方案，但很多使用的版本与我的不同，解决方案也有偏差，其他可用的方案也并没有讲清楚(其实就是我没能理解)，于是自己去看了文档写下了自己的...
Django学习教程之静态文件的调用详解
12-23
静态文件是指 网站中的 js, css, 图片，视频等文件，本文主要给大家介绍了关于Django学习之静态文件调用的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧 方法如下 1.settings.py 静态...
闭坑2：Django+html无法显示css,js等
weixin_40438421的博客
11-29 904
闭坑2：Django+html无法显示css,js等
django 引用css失效_Django用户界面模板
weixin_39723010的博客
11-29 209
在之前理解Django那篇文章中，我们学习了在Django中如何使用视图。现在，这篇文章将学习如何使用Django模板。模板是在Django项目中构建用户界面的主要工具。让我们学习一下在视图中如何使用模板，以及Django的模板系统能够提供什么特性。设置模板我们需要一个地方放置模板。模板是静态文件，Django会在里面填充数据。为了使用那些文件，我们必须告诉Django在哪里可以找到它们。像Dja...
django加载html5 !DOCTYPE html 的css不生效
qq_27361945的博客
03-28 4481
django加载html5（<!DOCTYPE html>）的css不生效         html5是规范前...
django html里找不到css文件,Django无法加载静态CSS文件
weixin_39705069的博客
06-23 413
我正在runserver本地计算机(Mac OS X)上运行Django的开发服务器()，无法加载CSS文件。以下是settings.py中的相关条目：STATIC_ROOT = '/Users/username/Projects/mysite/static/'STATIC_URL = '/static/'STATICFILES_DIRS = ('/Users/thaymore/Projects/...
django怎么调试html,django怎么加载css
weixin_28846405的博客
06-10 259
本文环境：django3.0、css3，本文适用于所有品牌的电脑。Django 中加载静态文件(图片、js、css等)第一步：首先，您得在您的Django项目的根目录下(也就是在templates的同级目录下)创建一个static文件夹，static文件夹下又分别创建css、image、js等文件夹；第二步：在settings.py文件中的最后写入如下代码：MEDIA_ROOT = os.path...
django-xfz:Django专案
05-15
这个项目展示了如何利用现代Web技术如HTML5、CSS3和JavaScript，结合Django的强大功能，来实现前后端分离的开发模式。 在Django框架中，核心概念包括模型（Models）、视图（Views）、模板（Templates）和URL（URLs...
Django3.2中文开发手册（html离线版）
04-27
10. **静态文件和媒体文件（Static Files & Media Files）**：Django 区分静态文件（如 CSS、JavaScript 和图片）和用户上传的媒体文件。在开发阶段，Django 可以直接服务这些文件，而在生产环境中，通常需要配置 ...
Django中的ajax请求
09-20
总结来说，Django中的Ajax请求涉及前端JavaScript的Ajax调用、后端Django视图的处理以及URL路由的配置。通过这种方式，可以实现动态更新页面，提高用户交互体验。同时，理解并熟练运用Ajax请求对于提升Django应用的...
Django_HTML
03-04
在HTML中，可以使用`<a>`标签的`href`属性引用这些URL，实现页面间的跳转。 9. 静态文件与媒体文件管理： 在Django项目中，静态文件（如CSS、JavaScript和图片）通常放在`static`目录下，而用户上传的媒体文件则...
django html里找不到css文件路径,django中找不到css等静态文件
weixin_42320493的博客
06-21 500
我的django项目找不到css等静态文件，想问一下大家，我现在是debug=true的状态，应该不需要配置static_root吧 ，不过我还是配置了一下，但是还是找不到，求助，目录结构如下：自己的settings里面的配置是这样：BASE_DIR = os.path.dirname(os.path.dirname(__file__))STATIC_URL = '/static/'STATIC_...
django运行后html无法加载图片、css、js
erwange的博客
05-06 776
在settings.py最后加上如下代码： STATIC_URL = ‘/static/’ STATIC_ROOT = os.path.join(os.path.dirname(file),‘static’) STATICFILES_DIRS = ( (‘css’,os.path.join(STATIC_ROOT,‘css’).replace(’\’,’/’) ), (‘js’,os.path.j...
django 引用css失效_Django快速入门
weixin_39769091的博客
11-29 363
预备知识Python基础，HTML，CSS以及Unix命令行。如果你已经掌握了这些，学习本课程会很轻松。介绍这不是一个教程。这个快速入门课是一个快速制作基本的 Django 网站的方法，而无需深入了解制作网站应用程序的基本概念。对于快速入门课的每一步，我都会对正在使用的工具和概念添加一个解释更全面的链接，以便于你在创建你的第一个项目时更好的理解 Django。我们的目标我们要制作...
django html里找不到css文件路径,python – django找不到静态/ css文件错误404
weixin_42355387的博客
07-03 995
这个问题似乎是众所周知的,然而,大多数都是陈旧的Q& A并且他们没有解决我的问题.我正在使用Django 2.0.2,当我的简单网页没有渲染我的bootstrap.css文件,因为它根本找不到它.这是我的文件结构：myproject/|-- myproject/| |-- boards/| |-- myproject/| |-- templates/| |-- st...
Django下html引用css、js文件加载不成功的解决方法
zkw_1998的博客
07-29 2201
1.文件结构如下： 2.在setting.py文件的底部加上下面的代码： STATIC_ROOT = os.path.join(BASE_DIR, 'project0729/static/') STATICFILES_DIRS = ( ('css', os.path.join(STATIC_ROOT, 'css')), ('images', os.path.join(STATIC_ROOT, 'images')), ('js', os.path.join(STATIC_ROOT,
Django无法加载css样式问题
刘公子N的博客
02-21 1814
从网上保存的一个网页，本地修改之后用到Django框架，但是出现网页加载异常。更诡异的是在其他电脑竟然可以正常显示，已经被搞的开始迷信了。网上找了一圈，下面的方式解决了这个问题，但是具体为啥还是搞不懂，对我来说仍然是个谜。 windows下使用django前台无法载入css的解决办法 本文从这里抄来的：https://www.cnblogs.com/catchus/p/5307418.html 以下是这个人的博文(感谢，虽然不知道为啥，但起码解决了问题)： 这种情况一般会在windows系统下出现，linu
单独测试网页时有css样式，但运行django项目后网页没有加载css样式
younger_to_older的博客
02-15 2174
在python manage.py runserver 前单独测试html文件有css样式，但是运行后系统不能加载css。 出现这种现象的原因是系统加载css样式默认是在项目的app目录下，而我们新建static/css目录文件是放在project目录下的。 所以尽管你之前测试html没有问题，但是当系统运行后找不到你的css样式。 解决方法： 1.配置settings文件 ...
python3 django 静态html 中文乱码_python-django加载HTML/CSS样式
weixin_39548438的博客
12-09 440
一、如何在django里面加载html的css样式：在服务器运行在本地时：127.0.0.1:8000端口时候，需要先配置好你的django。1、对于django而言，加载html，django会通过templates中放置的HTML来加载。但是单纯的HTML在实际的网站中是不现实的，必定会要嵌入CSS和js等样式。此时django默认是对css、js的静态文件是拒绝访问的，必须要在里面进行配置才...
django如何调用element ui
最新发布
06-07
在 Django 中调用 Element UI，你需要先在项目中引入 Element UI 的相关静态资源文件。一种常见的方法是通过在 HTML 页面中使用 CDN 引入 Element UI： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My Django App</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> </head> <body> <!-- Your Django app content here --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/element-ui/lib/index.js"></script> </body> </html> ``` 这里我们使用了 Vue.js 和 Element UI 的 CDN 链接。你也可以下载 Element UI 的静态资源文件，然后在 Django 项目中引入。 在 Django 中，你可以使用模板引擎来渲染 HTML 页面。在模板中，你可以像以下这样使用 Element UI 的组件： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My Django App</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> </head> <body> <div id="app"> <el-button @click="onClick">Click me</el-button> </div> <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <script> new Vue({ el: '#app', methods: { onClick: function() { this.$message('Hello, World!'); } } }); </script> </body> </html> ``` 这里我们创建了一个 Vue 实例，然后在 HTML 页面中使用了 Element UI 的 `<el-button>` 和 `$message` 组件。当用户点击按钮时，会触发 `onClick` 方法，然后显示一个消息框。 这就是在 Django 中调用 Element UI 的基本方法。当然，具体的实现方式还需要根据你的项目需求来进行调整和优化。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值