2017-10-06 2 views
0

j'ai une page qui montre de nombreux produits et chacun a un lien pour voir ses détails, c'est le code qui mène au lien:valeurs de passage de .Pale au contrôleur

<a class="btn-danger" href="{{ url('viewpartydetails/'.$party->party_id) }}"> 
        view details 
       </a> 

et c'est la route: Route::get('viewpartydetails/{party_id}','[email protected]');

ce qui est le code dans le contrôleur:

public function partydetails($party_id) 
    { 
     if(!Auth::guest()) 
     { // $party_id=request('partyid'); 
      $party = DB::table('party1')->where('party_id',$party_id)->get(); 
      //dd($party_id); 
      return view('partydetails',compact('party')); 
     } 
     else 
      return redirect()->guest('login'); 

    } 

le problème est la page que je veux montrer comparaît sans conception!!! mais quand je supprime cette partie "/ {party_id}" toutes les conceptions apparaissent à nouveau !!! quel est le problème? Ceci est la page de vue:

@extends('layouts.app') 

@section('content') 
    <div id="fh5co-main"> 
     <div class="fh5co-narrow-content"> 
      <div class="row"> 
       <div class="col-md-5"> 
        <h2 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">About Us Nitro <span>A Web Studio</span></h2> 
        <p class="fh5co-lead animate-box" data-animate-effect="fadeInLeft">Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p> 
        <p class="animate-box" data-animate-effect="fadeInLeft"> Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p> 
       </div> 
       <div class="col-md-6 col-md-push-1 animate-box" data-animate-effect="fadeInLeft"> 
        <img src="images/img_1.jpg" alt="Free HTML5 Bootstrap Template" class="img-responsive"> 
       </div> 
      </div> 

     </div> 
    </div> 
@stop 

Code app.blade:

<!DOCTYPE html> 
<html lang="{{ app()->getLocale() }}"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- CSRF Token --> 
    <meta name="csrf-token" content="{{ csrf_token() }}"> 

    <title>{{ config('app.name', 'Laravel') }}</title> 

    <!-- Styles --> 
    <link href="{{ asset('css/app.css') }}" rel="stylesheet"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 
    <!-- #Dışarıdan Çağırılan Dosyalar Font we Materyal İkonlar Bitiş --> 

    <link rel="stylesheet" type="text/css" href="css/style1.css"> 
    <link rel="shortcut icon" href="favicon.ico"> 

    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic,700' rel='stylesheet' type='text/css'> 


    <!-- Animate.css --> 
    <link rel="stylesheet" href="css/animate.css"> 
    <!-- Icomoon Icon Fonts--> 
    <link rel="stylesheet" href="css/icomoon.css"> 
    <!-- Bootstrap --> 
    <link rel="stylesheet" href="css/bootstrap.css"> 
    <!-- Owl Carousel --> 
    <link rel="stylesheet" href="css/owl.carousel.min.css"> 
    <link rel="stylesheet" href="css/owl.theme.default.min.css"> 
    <!-- Theme style --> 
    <link rel="stylesheet" href="css/style.css"> 

    <!-- Modernizr JS --> 
    <script src="js/modernizr-2.6.2.min.js"></script> 
