2017-06-24 37 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頁面沒有在百里香葉中顯示?