解决windows写Django项目在templates中的html文件中引入外部css，js不成功的方法

最新推荐文章于 2022-07-05 11:32:20 发布
最新推荐文章于 2022-07-05 11:32:20 发布
阅读量1.2k 收藏
点赞数
文章标签： python 开发工具
原文链接：http://www.cnblogs.com/ling-li/p/9596505.html
版权

这是我的项目的目录结构，html文件是放在templates目录下的。

但是我昨天想要在html中引入外部的放在static文件夹中的CSS和JS时，出现引入不进去的错误。而且这个路劲无论怎么写都是不对。

后来经过百度，发现windows下在写html的时候，不能再文件开头加上<!DOCTYPE html>这句，把这句话去掉就可以引入外部文件了。

 
 
 
 

 

转载于:https://www.cnblogs.com/ling-li/p/9596505.html

                

        

        




    




    

      

        

            

              
                
                  weixin_34008805
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
Django项目上线后无法加载xadmin等的静态文件问题(django的settings中几个static设置项的关系)

				
			

			

				

					寸草心的博客
				

				

					01-22
					
					3043
					
				

			

		

		

			
				
多数是static的settings.py设置问题.
这里不设置好其他app的static你同样是加载不了
1.settings.py里面这样设置.
STATIC_URL = '/static/'
#这里注意不要和你项目static文件夹名一样,因为这个是用来存放收集来的所有静态文件的.
#如果你设置相同,等运行collectstatic时会警告.
STATIC_ROOT = os.path.jo...

			
		

	



                

              
                



	

		

			

				
					
Springboot访问templates下的html页面，CSS，JS失效

				
			

			

				

					03-02
				

			

		

		

			
				
Springboot访问templates下的html页面，CSS，JS失效。
此模板适用于PC和移动端

			
		

	



                


  
              

                


	

		

			

				
					
Django学习之旅（十二）Nginx+Gunicorn+Supervisor部署Django博客应用以及各种排坑尝试

				
			

			

				

					weixin_37881839的博客
				

				

					07-05
					
					1974
					
				

			

		

		

			
				
django线上部署，以及遭遇的无数坑和一些解决方法。

			
		

	





	

		

			

				
					
centos上部署django项目后，外网无法连接（内网可以访问到项目）的解决办法

				
			

			

				

					西门大盗 捉虫专家
				

				

					09-07
					
					3086
					
				

			

		

		

			
				
在服务器上部署django项目后，遇到外网无法连接，而内网可以访问的情况，这时项目肯定是没有问题的，只能从端口项目的设置进行修改。常见有以下几个方法去尝试：

一，查看服务器的安全组中是否开启了这个端口。



二：查看是否是防火墙阻挡了

firewall-cmd --zone=public --list-ports

发现没有开启防火墙



如果发现有开启了防火墙，那么就需要开放这个端口：

1.添加防火墙允许的端口如（8000）：
firewall-cmd --zone=public --add-p

			
		

	



		

			
		



	

		

			

				
					
在阿里云上部署Django应用后，页面403错误，始终无法加载静态文件的解决方案

				
			

			

				

					HeatDeath的博客
				

				

					04-23
					
					3301
					
				

			

		

		

			
				
设置好了 nignx uwsgi 还有一大堆乱七八糟的东西之后， 费劲九牛二虎之力，好不容易登上了自己写的网站，结果却发现，静态文件全都没有加载出来… 
mdzz！！！ 
改来改去也改不好，万般无奈，又在 bing 上搜索了一下，发现了另一个和我一样蠢得同学  :)nginx迁移到阿里云后静态文件403错误无法访问的原因有哪些？在评论区发现了解决办法
  alias /root/mysite/blo

			
		

	





	

		

			

				
					
如何在Django项目中引入静态文件

				
			

			

				

					09-18
				

			

		

		

			
				
在Django项目中引入静态文件是构建Web应用时不可或缺的一部分，因为这些文件通常包含CSS、JavaScript和图片等资源，它们负责提升用户体验和页面交互性。接下来我们将深入探讨如何在Django项目中有效地管理静态文件。...

			
		

	





	

		

			

				
					
解决Django中修改js css文件但浏览器无法及时与之改变的问题

				
			

			

				

					09-18
				

			

		

		

			
				
今天小编就为大家分享一篇解决Django中修改js css文件但浏览器无法及时与之改变的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了

				
			

			

				

					09-17
				

			

		

		

			
				
主要介绍了解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
在templates的HTML文件里面链接css文件的方式 Django1.11

				
			

			

				

					KissTooTrue的博客
				

				

					11-19
					
					596
					
				

			

		

		

			
				
