2017-06-24 35 views
0

这是我的正常UI显示细节。 URL这是http://127.0.0.1:8000/userregister根据页面URL,HTML模板没有加载。为什么?

enter image description here

但是,如果我按在这里看到的按钮,它移动到其延长上述观点所使用的所有CSSJS功能的新观点。所以,新视图看起来像这样。

这里是新URLhttp://127.0.0.1:8000/Seedetails/MOB/TR/1743

enter image description here

这不是这种情况下,所有其他类似案例。有人能帮我一下吗 ?

+0

你检查浏览器的网络电话和检查所需的CSS加载与否? –

+0

小提琴也许?所有的CSS文件加载正确吗? – gauravmuk

+0

用户资产()方法来链接您的CSS或JS文件.. –

回答

1
<!DOCTYPE html> 
<html lang="{{ config('app.locale') }}"> 

<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Training Management</title> 
    <meta name="description" content="Free Bootstrap Theme by BootstrapMade.com"> 
    <meta name="keywords" 
      content="free website templates, free bootstrap themes, free template, free bootstrap, free website template"> 

    <link rel="stylesheet" type="text/css" 
      href="https://fonts.googleapis.com/css?family=Roboto:400,300|Raleway:300,400,900,700italic,700,300,600"> 
    <link rel="stylesheet" type="text/css" href="{{ asset('css/jquery.bxslider.css') }}"> 
    <link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}"> 
    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.min.css') }}"> 
    <link rel="stylesheet" type="text/css" href="{{ asset('css/animate.css') }}"> 
    <link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}"> 
    <link rel="stylesheet" href="{{ asset('css/style.css') }}"/> 
    {!! Charts::assets() !!} 

</head> 
<body> 

<div class="loader"></div> 
<div id="myDiv"> 
    <!--HEADER--> 
    <div class="header"> 
     <div class="bg-color"> 
      <header id="main-header"> 
       <nav class="navbar navbar-default navbar-fixed-top"> 
        <div class="container"> 
         <div class="navbar-header"> 
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
           <span class="icon-bar"></span> 
           <span class="icon-bar"></span> 
           <span class="icon-bar"></span> 
          </button> 
          <a class="navbar-brand" href="home#">MOB<span class="logo-dec">ITEL</span></a> 
         </div> 
         <div class="collapse navbar-collapse" id="myNavbar"> 
          <ul class="nav navbar-nav navbar-right"> 

           <li class=""><a href="#feature">Trainee Details</a></li> 
           <li class=""><a href="#service">User Registration</a></li> 
           <li class=""><a href="#portfolio">Downloads</a></li> 
           <li class=""><a href="#testimonial">Certificate & Evaluation</a></li> 
           <li class=""><a href="#blog">Training Programs</a></li> 
           <li class=""><a href="#contact">Contact Us</a></li> 

           <ul class="nav navbar-nav navbar-right"> 
            <li class="dropdown"> 
             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" 
              aria-expanded="false"> 
              {{ Auth::user()->name }} <span class="caret"></span> 
             </a> 

             <ul class="dropdown-menu" role="menu"> 
              <li> 
               <a href="{{ route('logout') }}" 
                onclick="event.preventDefault(); 
                document.getElementById('logout-form').submit();"> 
                Logout 
               </a> 

               <form id="logout-form" action="{{ route('logout') }}" method="POST" 
                 style="display: none;"> 
                {{ csrf_field() }} 
               </form> 


              </li> 
             </ul> 
            </li> 
           </ul> 
          </ul> 
         </div> 
        </div> 
       </nav> 
      </header> 


      <div class="wrapper"> 
       <div class="container"> 
        <div class="row"> 
         <div class="banner-info text-center wow fadeIn delay-05s"> 
         </div> 
        </div> 
       </div> 
      </div> 


      @yield('content') 

     </div> 


     <footer id="footer"> 
      <div class="container"> 
       <div class="row text-center"> 
        <p>&copy; All Rights Reserved.</p> 
        <div class="credits"> 

        </div> 
       </div> 
      </div> 
     </footer> 
    </div> 


</div> 


<script src="{{ asset('js/jquery.min.js') }}"></script> 
<script src="{{ asset('js/jquery.easing.min.js') }}"></script> 
<script src="{{ asset('js/bootstrap.min.js') }}"></script> 
<script src="{{ asset('js/wow.js') }}"></script> 
<script src="{{ asset('js/jquery.bxslider.min.js') }}"></script> 
<script src="{{ asset('js/custom.js') }}"></script> 
<script src="{{ asset('contactform/contactform.js') }}"></script> 
<script type="text/javascript" src="{{ asset('js/jquery.js') }}"></script> 

</body> 
</html> 

试试这个

+0

这对我来说很好 – Dasun

0

你的css和js文件不包含在页面中,你可以用这种方式包含它。

<script type="text/javascript" src="{{ asset('js/jquery.js') }}"></script> 

让我们在laravel的app/public文件夹中创建js目录。你必须把jquery.js文件。功能asset()为您生成必要的网址。对于CSS文件

相同的过程:

<link rel="stylesheet" href="{{ asset('css/style.css') }}" /> 

希望这会帮助你。

+0

我不明白函数asset()为你生成必要的url。你可以解释一下吗? – Dasun

+0

根据你的方式css loaded.but js没有加载 – Dasun

+0

1)'asset()'函数产生加载css,js的路径。 2)如果js没有加载,则尝试'

  • 11. 为什么模板没有被渲染?
  • 12. jQuery根据页面URL添加课程
  • 13. 为什么在改变BASE_DIR在Django中的位置之后,我的页面模板块没有加载?
  • 14. 为什么加载静态html页面而不是Wordpress?
  • 15. 为什么html页面无法正确加载?
  • 16. 为什么不加载这个本地html页面?
  • 17. 为什么简单的HTML页面不通过Spring MVC加载
  • 18. 为什么我的HTML页面不能在Android中加载?
  • 19. 页面没有加载wordpress
  • 20. Twitter页面没有加载
  • 21. UIWebView没有加载页面
  • 22. 根据点击加载模板
  • 23. 在Angular中,如何根据需要加载模板html
  • 24. 在PHP中根据URL加载页面内容
  • 25. Jquery加载多个模板页面
  • 26. NextGEN Gallery模板加载页面两次。
  • 27. Jquery加载Joomla模板页面
  • 28. 多页面的HTML页面模板
  • 29. 为什么CURL没有得到页面的HTML?
  • 30. 为什么HTML页面没有在百里香叶中显示?