Django运行时前端无法展示html页面样式

最新推荐文章于 2022-11-29 16:24:21 发布
最新推荐文章于 2022-11-29 16:24:21 发布
阅读量1.9k 收藏 2
点赞数 1
文章标签： django html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cra_sh/article/details/120496763
版权

记录一下因为疏忽导致前端页面展示不全/泪奔~

主要原因就是没有加入静态文件的路径！

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

 

 

 

夏眠_
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于Django框架的Tushare股票数据可视化平台.zip
06-06
此外，还可以结合Django的模板系统，将生成的图表嵌入到网页中，提供良好的用户体验。 对于初学者来说，这个项目是一个很好的实践机会，可以深入学习Django框架的使用，理解Web开发的基本流程，同时提升数据分析和...
django加载html5 !DOCTYPE html 的css不生效
qq_27361945的博客
03-28 4481
django加载html5（<!DOCTYPE html>）的css不生效         html5是规范前...
闭坑2：Django+html无法显示css,js等
weixin_40438421的博客
11-29 904
闭坑2：Django+html无法显示css,js等
django 引用html页面,django 如何使 include 标签引用的子页面中的 block 生效？
weixin_31154627的博客
06-04 279
文档结构：base.html{% include tools.html %}tools.html{% block ... %}{% block ... %}page.html{% extends base.html %}其中 ——tools.html 中含有一些 {% block %} 标签；tools.html 被 {% include %} 标签引入到了 base.html 中；base.ht...
Django启动网页时无法加载外部css、js、img文件，网页无法全部显示
weixin_45731650的博客
05-26 1354
在django项目起来以后，很多小伙伴迫不及待想看一看或测试页面，如果只是单纯的html则不需要任何设置和更改，但若加入了css或js文件或img图片，则需要进行一定的修改。 第一步：创建static静态文件，并将css、js、img文件归类放入static下以备用。 第二步：配置setting。（关键一步，不配置会导致网页起不来，找不到本地文件，也可以说是重定向） STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE...
VScode配置前端及Django环境
WLB 的博客
11-06 3643
安装vscode 因为写得时间比较早了,故第一部分的引用,被遗漏了。在此先对原作者说声抱歉。本文的主题是对一些博客的好方法，进行实践，然后，集成。感谢大家支持。 下载软件：https://code.visualstudio.com/ 首先: 安装语言包:Chinese (Simplified) Language Pack for Visual Studio Code,然后关闭VSC再打开. 如果还不显示,就用 “Ctrl+Shift+P”-“display”- “Enter”-选择zh-CH 解决中文注
movieweb_python：Django建造的一个视频网站
01-31
bootstrap作为前端样式框架 使用微信JS-SDK开发工具包，对接微信分享API，使之视频播放页面支持微信分享 python用于程序后台逻辑处理 使用django自带的数据库Sqlite3存储网站数据 管理员（后台管理）： 用户名：root...
django-material-admin：django管理的材料设计
02-04
Materialize CSS是基于Material Design的一套前端框架，包含了预定义的CSS类和组件，简化了网页开发。Django-Material-Admin利用Materialize CSS，为Django应用提供了现成的UI组件，如按钮、表格、卡片等，这些组件...
Python Django入门项目个人博客源代码，学Web开发必做的项目
04-21
**Python Django 入门项目：个人博客搭建** 在IT行业中，Web开发是一项至关重要的技能，而Python Django框架是其中的一款强大工具。这个个人博客源代码项目对于初学者来说，是学习Django和Web开发的理想起点。...
Jewellery-Ecommerce-Website:该网站使用Django构建，并使用bootstrap作为前端
03-30
部署方面，Django可以运行在各种Web服务器上，如Apache、Nginx等，配合Gunicorn或uWSGI等Wsgi服务器，实现高效稳定的运行环境。 综上所述，Jewellery-Ecommerce-Website项目结合了Django的强大后端能力和Bootstrap...
django部署后样式丢失解决办法
m0_37780940的博客
08-27 1673
常规操作，是网上都能搜到到的： 1、setting.py 添加 STATIC_ROOT STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE_DIR, 'static') 2、执行python manage.py collectstatic 以上两步还不行尝试一下设置： 在urlpatterns后追加static(settings.STAT...
Docker部署django样式没加载问题
fresh_nam的博客
09-20 874
问题： 在本地写好的项目要给其它人使用，就要部署到云服务器端。使用docker可以很方便的将django部署到云服务器，但是当Debug由True变成False时(即项目由开发模式变成生产模式，有这个需要的话)，样式加载会出现错误，下面说一下解决方法。 解决： 不会docker部署的小伙伴可以参考以下博文部署django项目： django的docker部署 django项目的样式都是放在static文件夹里面，所以解决问题的方法是指定static的路径。首先在settings.py里面添加如下代码： S
Django admin 样式显示不正常
qq_34919833的博客
08-16 1342
静态文件都正常加载，但样式显示不正常 求解。 python 3.7.5 Django 3.0
html页面加载有时没有网样式,网站css样式不加载是什么原因？
weixin_32073733的博客
06-07 5042
有时当我们打开网页时，网页布局完整，但却没有任何布局样式显示。这是什么原因？为什么网站css样式不加载了？下面给大家介绍一些无法加载css样式的原因。网站css样式不加载是什么原因？网站css样式不加载，可能是因为css样式加载失败了。而造成css加载失败的原因有很多，这可能跟你代码出错，浏览器、路径、编码等等都是有关联的。所以在具体情况具体分析。最常见的失败原因有以下几类：1、路径错误或者代码不...
django模板无法正常加载 {% load markup %}
m0_46900715的博客
06-08 592
django模板无法正常加载 {% load markup %}
Django解决css样式失效问题最终方法
青梅煮酒
05-21 6480
  由于Django对css的支持不是很友好，有时候我们明明写了相应的css代码，但是引入css文件的时候前端没有效果，找了很多方法来解决都没能最终解决，终于在一个帖子上看到一个方法，对解决css样式失效问题很管用，方法如下： 只需在HTML文件的head部分的<title>标签下面添加如下代码就可以解决。 <base href="/"> ...
django框架已经成功引入外部CSS、JS文件但是无法显示的问题解决，注意删除HTML文件的声明
亭有枇杷树
04-28 2849
首先引入外部文件，CSS、JS等等 步骤一：在该app下创建static文件用于储存外部文件，注意和templates文件夹放在同级目录下。 步骤二：将外部文件分类放入static下。如图所示： 步骤三：打开根目录也就是项目工程下的setting，如下修改： # 静态资源目录 STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'stat...
django联系人列表前端展示并美化页面
最新发布
03-04
要使用Django构建联系人列表，并美化它们的页面，您可以遵循以下步骤： 1. 创建Django项目和应用程序：运行以下命令来创建一个新的Django项目和应用程序： ``` django-admin startproject myproject cd myproject python manage.py startapp contacts ``` 2. 创建联系人模型：在contacts/models.py文件中定义联系人模型，如下所示： ```python from django.db import models class Contact(models.Model): first_name = models.CharField(max_length=50) last_name = models.CharField(max_length=50) email = models.EmailField(max_length=254) phone = models.CharField(max_length=20) ``` 3. 运行迁移：运行以下命令来创建并应用数据库迁移： ``` python manage.py makemigrations python manage.py migrate ``` 4. 创建视图：在contacts/views.py文件中创建一个视图，用于显示联系人列表： ```python from django.shortcuts import render from .models import Contact def contact_list(request): contacts = Contact.objects.all() return render(request, 'contacts/contact_list.html', {'contacts': contacts}) ``` 5. 创建模板：创建一个模板来显示联系人列表，例如contacts/templates/contacts/contact_list.html： ```html {% extends 'base.html' %} {% block content %} <h1>Contact List</h1> <ul> {% for contact in contacts %} <li>{{ contact.first_name }} {{ contact.last_name }} - {{ contact.email }} - {{ contact.phone }}</li> {% empty %} <li>No contacts yet.</li> {% endfor %} </ul> {% endblock %} ``` 6. 创建URL：在contacts/urls.py文件中定义一个URL模式，以便访问联系人列表视图： ```python from django.urls import path from .views import contact_list urlpatterns = [ path('', contact_list, name='contact_list'), ] ``` 7. 更新项目URL配置：将应用程序的URL配置包含在项目级别的URL配置中，例如myproject/urls.py： ```python from django.contrib import admin from django.urls import path, include urlpatterns = [ path('admin/', admin.site.urls), path('contacts/', include('contacts.urls')), ] ``` 8. 添加样式：如果您想要美化联系人列表页面，可以将CSS样式添加到base.html或contact_list.html模板中。 这些步骤应该能够让您构建一个简单的联系人列表，并美化它们的页面。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值