zoukankan      html  css  js  c++  java
  • laravel 布局 详解(实例)

    在resources/views里创建layouts,并在layouts里创建app.blade.php, 这个php文件放的就是你的页面框架,也就是多页面公用的内容,如下

    <!DOCTYPE html>
    <html>
    <head>
       <meta charset="UTF-8">
      <title>@yield('title')</title>
        @yield('css-js')
    </head>
    <body>
      <!-- 顶部开始 -->
        <div class="top">
            <!--头部内容,直接写在里面-->
        </div>
      <!-- 顶部结束 -->
      <!-- 中部开始 -->
        <div class="content">
            @yield('top')
        </div>
      <!-- 中部结束 -->
      <!-- 底部开始 -->
        <div class="bottom">
            <!--底部内容,直接写在里面-->
        </div>
      <!-- 底部结束 -->
    </body>
    </html>

    在resources/views里面创建一个index.blade.php,控制器渲染此页面,页面内容如下

    @extends('layouts.app')<!--引入app.blade.php文件-->
    
    @section('title', '钧一首页')<!--app页面对应的变量里写入内容-->
    
    @section('css-js')
        <!--你需要加载的css和js-->
    @endsection
    
    @section('content')
        <!--中部内容-->
     <div>中部</div>    
    @endsection
    
    
  • 相关阅读:
    【BZOJ2806】【CTSC2012】—熟悉的文章(二分答案+广义后缀自动机+单调队列优化dp)
    2017-2-15
    2017-2-14
    2017-2-13
    CSS居中
    2017-2-10
    微信小程序
    2017-2-9
    2017-2-8
    基础知识再整理: 01
  • 原文地址:https://www.cnblogs.com/junyi-bk/p/10696351.html
Copyright © 2011-2022 走看看