当前位置: 首页 > 编程笔记 >

Laravel 在views中加载公共页面的实现代码

夏侯嘉荣
2023-03-14
本文向大家介绍Laravel 在views中加载公共页面的实现代码,包括了Laravel 在views中加载公共页面的实现代码的使用技巧和注意事项,需要的朋友参考一下

1:我们使用了Blade模板,并创建一个layout作为通用的模板。将子页面作为yield输出:

<!-- store in resource/view/layout.blade.php -->
<!DOCTYPE html>
<html>
  <head>
    <title>Laravel 5 - @yield('title')</title>

    <link rel="stylesheet" href="./style/page.css" rel="external nofollow" >
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
  </head>
  <body>
    <header>
    </header>

 @yield('content')

 
    <footer>
    </footer>
 
  </body>
</html>

2: 在子页面使用

<!-- store in resource/view/index.blade.php -->
@extends('layout')
 
@section('title', 'test')
 
@section('content')
<style>
  .pageText {
    font-color : #00ff00;
  }
</style>
 
<div>
  Some Child Page
</div>
 
@endsection

以上这篇Laravel 在views中加载公共页面的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 我想在我的JSFWeb应用程序中实现一个像gmail这样的加载页面。 用户输入登录名和密码,我把他带到一个简单的进度条页面(加载应用程序页面)。 一旦进度条达到100%,应用程序页面就会显示出来。 (命中100%意味着它根据应用程序页面初始化的进度获得进度值)。 现在,我真正需要什么来实现这一点,支持bean范围、facelets数量、faces配置。。 其他信息: > @WebFilter(fi

  • 本文向大家介绍ajax实现页面的局部加载,包括了ajax实现页面的局部加载的使用技巧和注意事项,需要的朋友参考一下 ajax如何实现页面的局部加载,具体如下 点击头部即右上角的链接时,页面会根据相应的链接加载新的内容,显示在下方;在中间区域有3栏,当点击1栏中的链接,2栏中会显现相应的内容,点击2栏中的内容,3栏中的内容又会根据2栏的链接来加载显示内容。 页面效果如下: js代码如下: 整个dem

  • 本文向大家介绍漂亮实用的页面loading(加载)封装代码,包括了漂亮实用的页面loading(加载)封装代码的使用技巧和注意事项,需要的朋友参考一下 要做一个异步登录,打算给用户做一点提示,所以就网上找了点代码,自己修改新增了一些,做了一个html+css+js的功能封装,以备未来直接使用。 html css js 如果要显示或者不显示动画,直接调用js函数就可以啦 动画效果无法截图额,将就看下

  • 本文向大家介绍静态页面实现 include 引入公用代码的示例,包括了静态页面实现 include 引入公用代码的示例的使用技巧和注意事项,需要的朋友参考一下 一直以来,我司的前端都是用 php 的 include 函数来实现引入 header 、footer 这些公用代码的,就像下面这样: 直到最近某个项目需要做一个 webapp,是通过 HBuilder 将静态页面打包成 APP,这就让我碰到

  • 本文向大家介绍Android界面数据懒加载实现代码,包括了Android界面数据懒加载实现代码的使用技巧和注意事项,需要的朋友参考一下 大家在使用手机新闻客户端的时候就会有一个发现,大多数的新闻客户端都会把新闻分类,诸如头条、娱乐、体育、科技等等,如何实现这种界面的呢?这个实现起来其实很简单,就是在一个Fragment中实现多个ViewPage的切换,再在ViewPage的上面放一个TabLayo

  • 本文向大家介绍基于javascript实现页面加载loading效果,包括了基于javascript实现页面加载loading效果的使用技巧和注意事项,需要的朋友参考一下 本文实为大家分享了javascript实现页面加载loading效果,供大家参考,具体内容如下 效果图: 以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。