方式一：使用绝对路径


{% block exit_css %}
    <link rel="stylesheet" href="/static/css/home_mine.css">
{% endblock %}

要将static目录在settings.py文件里面注册，浏览器才可以找到css文件。

方式二：使用相对路径


{% load static %}
{% bloc...

			
		

	





	

		

			

				
					
springboot整合thymeleaf中html无法引入js，css问题

				
			

			

				

					凌风少年z
				

				

					11-10
					
					3033
					
				

			

		

		

			
				
html文件是我直接从网上下载的模板，然后改成适合自己的，所以涉及到了一些js，css样式
下载之后直接打开浏览器访问是没问题的，但是springboot通过controller访问html页面，发现无法引入静态资源
先看一下我的目录：

当我写登录功能时，controller直接返回login，就是访问登录页面
controller代码：
@Controller
@RequestMapping("/user")
public class UserController {
    @Autowired
  

			
		

	





	

		

			

				
					
templates下html无法调用js等静态资源，爆出404错错误

				
			

			

				

					qq_35148076的博客
				

				

					12-18
					
					3845
					
				

			

		

		

			
				
templates下html无法调用js等静态资源，爆出资源找不到，或方法未定义，解决方法如下：如果使用如下方法调用js是可以通过ctrl跳转到该资源文件但是在浏览器中会报错且无法正确加载资源.

转载自博客雷园，原文地址https://blog.csdn.net/leiyuan2580/article/details/81874304...

			
		

	





	

		

			

				
					
templates下的html怎么访问,templates里css和js静态怎么访问

				
			

			

				

					weixin_34440189的博客
				

				

					06-30
					
					638
					
				

			

		

		

			
				
css3 圆形轨迹动画css3 圆形轨迹动画 css3圆形轨迹动画 !doctype htmlhtml lang=enhead meta charset=UTF-8 / title css3圆形轨迹动画 /title style type=text/css @keyframes animX{ 0% {left: 0px;} 100% {left: 500px;} } @keyframes anim...

			
		

	





	

		

			

				
					
django 使用template后html文件找不到css的解决方法

				
			

			

				

					面包的博客
				

				

					01-31
					
					8938
					
				

			

		

		

			
				
今天看Django book到第七章了。前面配置什么的都算搞定了，正式开始写自己的登录页面。结果一打开发现用bootstrap的css根本无法加载：


看错误提示是url无法解析，因为URLpattern中根本没有这个规则。但也不能每个样式表都写一个规则吧，这不科学。
后来找了半天总算找到解决方法了。原文请戳http://www.yihaomen.com/article/python/2

			
		

	





	

		

			

				
					
解决springBoot 的templates中html引入css文件失败

				
			

			

				

					前端开发一枚
				

				

					07-22
					
					4016
					
				

			

		

		

			
				
我的情况是网页打开没有css效果

文件结构：



解决办法一：修改路径（springBoot已经默认静态资源在static文件夹）只需href=“css/你的.css”



解决办法二：增加配置文件






			
		

	





	

		

			

				
					
Django中的templates(你的HTML页面放哪里)

				
			

			

				

					weixin_30301449的博客
				

				

					09-12
					
					903
					
				

			

		

		

			
				
本文回答Django里面的HTML文件应该怎么放，以及Django是如何查找模板文件的。
到目前为止我们没有使用HTML页面，在之前的说明中所有内容都是写死在程序里的，如果你想改变内容就要修改代码。但是显然这不和逻辑，所以要将页面和数据分离，程序产生数据，页面么就是用来展示数据的，将来你想更换展示的样式那么也不需要修改程序，我们这里说的程序是Python代码。
1. 创建你的HTML文件
我...

			
		

	





	

		

			

				
					
Django项目中Html文件链接css文件

				
			

			

				

					wait_me的博客
				

				

					01-03
					
					1746
					
				

			

		

		

			
				
Django项目中Html文件链接css文件

 

在html文件中连接css文件时，要在最前端加入声明：



 

然后在头部&lt;head&gt;标签中加入css文件的链接，加入一个block模板方便让后面的继承类自己去添加css文件链接： 

...

			
		

	





	

		

			

				
					
使用Django框架时候，在HTML文件中引入bootstrap与js是如何引入的

					
最新发布

				
			

			

				

					06-12
				

			

		

		

			
				
在Django中使用Bootstrap和JS，可以按照以下步骤进行引入：  1. 将Bootstrap和JS文件下载到你的项目中，一般存放在`static`文件夹中。  2. 在Django中，可以通过`{% load static %}`标签加载静态文件，将其添加到...

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值