首页 > 代码库 > TODO:Laravel 使用blade标签布局页面

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


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

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

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

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

技术分享
3. 新建一个页面a.blade.php,使用这个@extends引用母模板main.blade.php,layouts是模板的路径。

技术分享
4. 从这两个页面代码我们可以看到Laravel的blade基本使用方法,在子页面定义@section定义代码,在母模版使用@yield,就可以输出对应的代码,充分体系了Laravel的简洁优雅。

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

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


wxgzh:ludong86

技术分享


本文出自 “计算机语言驱动数据” 博客,请务必保留此出处http://onetodo.blog.51cto.com/12321875/1883637

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