欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

TODO:Laravel 使用blade标签布局页面

程序员文章站 2022-07-12 21:18:30
...

TODO:Laravel 使用blade标签布局页面

TODO:Laravel 使用blade标签布局页面
            
    
    博客分类: Laravel LaravelBlade布局 
本文主要介绍Laravel的标签使用,统一布局页面。主要用到到标签有@yield,@ stack,@extends,@section,@stop,@push。使代码精简、提高页面下载速度、表现和内容相分离。站在开发者的角度看,web页面都可以提取相同的内容进行分离,让每个页面代码尽显主题内容,简洁明快,干扰信息少。

1. Laravel的blade标签代码格式是”命名.blade.php”,这样是不是很简洁。

2. 创建统一布局风格的代码模板main.blade.php,使用HTML5的代码结构,有标签header,main,footer,35行的代码完成一个风格的布局.

TODO:Laravel 使用blade标签布局页面
            
    
    博客分类: Laravel LaravelBlade布局 
3. 新建一个页面a.blade.php,使用这个@extends引用母模板main.blade.php,layouts是模板的路径。

TODO:Laravel 使用blade标签布局页面
            
    
    博客分类: Laravel LaravelBlade布局 
4. 从这两个页面代码我们可以看到Laravel的blade基本使用方法,在子页面定义@section定义代码,在母模版使用@yield,就可以输出对应的代码,充分体系了Laravel的简洁优雅。

5. 在main.blade.php我们看到了@stack,这个要怎么用了,只要在a.blade.php创建@push即可使用了,进行更多的扩展。

6. 这是简单标签使用,和统一页面布局使用,希望对你有启蒙作用。


wxgzh:ludong86

TODO:Laravel 使用blade标签布局页面
            
    
    博客分类: Laravel LaravelBlade布局