laravel怎么做模板的头尾分离

简介: laravel怎么做模板的头尾分离

1.首先找到页面的公共部分,放在layouts这个目录下的home.blade.php

image.png

2.设置内容区域

@yield('content')

3.在其他页面使用模板引擎,先继承,然后在使用section即可

@extends('layouts.home')
@section('content')
  <div class="login">
    <div class="container">
    <form action="" method="post">
      <div class="col-md-6 login-do1 animated wow fadeInLeft" data-wow-delay=".5s">
        <div class="login-mail">
          <input type="text" name="email" placeholder="Email" required="">
          <i class="glyphicon glyphicon-envelope"></i>
        </div>
        <div class="login-mail">
          <input type="password" name="password" placeholder="Password" required="">
          <i class="glyphicon glyphicon-lock"></i>
        </div>
        <div class="login-mail">
          <input type="password" name="repeate" placeholder="Repeated password" required="">
          <i class="glyphicon glyphicon-lock"></i>
        </div>
          <a class="news-letter" href="#">
             <label class="checkbox1"><input type="checkbox" name="checkbox" ><i> </i>I agree with the terms</label>
             </a>
      </div>
      <div class="col-md-6 login-do animated wow fadeInRight" data-wow-delay=".5s">
        <label class="hvr-sweep-to-top login-sub">
          <input type="submit" value="Submit">
          </label>
          <p>Already register</p>
        <a href="login.html" class="hvr-sweep-to-top">Login</a>
      </div>
      <div class="clearfix"> </div>
      <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
      </form>
    </div>
  </div>
@endsection

4.在这里其实还有一个问题,那就是文件的title这个值,这个值我们需要怎么做呢!其实也很简单



将下边的这代码放置在一个公共的控制器,其他的控制器继承这个控制器,在每次加载页面的时候,调用这个方法即可



名为HomeController.php


public function set_page_info($title, $keywords, $description, $showNav, $css=array(), $js=array()){
    return array(
        'page_title'            => $title,
        'page_keywords'         => $keywords,
        'page_description'      => $description,
    );

IndexController.php

/*
author:咔咔
address:陕西西安
wechat:fangkangfk
*/
class IndexController extends HomeController
{
  /**
   * @return $this
   */
  public function index(Request $request){
      //设置页面信息
      $data = $this->set_page_info('京西商城','京西','京西');
    }
}
相关文章
|
机器学习/深度学习 编译器 C++
C++模板元模板实战书籍讲解第一章(顺序、分支与循环代码的编写)--前篇
C++模板元模板实战书籍讲解第一章(顺序、分支与循环代码的编写)--前篇
77 0
|
6月前
|
Python
告别混乱!Python上下文管理器的自定义实践,让你的代码更加整洁有序
【7月更文挑战第6天】Python的上下文管理器通过`__enter__`和`__exit__`方法自动处理资源的获取与释放,如文件操作。使用with语句结合自定义类(如`FileManager`示例),能确保文件在使用后正确关闭,防止资源泄漏,提升代码整洁度和健壮性。自定义上下文管理器是代码模块化和错误处理的好实践。
40 0
|
8月前
|
JavaScript 索引
js数组的增删改查,十二种方法(含代码)
js数组的增删改查,十二种方法(含代码)
|
设计模式 前端开发 Java
项目开发-依赖倒置、里式替换、接口隔离的应用深入理解
项目开发-依赖倒置、里式替换、接口隔离的应用深入理解
137 0
|
机器学习/深度学习 搜索推荐 算法
编程艺术 - 第二章 、俩个字符串是否包含问题以及扩展
编程艺术 - 第二章 、俩个字符串是否包含问题以及扩展
76 0
|
前端开发
【React工作记录五十四】形成新数组的方式扩展运算符
【React工作记录五十四】形成新数组的方式扩展运算符
62 0
|
存储 JavaScript 前端开发
20个JS精简代码无形装逼集合,最为致命,记得收藏好
20个JS精简代码无形装逼集合,最为致命,记得收藏好
|
SQL 缓存 安全
如何避免写重复代码:善用抽象和组合
通过抽象和组合,我们可以编写出更加简洁、易于理解和稳定的代码;类似于金字塔的建筑过程,我们总是可以在一层抽象之上再叠加一层,从而达到自己的目标。但是在日常的开发工作中,我们如何进行实践呢?本文将以笔者在Akka项目中的一段社区贡献作为引子分享笔者的一点心得。
166 0
如何避免写重复代码:善用抽象和组合
页面中有父子组件,生命周期顺序如何执行?(面试高频 一篇搞懂)
在实际开发中,一个页面经常会有父组件和子组件,那么在这个页面中,对于父子组件他们的生命周期又是如何执行的呢?看了一些网上的文章资料,竟然有些讲解写的是错误答案,带偏大家,所以在本文利用实践得出结论,带大家彻底搞懂这个知识点~
169 0
页面中有父子组件,生命周期顺序如何执行?(面试高频 一篇搞懂)
|
JavaScript 算法 前端开发
【前端】持续总结一下Vue书写规范,包含了元素,组件,注释,指令等
总结一下Vue书写规范,包含了元素,组件,注释,指令等
269 0