</head> 
<body background="images/party1.jpeg"> 

    <div id="app"> 

     <nav class="navbar navbar-default navbar-static-top"> 
      <div class="container"> 
       <div class="navbar-header"> 

        <!-- Collapsed Hamburger --> 
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse"> 
         <span class="sr-only">Toggle Navigation</span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 

        <!-- Branding Image --> 
        <a class="navbar-brand" href="{{ url('/') }}"> 
         {{ config('app.name', 'Laravel') }} 
        </a> 
       </div> 

       <div class="collapse navbar-collapse" id="app-navbar-collapse"> 
        <!-- Left Side Of Navbar --> 
        <ul class="nav navbar-nav"> 
         &nbsp; 
        </ul> 

        <!-- Right Side Of Navbar --> 
        <ul class="nav navbar-nav navbar-right"> 
         <!-- Authentication Links --> 
         @if (Auth::guest()) 
          <li><a href="{{ route('login') }}">Login</a></li> 
          <li><a href="{{ route('register') }}">Register</a></li> 
         @else 
          <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> 
            <li> 
             <a href="{{ url('viewparties') }}"> 
              view parties 
             </a> 

            </li> 
            @if(Auth::user()->user_type=="organizer") 
            <li> 
             <a href="{{ url('add_party') }}"> 
              add a party 
             </a> 
            </li> 
            @endif 
           </ul> 
          </li> 
         @endif 
        </ul> 
       </div> 
      </div> 
     </nav> 

     @yield('content') 

    </div> 

    <!-- Scripts --> 
    <script src="{{ asset('js/app.js') }}"></script> 
    <script src="js/jquery.min.js"></script> 
    <!-- jQuery Easing --> 
    <script src="js/jquery.easing.1.3.js"></script> 
    <!-- Bootstrap --> 

    <!-- Carousel --> 
    <script src="js/owl.carousel.min.js"></script> 
    <!-- Stellar --> 
    <script src="js/jquery.stellar.min.js"></script> 
    <!-- Waypoints --> 
    <script src="js/jquery.waypoints.min.js"></script> 
    <!-- Counters --> 
    <script src="js/jquery.countTo.js"></script> 


    <!-- MAIN JS --> 
    <script src="js/main.js"></script> 
</body> 
</html> 
+0

Pouvez-vous montrer votre opinion? –

+0

@BenjaminBrasseur fait –

+0

Je pense que le problème vient de votre 'layouts/app.blade.php'. Pouvez-vous le montrer aussi s'il vous plaît? –

Répondre

1

La question vient de vos liens differents css tags.

En fait, vous avez:

<link rel="stylesheet" type="text/css" href="css/style1.css"> 
<link rel="shortcut icon" href="favicon.ico"> 

<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic,700' rel='stylesheet' type='text/css'> 

<!-- Animate.css --> 
<link rel="stylesheet" href="css/animate.css"> 
<!-- Icomoon Icon Fonts--> 
<link rel="stylesheet" href="css/icomoon.css"> 
<!-- Bootstrap --> 
<link rel="stylesheet" href="css/bootstrap.css"> 
<!-- Owl Carousel --> 
<link rel="stylesheet" href="css/owl.carousel.min.css"> 
<link rel="stylesheet" href="css/owl.theme.default.min.css"> 
<!-- Theme style --> 
<link rel="stylesheet" href="css/style.css"> 

<!-- Modernizr JS --> 
<script src="js/modernizr-2.6.2.min.js"></script> 

Ensuite, lorsque vous utilisez la route /{party_id}, votre navigateur essayer de trouver localhost/{party_id}/css/style.css au lieu de localhost/css/style.css

La solution est d'utiliser asset() comme vous pouvez le voir à le haut de votre vue de la disposition<link href="{{ asset('css/app.css') }}" rel="stylesheet">

Donc, il devrait y avoir chose comme ça:

<link rel="stylesheet" type="text/css" href="{{ asset('css/style1.css') }}"> 
<link rel="shortcut icon" href="{{ asset('favicon.ico') }}"> 

<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic,700' rel='stylesheet' type='text/css'> 


<!-- Animate.css --> 
<link rel="stylesheet" href="{{ asset('css/animate.css') }}"> 
<!-- Icomoon Icon Fonts--> 
<link rel="stylesheet" href="{{ asset('css/icomoon.css') }}"> 
<!-- Bootstrap --> 
<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}"> 
<!-- Owl Carousel --> 
<link rel="stylesheet" href="{{ asset('css/owl.carousel.min.css') }}"> 
<link rel="stylesheet" href="{{ asset('css/owl.theme.default.min.css') }}"> 
<!-- Theme style --> 
<link rel="stylesheet" href="{{ asset('css/style.css') }}"> 

<!-- Modernizr JS --> 
<script src="{{ asset('js/modernizr-2.6.2.min.js') }}"></script> 
+0

merci beaucoup! –