那些很神奇的bug系列—

问题描述
奉命修复一个停车系统的bug，后台管理系统前端应该是基于AdminLTE的。其中一个bug是这样的，原始页面是这样的：

管理员页面

按照需求，这个侧边菜单栏是只有管理员才能访问的，于是对于非管理员页面应该是这样的：

非管理员页面

实际上显示效果是这样的：

非管理员bug页面

检查后发现是由于设置非管理员样式的时候多加了sidebar-mini属性，于是将其移除

@if(Auth::user()->id == 1)

  

@else

  

  

@endif

移除后，页面显示效果如下：

头部显示不正常

左边的小侧边菜单栏虽然是消失了，但是头部居然在文字前面空出了一大块黑框！

至此，这个神奇的bug终于浮出水面╭( ･ㅂ･)و ̑̑

解决办法
有的同学也许会说，直接把头部在文字前面的大黑框直接隐藏不久行了嘛？然而问题并没有那么简单(⊙︿⊙)
因为你在文件里根本找不到黑框对应的div或者块什么的┗( T﹏T )┛不信你看html：

根据我们的前端攻城狮说，这个是直接由样式来生成的。。。

后来经过很多次绝望的尝试后，发现如果把智能云停车场文字这一段判断代码去掉页面就显示正常了（其实根本就不需要在这里判断，坑爹啊）！！！



    @if(Auth::user()->is_admin == 1)
        智能云停车场
    @endif

  
  
    
    @if(Auth::user()->is_admin == 1)
    
      Toggle navigation
    
      @else
          智能云停车场
    @endif
    
    
      
        
        
        
        
          
                        
                           
                            
                                                                {{ \Auth::user()->name }}
                                Logout

修改后



  
  智能云停车场
  
  
    
    @if(Auth::user()->is_admin == 1)
    
      Toggle navigation
    
    
    
      
        
        
        
        
          
                        
                           
                            
                                                                {{ \Auth::user()->name }}
                                Logout

寻找原因
虽然问题解决了，但是一想其实还是觉得很神奇，因为对于非管理员来说，应该不会渲染出智能云停车场这个标签来的（实际上在页面上也看不到），不过因为这段代码的存在确实对头部的样式产生了影响。
怀疑这个问题可能是由laravel的blade模板解析引擎引起的，不过这个目前只是猜测，也不知怎么去验证。欢迎大家一起探讨╰(￣▽￣)╭

最后感谢我们公司的前端攻城狮@红杰，帮我解决了这个神奇的bug
( ^_ )/~~拜拜

那些很神奇的bug系列——1

你可能感兴趣的:(那些很神奇的bug系列——1)