php框架laravel:[15]blade模板1
前面我们的页面都很丑陋。我们来学习一下我们在使用的blade模板,美化一下我们的显示。Blade模板文件必须使用Blade .blade.php 文件扩展名。
定义Blade布局
在 app/views/welcome 下建立 default.blade.php 输入内容:
![php框架laravel:[15]blade模板1](https://exp-picture.cdn.bcebos.com/cfa9ae04541bd10fab449b29ba0e1799e82aa7f5.jpg)
注意:里面的@section('sidebar')...@show 片段 和 @yield('content') ,其中 sidebar 和 content 是section的名称。
使用Blade布局
在在 app/views/welcome 下建立 welcome.blade.php 输入内容:
![php框架laravel:[15]blade模板1](https://exp-picture.cdn.bcebos.com/76b6860e5f2043712eb9a093323acd8921c58ff5.jpg)
注意:
1、@extends('welcome.default')就是继承使用blade布局。welcome.default是指welcome目录下的default.blade.php文件。
2、@section('sidebar')...@stop就是用来替换 布局文件default.blade.php 里面相应的部分。
设置路由
打开 app/route.php ,修改里面的Route::get('/’... 路由为:
![php框架laravel:[15]blade模板1](https://exp-picture.cdn.bcebos.com/d400248ca608a50f159ec63f10cec7f88b77fff5.jpg)
最终页面
浏览器打开 ...index.php,可以看到如下页面:
![php框架laravel:[15]blade模板1](https://exp-picture.cdn.bcebos.com/6a408cdd3340b6f301e595af12c0affce086eef5.jpg)
注意:仔细观察这个页面,可以看的,布局文件default.blade.php里面对应的内容都被替换成 welcome.blade.php 的对应内容。
后续我们将在这个模板的基础上,引用第三方的模板 bootstrap,做一个漂亮的页面模板。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:142
阅读量:44
阅读量:146
阅读量:129
阅读量:115