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

时间: 2024-10-06 01:02:20

TODO:Laravel 使用blade标签布局页面的相关文章

laravel的blade标签整理

witch 传输参数到模板  可多个输出 例子:  return view ('laravel')->with('name',$name)->......; compact 传递参数到模板 例子: $data = [     'name' =>  '三真网111',     'liuyan' => '如假包换111',     'null' => '机油' ]; $str ='<script>document.write("不错的js")<

h1、h2、h3标签及strong标签对页面seo的影响

今天和大家来聊下h1,h2,h3,strong几个标签,在网页中的使用对页面seo的影响,也阐述了个人的一些想法. 首先简要讲下H标签及strong标签的含义:<h1>.<h2>.<h3>.<h4>.<h5>.<h6>,作为标题使用,h1是最大的标题,h6标签是最小的标题,在使用h标签过程中应该是完整有序没有断层的.例如:h1.h2.h3.h4这样的顺序,象h1.h3.h4就漏掉h2.一个结构良好的网页,h标签可以组织起一个网页的大纲

Sahrepoint2013 创建HTML布局页面

Sahrepoint2013 创建HTML布局页面 分类: SharePoint2014-06-19 09:47 224人阅读 评论(0) 收藏 举报 SharePoint布局编辑HTML布局 给HTML页面里添加布 1.在IE中打开设计管理器,找到: 2.点击创建页面布局,选择母版页和页面内容类型,如下 3.创建后记得发布主要版本....在IE中点击“...”就可以找到 4.然后打开SPD,在页面布局中找到对应的HTML页面,点击右键签出,再高级模式下编辑, 打开页面首先如果你要使用外部样式连

laravel 模板 blade

控制器布局 在Laravel框架中使用模板的一种方法就是通过控制器布局.通过在控制器中指定 layout 属性,对应的视图会被创建并且作为请求的默认返回数据. 在控制器中定义一个布局 class UserController extends BaseController { /** * The layout that should be used for responses. */ protected $layout = 'layouts.master'; /** * Show the user

android 布局页面文件出错故障排除Exception raised during rendering: java.lang.System.arraycopy([CI[CII)V

今天在看布局文件的时候出现 android 布局页面文件出错故障排除Exception raised during rendering: java.lang.System.arraycopy([CI[CII)V 提醒,google后在网上说是因为sdk版本的问题. 解决方法: 修改选择不同的API就好了,降低版本即可

表格布局扩展/DW设计界面中快速整体布局页面的操作

DW设计界面中快速整体布局页面的操作流程: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt

利用表格布局页面

利用表格布局页面的操作流程: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv

从零开始,搭建博客系统MVC5+EF6搭建框架(4)上,前后台页面布局页面实现,介绍使用的UI框架以及JS组件

一.博客系统进度回顾以及页面设计 1.1页面设计说明 紧接前面基础基本完成了框架搭建,现在开始设计页面,前台页面设计我是模仿我博客园的风格来设计的,后台是常规的左右布局风格. 1.2前台页面风格 主页面: 技术博客风格: 详情页风格: 详情页留言风格: 1.3后台风格: 表格风格: 博客发布风格: 以上看到的系统页面是目前系统完成的风格,以后页面设计都参考这些页面风格. 二.使用前端web框架以及插件说明 2.1选择前端web框架,我找了很多框架,以前学过自学过bootstrap觉得对于没有前端

EF5+MVC4系列(10) mvc的布局页面 _ViewStart.Cshtml

当客户端请求 /Product/Index的时候, 如果在视图的根目录下有 _ViewStart.Cshtml 就会先执行这个,再去执行 Product文件夹下的Index视图, 如果Product文件夹下也有 _ViewStart.Cshtml文件,那么优先执行这个文件,再去执行 Index视图 根目录下的ViewStart中的数据,可以通过 Page.Title这样 或者是 PageData["key"] 这样传递给 下面的Product下的ViewStart视图,直至到目标 In