这是我的正常UI
显示细节。 URL
这是http://127.0.0.1:8000/userregister根据页面URL,HTML模板没有加载。为什么?
但是,如果我按在这里看到的按钮,它移动到其延长上述观点所使用的所有CSS
和JS
功能的新观点。所以,新视图看起来像这样。
这里是新URL
:http://127.0.0.1:8000/Seedetails/MOB/TR/1743
这不是这种情况下,所有其他类似案例。有人能帮我一下吗 ?
这是我的正常UI
显示细节。 URL
这是http://127.0.0.1:8000/userregister根据页面URL,HTML模板没有加载。为什么?
但是,如果我按在这里看到的按钮,它移动到其延长上述观点所使用的所有CSS
和JS
功能的新观点。所以,新视图看起来像这样。
这里是新URL
:http://127.0.0.1:8000/Seedetails/MOB/TR/1743
这不是这种情况下,所有其他类似案例。有人能帮我一下吗 ?
<!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>© 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>
试试这个
这对我来说很好 – Dasun
你的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') }}" />
希望这会帮助你。
我不明白函数asset()为你生成必要的url。你可以解释一下吗? – Dasun
根据你的方式css loaded.but js没有加载 – Dasun
1)'asset()'函数产生加载css,js的路径。 2)如果js没有加载,则尝试'
你检查浏览器的网络电话和检查所需的CSS加载与否? –
小提琴也许?所有的CSS文件加载正确吗? – gauravmuk
用户资产()方法来链接您的CSS或JS文件.. –